2 čáry na řádku

mozna jsem to spatne pochopil ale pokud delas caru jako horniho bordera a dolniho tak si zkus pohrat s jeho vyskou.kdyz bude vyska mala car u sebe?je to jen odhad ale nejsem odbornik :D vzdycky jak narazim na problemy obejdu je.
nazdar

Dvě čáry na stejném řádku ve smyslu HTML opravdu udělat nejde, protože čára (<hr>) je jeden řádek. Ale dá se ovlivnit výška toho řádku přes CSS, takže můžeš mít dvě čáry blízko za sebou, když každé nastavíš malou výšku řádku.
Chceš-li oddělit dvě části stránky, je <hr> dobrou volbou, akorát se s ní nedá moc kouzlit. Vymakanější vzhled čáry je přes CSS vlastnost border-style, tam lze dokonce udělat dvojitou čáru. Ale bacha, že to je ohraničení elementu, takže bude potřeba si pohrát s jeho vnitřním okrajem (paddingem).

Tak jsi mi potvrdil, že 2 <HR> na řádku nelze

Dvě hr na řádku samozřejmě lze. Od toho je float.

Ale ne pod sebou (:

Ale ne pod sebou (:

Tak počkat - na JEDNOM řádku chápu jako že mají být VEDLE sebe.

Jerry: jak to teda chceš? Otázkou je, co znamená řádek.

Ano, takhle jsem dotaz chápal taky.

** CSS

hr.a { width: 40%; float: left; }

hr.b { width: 40%; float: right; }



** HTML

<hr class="a"><hr class="b">

Toto riešenie nie je najkrajšie a skúšal som ho len na FF. Určite bude existovať aj niečo elegantnejšie, tak čo profíci? :-)

Samorejme, vzhľad si uprav ako potrebuješ. :-)

Aha, takže jsem to pochopil špatně. Omlouvám se, tím pádem nic z toho, co jsem napsal, neplatí.

jozob: Určite bude existovať aj niečo elegantnejšie

Proč, tohle je dobrý. Až na tu drobnou chybičku v html :o) (jasně, překlep)

habendorf
Jasné, opravené. :-)

habendorf
No... človek by ani nepovedal, že preklepy sú na niečo dobré. :-)

Keď som sa na to tak zahľadel, napadlo ma elegantné riešenie.

** CSS

hr { width: 40%; float: left; margin: 4px; }



** HTML

<hr><hr>

(Ten margin je tam pre demonštráciu - aby neboli elementy spojené)

Jerry
Máš to niekde online? Rád by som sa na to pozrel, pretože mne to fungovalo na 100%, presne tak ako potrebuješ.