Autor Zpráva
GamerX
Profil
Ahoj chci udělat něco jako čáru za textem která by končíla až na konci bloku v <div> ale nevím jak to v css udělat.

Zde je textový příklad

Sobota, Září 30, 2014 -------------------------------------------------------------------------------------------------------------------

(místo těch pomlček chci nahradit čárou napřiklad "2px solid #000")

Děkuji
lionel messi
Profil
GamerX:
Výstrel naslepo — nastav tomu elementu (neviem, či to chceš aplikovať na div alebo odstavec):
div {border-bottom: 2px solid #000000}
GamerX
Profil
To už ale začíná pod textem a dole ja to chci až za textem a ve středu.
Marschmallow
Profil
GamerX:
ja to chci až za textem a ve středu
Ve středu? V jakém středu - čeho?
Bubák
Profil
Uprav si tohle:
http://kod.djpw.cz/bsfb
http://kod.djpw.cz/bsfb-
Marschmallow
Profil
Bubák:
Řekl bych, že používat absolutní pozicování pro každý řádek, který by chtěl mít zakončený čarou není to nejlepší. Navíc, pokud odstraním (zakomentuji) řádek č. 15, vznikne pouze text napozicovaný přesně na ten border, což není dobrý způsob.
Živá ukázka
Chamurappi
Profil
Reaguji na Marschmallowa:
Navíc, pokud odstraním (zakomentuji) řádek č. 15, vznikne pouze text napozicovaný přesně na ten border
Tak ho nezakomentovávej :-)

Překrytí borderu pozadím je asi nejsnazší způsob, jak žádaného efektu dosáhnout.
Sám jsem to použil u nadpisů v dokumentaci u českého validátoru, je v nich <span> napozicovaný přes okraj <h3>. Podmínkou pochopitelně je jednobarevné pozadí (v mém případě bílé), nebo obrázkové s background-attachment: fixed.

Asi by se dalo vymyslet řešení s tabulkou i pro nefixovaná obrázková pozadí.
GamerX
Profil
Tenhle způsob mě napadnul ale kdyz chci text pozicovat nahoru nebo dolu tak to z textem absolutně nic neděle reaguje jen do boků.
Bubák
Profil
V živé ukázce http://kod.djpw.cz/bsfb je to v CSS řádek 12, nyní tam je top: -0.6em;
GamerX
Profil
ja vím jak skousel jsem top i bottom skoušel jsem to i přes margin ale nereaguje...
Bubák
Profil
GamerX:
Nechápu, co nám chceš sdělit, váš jak, nebo ti to nefunguje. Pokud ti to nejde, dej odkaz na živou ukázku.

Udělal jsem drobné změny v kódu, v podstatě jde jen o zkulturnění 8 let starého původního kódu.
http://kod.djpw.cz/esfb

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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