Autor | Zpráva | ||
---|---|---|---|
Mikeses Profil |
#1 · Zasláno: 2. 10. 2010, 20:27:32 · Upravil/a: Mikeses
Nevím proč,ale před obrázkem se mi udělá nový řádek.
nějak takhle: (problemovy obrazek je ta čára) CSS CLASS: .nejaky-class { background:url(../nejaky/obrazek.spriponou) repeat-y top; width: 250px; line-height: 28px; height: auto; } v HTML <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01"> .. .. .. <div class="nejaky-class"><font face="Verdana" size="3"> Administrace</font><center><img src="./cara.jpg" alt="Oddělovací čára"></center></div> zkousel jsem vyndat <center>, a i tak se odentruje. rozmery obrazku: 234 width : height 1 need HELP |
||
Trejpa Profil |
#2 · Zasláno: 2. 10. 2010, 21:46:30 · Upravil/a: Trejpa
Mikeses:
Značka <center> je bloková, tzn. zalamuje text před i za sebou. Buď ji odstraň nebo přetypuj na řádkovou. A samozřejmě, pokud je obrázek a slovo „ Administrace“ širší, než zvolených 250 px, tak se obrázek zalomí přirozeně. |
||
karel_ Profil * |
#3 · Zasláno: 2. 10. 2010, 22:17:17
Úvaha "nahlas": Nevím jak se mam vyjádřit k tak "exotické" kombinaci div, font a center.
Asi "mlčet", jako ostatní... a tak napíšu pouze: - Použitý DOCTYPE a line-height: 28px; způsobuje, že řádek s obrazkem je vysoky rovněž přesně 28px. |
||
panther Profil |
#4 · Zasláno: 2. 10. 2010, 22:23:03
karel:
„Nevím jak se mam vyjádřit k tak "exotické" kombinaci div, font a center.“ podobných kombinací bývá v začátečnických kódech vícero. Mikeses: je nutné používat obrázek, který má 234x1px? Volil bych spíše spodní/horní border některého z použitých elementů. Pokud to přesto chceš řešit obrázkem, ne jako IMG v HTML, ale backgroundem v CSS. |
||
Bubák Profil |
#5 · Zasláno: 3. 10. 2010, 01:58:52
Pro inspiraci koukni na http://teststranek.kvalitne.cz/fieldset.html
Jde upravit, třeba takto: .aktuality { width: auto; height: auto; border-top: 3px solid #abc; position: relative; margin: 2em 1em 1em } h3 { margin: 0; /* pro Firefox */ position: absolute; top: -0.6em } h3 span { background: #def; margin-left: 0em; padding: 0 0.5em 0 2em; } .aktuality p { margin: 1em 1em; } |
||
Mikeses Profil |
#6 · Zasláno: 3. 10. 2010, 08:49:14
Vyřešil jsem dalším divem:
.cara { margin: 0px auto; width: 236px; height: 1px; background: #080808 center; border-right: 1px solid #8a8a8a; border-left: 1px solid #8a8a8a; } díky |
||
panther Profil |
#7 · Zasláno: 3. 10. 2010, 09:42:56
Mikeses:
„Vyřešil jsem dalším divem:“ to není řešení, spíše hraní si na to, že problém není. Ale jestli ti to ke spokojenosti stačí, tak není co dál řešit. |
||
Časová prodleva: 13 let
|
0