Autor Zpráva
Jerry
Profil *
Pročetla jsem návody a rady, jak nejlépe udělat čáru, jestli použít či nepoužít tag <HR>.
Ale na použití 2 čar na stejném řádku jsem nikde nenarazila. Je to možné? Nebo čára je prostě "blok" a vždycky udělá na konci odskok na další řádek?
Máte někdo s tímto zkušenost?
Vyřešila jsem to rámečkem. Ale ráda bych věděla, jestli to lze čárou.
Taurendilek
Profil *
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
Honza Hučín
Profil
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).
Jerry
Profil *
Díky za reakce.
Honza: Tak jsi mi potvrdil, že 2 <HR> na řádku nelze, no a použitím border-style jsem to už udělala.
habendorf
Profil
Tak jsi mi potvrdil, že 2 <HR> na řádku nelze

Dvě hr na řádku samozřejmě lze. Od toho je float.
Honza Hučín
Profil
Ale ne pod sebou (:
habendorf
Profil
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.
Jerry
Profil *
Chtěla jsem toto:


----------------------------------- ---------------------------------------
Jerry
Profil *
Prostě mezery, čára, jiné mezery, čára...
Jak jsem napsala, vyřešila jsem to bez <HR>. S vlastností Float mě to nenapadlo, až budu mít chvilku, vyzkouším.
habendorf
Profil
Ano, takhle jsem dotaz chápal taky.
jozob
Profil

** 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? :-)
jozob
Profil
Samorejme, vzhľad si uprav ako potrebuješ. :-)
Honza Hučín
Profil
Aha, takže jsem to pochopil špatně. Omlouvám se, tím pádem nic z toho, co jsem napsal, neplatí.
habendorf
Profil
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)
jozob
Profil
habendorf
Jasné, opravené. :-)
jozob
Profil
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
Profil *
I když mam teď fofry, nedalo mi to, abych to neodzkoušela - obě varianty.
Čáry se vypíšou pod sebou a ne vedle sebe! Ten float nějak nezabírá.
jozob
Profil
Jerry
Máš to niekde online? Rád by som sa na to pozrel, pretože mne to fungovalo na 100%, presne tak ako potrebuješ.
Jerry
Profil *
To nemám, je to pro firemní intranet. Možná to má souvislost s nadřazenými prvky...
Toto téma je uzamčeno. Odpověď nelze zaslat.