| Autor | Zpráva | ||
|---|---|---|---|
| GamerX Profil |
#1 · Zasláno: 16. 9. 2014, 17:50:20
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 |
#2 · Zasláno: 16. 9. 2014, 17:54:10
GamerX:
Výstrel naslepo — nastav tomu elementu (neviem, či to chceš aplikovať na div alebo odstavec): div {border-bottom: 2px solid #000000} |
||
| GamerX Profil |
#3 · Zasláno: 16. 9. 2014, 17:56:35
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 |
#5 · Zasláno: 16. 9. 2014, 18:09:31
|
||
| 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 |
#7 · Zasláno: 16. 9. 2014, 18:27:53
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 |
#8 · Zasláno: 16. 9. 2014, 19:00:11
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 |
#9 · Zasláno: 16. 9. 2014, 19:20:58
V živé ukázce http://kod.djpw.cz/bsfb je to v CSS řádek 12, nyní tam je
top: -0.6em;
|
||
| GamerX Profil |
#10 · Zasláno: 16. 9. 2014, 19:25:33
ja vím jak skousel jsem top i bottom skoušel jsem to i přes margin ale nereaguje...
|
||
| Bubák Profil |
#11 · Zasláno: 16. 9. 2014, 19:59:26
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 |
||
|
Časová prodleva: 10 let
|
|||
0