سوال: استفاده از padding یرای حاشیه از داخل [بایگانی]

سعید کشاورز

چهارشنبه 02 فروردین 1391, 01:16 صبح

بچه ها من به هدر دارم که طول اون 1000px و عرض اون 200px هستش.
حالا من میخام یه متن دقیقا وسط این هدر بنویسم.
از padiding استفاده میکنم ولی سایز اون هدر تغییر میکنه.میخوام بدونم راه دیگه ای هم هست یا نه؟
در ضمن text-align رو هم استفاده کردم ولی فقط میاره وسط.و در مرکز قرار نمیده.
با تشکر

colors

چهارشنبه 02 فروردین 1391, 01:46 صبح

درود

متنتو تو یه span قرار بده و کدهای CSS زیرو واسش بزار
span{ position:absolute; width:250px; height:50px; text-align:center; top:50%; left:50%; margin-right:-125px; margin-top:-25px}

kianajoo

چهارشنبه 02 فروردین 1391, 01:56 صبح

درود....سال نو مبارک.....

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>test</title>
<style type="text/css">
*{
padding:0;
margin:0;
border:none;
}
#head{
width:1000px;
height:200px;
background:#ccc;
margin:20px auto;
}
p{
text-align:center;
padding-top:90px;
}
</style>
</head>
<body>
<div id="head">
<p>teeeeessssttttttt.....</p>
</div>
</body>
</html>

دوست عزیز این شکلی منظورتونه؟

سعید کشاورز

چهارشنبه 02 فروردین 1391, 02:08 صبح

درود....سال نو مبارک.....

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>test</title>
<style type="text/css">
*{
padding:0;
margin:0;
border:none;
}
#head{
width:1000px;
height:200px;
background:#ccc;
margin:20px auto;
}
p{
text-align:center;
padding-top:90px;
}
</style>
</head>
<body>
<div id="head">
<p>teeeeessssttttttt.....</p>
</div>
</body>
</html>

دوست عزیز این شکلی منظورتونه؟
سلام..سال نو شما هم مبارک
آره..دقیقا همینو ممیخاستم
ممنون