| Autor | Zpráva | ||
|---|---|---|---|
| Jerry33 Profil |
#1 · Zasláno: 11. 3. 2013, 17:00:15
Zdravím,
mám nějaký text v odstavci a chci, aby další odstavec byl vedle toho prvního a další odstavec aby zase byl opět vedle toho druhého a takhle jakoby 5 sloupců (tabulka se sem však nehodí, protože jen 1 řádek) nevíte někdo jak na to? s floatem dost dobře neumím. konkrétně tedy takto: #obsah .integra {
position:relative;
color:white;
font-family:Arial;
font-weight: normal;
font-size: 20pt;
text-decoration:none;
text-align: center;
top: 0px;
left: 70px;
width: 240px;
}
#obsah .vysledek1 {
position:absolute;
top: 435px;
left: 320px;
width:70px;
}
#obsah .dvojtecka {
position:absolute;
top: 435px;
left: 390px;
width:20px;
}
#obsah .vysledek2 {
position:absolute;
top: 435px;
left: 410px;
width:70px;
}
#obsah .souper {
position:absolute;
top: 435px;
left: 490px;
width: 240px;
}první blok musí být odsazen o 70px proto left:70 a poslední zase 70 zprava tzn. 800-240-70=left:490 Díky za rady |
||
| kabanos Profil * |
#2 · Zasláno: 12. 3. 2013, 16:33:10
Jerry33:
„(tabulka se sem však nehodí, protože jen 1 řádek)“ Tabulka může mít jen jeden řádek. Tabulka by možná byla nejlepší, pokud bude v každém sloupci jinak dlouhý obsah (tzn. výška odstavce), kde by to pak dělalo problémy při použití float: left na všechny odstavce. Nebo vše na position: relative a patřičně poupravit top a left jen na vzájemné vzdálenosti sloupců...... |
||
| donny Profil |
CSS
div.box{width:660px;padding:0 70px}
div.box p{width:130px;float:left;}
div.box hr{clear:both;visibility:hidden;}HTML <div class="box">
<p>Lorem ipsum dolor sit amet consectetuer malesuada Donec metus augue Lorem. Semper pulvinar vel Sed et at et platea</p>
<p>Lorem ipsum dolor sit amet consectetuer malesuada Donec metus augue Lorem. Semper pulvinar vel Sed et at et platea</p>
<p>Lorem ipsum dolor sit amet consectetuer malesuada Donec metus augue Lorem. Semper pulvinar vel Sed et at et platea</p>
<p>Lorem ipsum dolor sit amet consectetuer malesuada Donec metus augue Lorem. Semper pulvinar vel Sed et at et platea</p>
<p>Lorem ipsum dolor sit amet consectetuer malesuada Donec metus augue Lorem. Semper pulvinar vel Sed et at et platea</p>
<hr />
</div>V prípade špecifickej veľkosti jednotlivých odsekov sa to dá variovať pomocou tried. Inak v princípe záleží od toho čo vlastne chceš docieliť, momentálne na základe dodaných informácií neviem posúdiť či je alebo nie je lepšie riešenie tabuľkou.. |
||
|
Časová prodleva: 13 let
|
|||
0