Autor Zpráva
Jerry33
Profil
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 *
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..

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: