| Autor | Zpráva | ||
|---|---|---|---|
| Daniela Kolářová Profil * |
#1 · Zasláno: 29. 5. 2008, 15:58:22
Moc prosím, pomozte mi. Nějak mám rozházenou stránku a nedaří se mi srovnat pravý a levý sloupec vedle sebe. Text z pravého sloupce mi leze úplně mimo a z leva mi jde do pravého. Poraďte mi prosím kde mám chyby. Moc děkuji.
<body>
<div id="container">
<div id="header"><br>
<ul> <li>
<a href="">Úvod</a></li> <li>
<a href="">Naše třída</a></li> <li>
<a href="">Fotogalerie</a></li> <li>
<a href="">Výlety</a></li> <li>
<a href="">Napište nám</a></li>
</ul>
</div>
<div id="content">
<div id="left">
<h1>Vítejte na stránkách naší třídy</h1>
<p>bbbbbbbbbbbbbbbb bbbbbbbbbbbbbb bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb bbbbbbbbbbbbbbbbbb
</p>
<p>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh
</p>
<p>uuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu
</p>
<p>iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii
</p>
<h1>Fotky</h1>
<div id="photos">
<a href="">
<img src="images/photo1.jpg" alt="photo" /></a>
<a href="">
<img src="images/photo2.jpg" alt="photo" /></a>
<a href="">
<img src="images/photo3.jpg" alt="photo" /></a>
<a href="">
<img src="images/photo4.jpg" alt="photo" /></a>
</div>
<div id="right">
<h2>Novinky</h2>
<p>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh
</p>
<p>kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk
</p>
<p>pppppppppppppppppppppppppppppppppppppppppppppppppppppppppp
</p>
</div>
</div>
</div>
<div id="konec">Copyright © 2008
</div>
</div>
</body>
body {
background-color:#bacedb;
color:#000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 10px 10px;
padding: 0px;
}
#container {
margin: auto;
text-align: left;
width: 717px;
}
a{
font-size:12px;
}
p{
margin: 15px 0px;
}
#header {
margin: 0px 0px 0px 0px;
background-image:url(images/hlavicka1.png);
width:721px;
height:255px;
position:relative;
}
#header ul{
background-color:#fb9461;
width:717px;
border: 2px solid #fb9461;
display:block;
top:237px;
position:absolute;
margin: 0px 0px 0px 0px;
height:20px;
padding:5px 0px 0px 0px;
text-align:center;
}
#header li{
display:inline;
}
#header ul a{
text-decoration:none;
color:#FFFFFF;
margin: 0px 15px;
}
#header ul a:hover{
text-decoration:underline;
color:#28556b;
}
#content {width: 100%;
margin: 19px 0px 0px 0px;
background-color:white;
border-left:2px solid #fb9461;
border-top:2px solid #fb9461;
border-right:2px solid #fb9461;
}
img{
border-width:0px;
}
h1{
color:#000000;
font-size:14px;
margin: 20px 0px 20px 0px;
}
h2{
color:#85a157;
font-size:14px;
text-align:center;
width:200px;
margin: 10px 0px 15px 0px;
}
#obsah {
width: auto;
text-align: left;
max-width: 720px;
}
#left {border:5px solid fuchsia;
float: left;
width:440px;
margin-right:320px;
padding: 0px 10px 30px 20px;
}
#left a{color:#28556b;}
#left a:hover{color:#c77e0c;}
#photos a{
margin-right:14px;
}
#right {
float:right;
width:200px;
padding: 0px 20px 20px 20px;
margin-top:10px;
border-left: #fb9461 2px solid;
}
#right a{
color:#c77e0c;
}
#right a:hover{
color:#85a157;
}
#footerline {
clear:both;
border-bottom:2px solid #fb9461;
font-size:1px;
height:10px;
}
#konec {
width:721px;
background:#fb9461;
border-top:4px solid #bacedb;
text-align:center;
padding: 3px 0px;
} |
||
| vertigo4 Profil |
#2 · Zasláno: 29. 5. 2008, 16:10:49 · Upravil/a: vertigo4
Daniela Kolářová
nejspíš to bude tím, že CSS nedokáže např. iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii zalomit a proto ti to vylézá... zkus použít normální slova o menším počtu znaků a možná se vyřeší problém... |
||
| Měsíček Profil |
#3 · Zasláno: 29. 5. 2008, 16:18:19
Asi tak CSS si nedokáže dlouhé slovo rozdělit "logicky" na slabiky .. typu ("Slovensko" na "Sloven-sko") a proto to musí dotáhnout až dokonce - tím se ti div protáhne .. můžeš to dát pryč pomocí overflow:hidden; .. tuším, ale tím příjdeš o text, pokud už dáváš do divu nějáký text pokusný nepiš jeden znak na dlouho, ale přímo slova .. http://www.lipsum.com/
|
||
| vertigo4 Profil |
#4 · Zasláno: 29. 5. 2008, 16:30:34
Měsíček
tím se ti div protáhne Ale div se neprotáhne... jen text uvnitř divu jej přeteče. |
||
| Měsíček Profil |
#5 · Zasláno: 29. 5. 2008, 16:31:47
"Ale div se neprotáhne... jen text uvnitř divu jej přeteče."
Ve všech prohlížečích? ;) |
||
| Daniela Kolářová Profil * |
#6 · Zasláno: 29. 5. 2008, 17:53:09
Moc děkuji, tohle jsem netušila, po přepsání na normální text je to tak jak má být.
Ale mám ještě jeden problém, v Mozille je to ok, ale v Exploreru mám nejdříve pravý sloupec a až pod ním (vlevo) levý, co tam mám špatně? Moc děkuji za pomoc. |
||
| Daniela Kolářová Profil * |
#7 · Zasláno: 29. 5. 2008, 17:54:53
Ještě jsem zapomněla, celý obsah (levou i pravou stranu) mám v Exploreru o kus širší než je hlavička a patička.
|
||
|
Časová prodleva: 16 let
|
|||
0