با سلام خدمت استادای عزیز!
من دارم یه تم طراحی می کنم برای یه چت روم!
یه مشکلی دارم.
وقتی اسم اتاقا را مینویسم ، و text-align رو center می کنم ، نوشته های من از نظر عرضی میان وسط! اما از نظر طول( ارتفاع) در وسط قرار نمی گیرن و میچسبن به بالای عکس بکگراندشون!
میشه راهتمایی کنید چطوری به صورت horizontal هم در وسط قرارشون بدم؟
این هم نمونه کد ها :
[PHPS]
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.rooms{
background-image:url('dark.png');
background-position:right;
width:181px;
padding: 3px 5px 1px 1px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin-bottom: 3px;
margin-right:auto;
margin-left:auto;
margin-top:2px;
height:30px;
color: #fff;
text-align: center;
text-align-last:center;
text-emphasis:center;
cursorointer;
}
</style>
</head>
<body>
<p class="rooms"> Room 1 </p>
</body>
</html>
[/PHPS]
و همینطور عکس بکگراند هم اتچ شد :
من دارم یه تم طراحی می کنم برای یه چت روم!
یه مشکلی دارم.
وقتی اسم اتاقا را مینویسم ، و text-align رو center می کنم ، نوشته های من از نظر عرضی میان وسط! اما از نظر طول( ارتفاع) در وسط قرار نمی گیرن و میچسبن به بالای عکس بکگراندشون!
میشه راهتمایی کنید چطوری به صورت horizontal هم در وسط قرارشون بدم؟
این هم نمونه کد ها :
[PHPS]
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.rooms{
background-image:url('dark.png');
background-position:right;
width:181px;
padding: 3px 5px 1px 1px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin-bottom: 3px;
margin-right:auto;
margin-left:auto;
margin-top:2px;
height:30px;
color: #fff;
text-align: center;
text-align-last:center;
text-emphasis:center;
cursorointer;
}
</style>
</head>
<body>
<p class="rooms"> Room 1 </p>
</body>
</html>
[/PHPS]
و همینطور عکس بکگراند هم اتچ شد :