Nie wiem jak sobie poradzić z układem tekstu jak to widać:
http://l2c6.no-ip.org/6/
Jestem początkujący więc mi wybaczcie wszystkie błędy...
CHODZI MI O TO ABY TEN TEKST BYŁ ŁADNIE KOŁO MENU A NIE POD..
Html:
Kod
<body>
<div id="strona">
<div id="heder"></div>
<div id="heder1"></div>
<div id="ccc"></div>
<div id="ddd">
<div id="menu1"><div class="menu">MAIN MENU</div></div>
<div id="menu2"></div>
<div id="menu3">
<div id="menuuu">
<div class="efekt"><div id="tekst1">Strona Główna</div></div>
<div class="odstep"></div>
<div class="efekt"><div id="tekst1">PSO</div></div>
<div class="odstep"></div>
<div class="efekt"><div id="tekst1">Wymagania</div></div>
<div class="odstep"></div>
<div class="efekt"><div id="tekst1">Matura</div></div>
<div class="odstep"></div>
<div class="efekt"><div id="tekst1">Różne</div></div>
<div class="odstep"></div>
<div class="efekt"><div id="tekst1">ZSEE</div></div>
</div>
</div>
<div id="menu4"></div>
<div id="tekstsrodek">
Witamy! <br/><br/>
Serwis ten poświęcony jest zagadnieniom matematyki.<br/><br/>
Znajdziesz tu niezbędne informacje dotyczące m.in.: egzaminu maturalnego, przedmiotowego systemu oceniania, kryteriów wymagań itp.<br/><br/>
Serdecznie zapraszamy!
</div>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
</div>
<div id="eee"></div>
</div>
<div id="strona">
<div id="heder"></div>
<div id="heder1"></div>
<div id="ccc"></div>
<div id="ddd">
<div id="menu1"><div class="menu">MAIN MENU</div></div>
<div id="menu2"></div>
<div id="menu3">
<div id="menuuu">
<div class="efekt"><div id="tekst1">Strona Główna</div></div>
<div class="odstep"></div>
<div class="efekt"><div id="tekst1">PSO</div></div>
<div class="odstep"></div>
<div class="efekt"><div id="tekst1">Wymagania</div></div>
<div class="odstep"></div>
<div class="efekt"><div id="tekst1">Matura</div></div>
<div class="odstep"></div>
<div class="efekt"><div id="tekst1">Różne</div></div>
<div class="odstep"></div>
<div class="efekt"><div id="tekst1">ZSEE</div></div>
</div>
</div>
<div id="menu4"></div>
<div id="tekstsrodek">
Witamy! <br/><br/>
Serwis ten poświęcony jest zagadnieniom matematyki.<br/><br/>
Znajdziesz tu niezbędne informacje dotyczące m.in.: egzaminu maturalnego, przedmiotowego systemu oceniania, kryteriów wymagań itp.<br/><br/>
Serdecznie zapraszamy!
</div>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
</div>
<div id="eee"></div>
</div>
CSS:
Kod
#menuuu {
position: relative;
top:1px;
margin : 0 auto;
width: 143px;
}
.efekt
{
position: relative;
top:2px;
width: 143px;
height: 20px;
color: #000000;
background-color: #8c8c8c;
}
.efekt:hover
{
position: relative;
top:2px;
width: 143px;
height: 20px;
color: #FFFFFF;
background-color: #292931;
}
#tekst1 {
position: relative;
top:3px;
left:5px;
}
.odstep {
width: 143px;
height: 1px;
}
.menu {
position: relative;
top:9px;
text-align:center;
color:#fff;
font-weight:bold;
}
#strona {
margin : 0 auto;
padding : 0px;
width : 807px;
}
#tekstsrodek {
position: relative;
top:5px;
left:200px;
width : 400px;
}
#heder {
list-style: none;
margin : 0 auto;
border : none;
padding : 0px;
width : 807px;
height: 78px;
background: url('images/1.jpg');
}
#heder1 {
top:78px;
list-style: none;
margin : 0 auto;
border : none;
padding : 0px;
width : 807px;
height: 169px;
background: url('images/2.jpg');
}
#ccc {
top:247px;
list-style: none;
margin : 0 auto;
border : none;
padding : 0px;
width : 807px;
height: 51px;
background: url('images/3.jpg');
}
#ddd {
top:337px;
list-style: none;
margin : 0 auto;
border : none;
padding : 0px;
width : 807px;
background: url('images/4.jpg');
}
#eee {
list-style: none;
margin : 0 auto;
border : none;
padding : 0px;
width : 807px;
height: 70px;
background: url('images/5.jpg');
}
#menu1 {
left:29px;
top:0px;
position: relative;
list-style: none;
border : none;
padding : 0px;
width : 158px;
height: 31px;
background: url('images/m.jpg');
}
#menu2 {
left:29px;
top:2px;
position: relative;
list-style: none;
border : none;
padding : 0px;
width : 158px;
height: 8px;
background: url('images/m2.jpg');
}
#menu3 {
left:29px;
position: relative;
list-style: none;
border : none;
padding : 0px;
width : 158px;
background: url('images/m3.jpg');
}
#menu4 {
left:29px;
position: relative;
list-style: none;
border : none;
padding : 0px;
width : 158px;
height: 8px;
background: url('images/m4.jpg');
}
position: relative;
top:1px;
margin : 0 auto;
width: 143px;
}
.efekt
{
position: relative;
top:2px;
width: 143px;
height: 20px;
color: #000000;
background-color: #8c8c8c;
}
.efekt:hover
{
position: relative;
top:2px;
width: 143px;
height: 20px;
color: #FFFFFF;
background-color: #292931;
}
#tekst1 {
position: relative;
top:3px;
left:5px;
}
.odstep {
width: 143px;
height: 1px;
}
.menu {
position: relative;
top:9px;
text-align:center;
color:#fff;
font-weight:bold;
}
#strona {
margin : 0 auto;
padding : 0px;
width : 807px;
}
#tekstsrodek {
position: relative;
top:5px;
left:200px;
width : 400px;
}
#heder {
list-style: none;
margin : 0 auto;
border : none;
padding : 0px;
width : 807px;
height: 78px;
background: url('images/1.jpg');
}
#heder1 {
top:78px;
list-style: none;
margin : 0 auto;
border : none;
padding : 0px;
width : 807px;
height: 169px;
background: url('images/2.jpg');
}
#ccc {
top:247px;
list-style: none;
margin : 0 auto;
border : none;
padding : 0px;
width : 807px;
height: 51px;
background: url('images/3.jpg');
}
#ddd {
top:337px;
list-style: none;
margin : 0 auto;
border : none;
padding : 0px;
width : 807px;
background: url('images/4.jpg');
}
#eee {
list-style: none;
margin : 0 auto;
border : none;
padding : 0px;
width : 807px;
height: 70px;
background: url('images/5.jpg');
}
#menu1 {
left:29px;
top:0px;
position: relative;
list-style: none;
border : none;
padding : 0px;
width : 158px;
height: 31px;
background: url('images/m.jpg');
}
#menu2 {
left:29px;
top:2px;
position: relative;
list-style: none;
border : none;
padding : 0px;
width : 158px;
height: 8px;
background: url('images/m2.jpg');
}
#menu3 {
left:29px;
position: relative;
list-style: none;
border : none;
padding : 0px;
width : 158px;
background: url('images/m3.jpg');
}
#menu4 {
left:29px;
position: relative;
list-style: none;
border : none;
padding : 0px;
width : 158px;
height: 8px;
background: url('images/m4.jpg');
}