PDA

توجه ! این یک نسخه آرشیو شده میباشد و در این حالت شما عکسی را مشاهده نمیکنید برای مشاهده کامل متن و عکسها بر روی لینک مقابل کلیک کنید : درخواست کمک! css ?


erfanking
October 4th, 2012, 20:51
دوستان سلام
یه صفه html دارم که یه جدول 2*17 داخلشه
میخوام خطوط دور جدول یه حالت منحنی داشته باشه(گرد)
چند جایی که پیگیری کردم اونطوری که متوجه شدم باید از این دستور css استفاده کنم




< style >
div
{
border : solid 2px blue ;
border-radius : 25px ;
}
< /style >




بنده هیچ آشنایی با css ندارم
لطفا یکی از دوستان مراحل کامل به کار گیری این کد رو توضیح بدن

تشکر
alishadmehr
October 4th, 2012, 20:54
دوستان سلام
یه صفه html دارم که یه جدول 2*17 داخلشه
میخوام خطوط دور جدول یه حالت منحنی داشته باشه(گرد)
چند جایی که پیگیری کردم اونطوری که متوجه شدم باید از این دستور css استفاده کنم




< style >
div
{
border : solid 2px blue ;
border-radius : 25px ;
}
< /style >




بنده هیچ آشنایی با css ندارم
لطفا یکی از دوستان مراحل کامل به کار گیری این کد رو توضیح بدن

تشکر

جدول هست یا DIV ، اگر جدول باشه که باید کد اصلی رو اینجا بزارید.

اگر Div باشه باید براش کلاس یا ID تعیین کنید و بر اساس اون ، CSS براش بنویسید.
X2Maxer
October 4th, 2012, 20:55
خدمت شما:
CSS Border Radius Generator (http://border-radius.com)
erfanking
October 4th, 2012, 21:01
باتشکر از شما


جدول هست یا DIV ، اگر جدول باشه که باید کد اصلی رو اینجا بزارید.

اگر Div باشه باید براش کلاس یا ID تعیین کنید و بر اساس اون ، CSS براش بنویسید.
جدوله و کدش هم به این صورته

<table width="47%" border="1" cellspacing="0" cellpadding="5" align="center">
<input type=hidden name="userid" value="$userid">
<tr>
<td nowrap align="right">نام کاربری</td>
<td nowrap>$username </td>
</tr>
<tr>
<td nowrap align="right">وضعیت کاربر</td>
<td nowrap>$enable</td>
</tr>
<tr>



الی آخر


خدمت شما:
CSS Border Radius Generator (http://border-radius.com)

بله اینو دیده بودم
ولی همونطور که گفتم من هیچ آشنایی با این کد های css ندارم
اصلا نمیدونم کجا باید گذاشت
طرز کارو بگید ممنون میشم


تشکر
alishadmehr
October 4th, 2012, 21:14
اون اولش رو اینطوری تغییر بده :



<table width="47%" border="1" cellspacing="0" cellpadding="5" align="center" style="-moz-border-radius: 25px;-webkit-border-radius: 25px;border-radius: 25px;">


البته اگر فایل استایل شیت هم توی قالبت داشتی میتونی یک کلاس براش تعریف کنی و بعد توی فایل استایلت ، برای اون کلاس مقادیری که میخوای رو تعیین کنی.
erfanking
October 4th, 2012, 21:23
8955
جالبه
تا حدودی درست شد اما هنوز خطای اصلی جدول سرجاشه
alishadmehr
October 4th, 2012, 21:32
http://www.webhostingtalk.ir/attachments/f153/8955-%D8%AF%D8%B1%D8%AE%D9%88%D8%A7%D8%B3%D8%AA-%DA%A9%D9%85%DA%A9-css-untitled-png
جالبه
تا حدودی درست شد اما هنوز خطای اصلی جدول سرجاشه

اینو تست کن :



<table width="47%" border="1" cellspacing="0" cellpadding="5" align="center" style="-moz-border-radius: 25px;-webkit-border-radius: 25px;border-radius: 25px;overflow: hidden;">
erfanking
October 4th, 2012, 21:34
اینم دقیقا مثل همونه
alishadmehr
October 4th, 2012, 21:46
اینم دقیقا مثل همونه

مطمئن هستید که تست کردید ؟

اگر چه یک Table شامل اجزای دیگه ای هم هست که میتونه از اونها باشه ولی وقتی Overflow رو هیدن کردیم دیگه نباید اجزای داخلی جدول که بیشتر از مقدار تعریف شده اصلی هست در خارج از اون محدوده نمایش داده بشه. احتمالا یک Div قبل از جدول تعریف شده که این حاشیه از سمت اون هست.
erfanking
October 4th, 2012, 22:03
مطمئن هستید که تست کردید ؟

اگر چه یک Table شامل اجزای دیگه ای هم هست که میتونه از اونها باشه ولی وقتی Overflow رو هیدن کردیم دیگه نباید اجزای داخلی جدول که بیشتر از مقدار تعریف شده اصلی هست در خارج از اون محدوده نمایش داده بشه. احتمالا یک Div قبل از جدول تعریف شده که این حاشیه از سمت اون هست.

بله تست کردم ولی نتیجه ای نداشت
این همه اجزائ قبل از جدوله
من چیزی متوجه نشدم شما عیبی میبینید بگید که دستکاری کنم



<!-- header -->
<html><head><title>index</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>
body,td {font-family: "arial"; font-size: 9pt;}
.button { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 9px; font-style: _italic; height: 18px; width: 50px}
.editbox {font-family: "Arial", "Helvetica", "sans-serif"; font-size: 9px; height: 16px;}
body,td,th {
font-family: Tahoma, Geneva, sans-serif;
font-size: 9pt;
color: #333;
}
body {
background-image: url(img/background2.gif);
background-color: rgb(236,232,236);
}
</style></head><body>
<h3 align="center"><img src="img/header_16.png" width="900" height="160" align="top"></h3>
<form name="form" method="post" action="account">
<table width="47%" border="1" cellspacing="0" cellpadding="1" align="center" style="-moz-border-radius: 25px;-webkit-border-radius: 25px;border-radius: 25px;overflow: hidden;">
rezaonline.net
October 5th, 2012, 00:07
<style>
table.the-tbl
{
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
border-radius: 25px;
border: 1px solid black;
}
.the-tbl td
{
border:1px solid gray;
}
</style>

<table width="47%" border="0" cellspacing="0" cellpadding="5" align="center" class='the-tbl'>