01-06-09, 12:58
|
# 1 |
|
חבר חדש
|
גבולות טקסט
אני רוצה, שכשאני כותב טקסט לאתר, כשהוא יגיע לנקודה מסויימת הוא ירד שורה.
איך עושים את זה? ניסיתי עם padding right (הטקסט באנגלית) אבל זה לא עובד. את הטקסט אני כותב בתוך text2 CSS: HTML קוד:
.logo {
width:1024px;
height:177px;
background-image:url("images/logo.gif");
position:absolute;
top:0px;
left:0px;
}
.text {
width:732px;
background-image:url("images/newtext.gif");
position:absolute;
left:157px;
background-repeat:no-repeat;
top:177px;
}
.text2 {
background-image:url("images/text.gif");
padding-right:10px;
padding-top:10px;
padding-left:10px;
padding-bottom:10px;
}
.credit {
background-image:url("images/credit.gif");
height:63px;
width:732px;
}
.abovemenu {
background-image:url("images/abovemenu.gif");
position:absolute;
left:0px;
top:177px;
width:157px;
height:65px;
}
.news {
background-image:url("images/news.gif");
position:absolute;
left:0px;
top:242px;
width:157px;
height:67px;
}
.forum {
background-image:url("images/forum.gif");
position:absolute;
left:0px;
top:308px;
width:157px;
height:66px;
}
.contact {
background-image:url("images/contact.gif");
position:absolute;
left:0px;
top:374px;
width:157px;
height:65px;
}
.members {
background-image:url("images/members.gif");
position:absolute;
left:0px;
top:439px;
width:157px;
height:59px;
}
.guides {
background-image:url("images/guides.gif");
position:absolute;
left:0px;
top:497px;
width:157px;
height:59px;
}
.bottommenu {
background-image:url("images/bottommenu.gif");
position:absolute;
left:0px;
top:556px;
width:157px;
height:212px;
}
.right {
background-image:url("images/right.gif");
position:absolute;
left:889px;
top:177px;
width:135px;
height:591px;
}
HTML קוד:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>The Lost Souls of Jerk So</title> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body> <div class="logo"> </div> <div class="text"> <div class="text2"> </div> <div class="credit"> </div> </div> <a href="index.htm"><div class="abovemenu"></a> </div> <a href="news.htm"> <div class="news"> </div> </a> <a href="forum.htm"> <div class="forum"> </div> </a> <a href="contact.htm"> <div class="contact"> </div> </a> <a href="members.htm"> <div class="members"> </div> </a> <a href="guides.htm"> <div class="guides"> </div> </a> <div class="bottommenu"> </div> <div class="right"> </div> </body> </html> |
|
| חברים פעילים הצופים באשכול זה: 1 (0 חברים ו- 1 אורחים) | |
| כלים לאשכול | |
| תצורת הצגה | |
|
|
תצורת אשכולות