אני רוצה, שכשאני כותב טקסט לאתר, כשהוא יגיע לנקודה מסויימת הוא ירד שורה.
איך עושים את זה? ניסיתי עם 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:
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>