Autor | Zpráva | ||
---|---|---|---|
Lynx Profil * |
#1 · Zasláno: 16. 7. 2006, 17:42:15
Prosím pomozte mi.
Potřebuju mít obrázek (logo) na pozadí tagu <span>.Před tímto logem chci mít text zhruba uprostřed celého obrázku a cca na pravé straně.Když toto všechno nahraji na web a spustím, tak ten obrázek není vidět celý ale jen část obrázku, která je pod tím textem.Prosím pomozte jak to udělat aby ten obrázek byl vidět CELÝ a ne jenom ta část, která je pod tím textem. Zde je ta část XHTML kódu: <span id="copyright2"> <br /><br /><br /><strong><font face="arial black" color="#000000" size="2"> & nbsp;   ; &nb sp; & nbsp;   ; &nb sp; bla bla bla bla bla bla bla bla bla bla bla</font></strong> </span> atd... A zde je část CSS: span#copyright2 { background: url('pictures/pic_up_3.png') center left no-repeat; color: #5E5E5E; font-size: 11px; font-weight: normal; height: 188px; width: 830px; } |
||
Anonymní Profil * |
#2 · Zasláno: 16. 7. 2006, 17:57:45
span je radkovy element zkus tm dat <div> nebo tomu spanu dat display:block
P.S. ten kod je teda dost sila, a to vsichni opevujou jak vas Xhtml "donuti" psat cistej a semantickej kod. =) |
||
Lynx Profil * |
#3 · Zasláno: 16. 7. 2006, 18:34:11
WoW.To "display:block;" vážně funguje!Strašně moc ti děkuju !!! Moc si mi pomohl....bez toho bych měl po webu.Fakt díky.Jo a s tim kódem.Teď začínám s XHTML takže sem mezerama vyřešil zarovnání doprava :-) ale jinak ten zbylej kod stranek je cistej a dokonce sem to dal na valid a reklo mi to ze "This page is valid XHTML 1.0".
|
||
koudi Profil |
#4 · Zasláno: 16. 7. 2006, 19:18:20
I když je to 'valid', tak to může bejt slušná prasečina.
|
||
PerToon Profil |
#5 · Zasláno: 16. 7. 2006, 20:28:31
Teda ten kód je ta největší prasárna co sem viděl :-)
|
||
Jay Jay Profil |
#6 · Zasláno: 16. 7. 2006, 20:30:53
PerToon : Tak to se mrkni na každou druhou stránku ;o)
|
||
PerToon Profil |
#7 · Zasláno: 16. 7. 2006, 20:33:45
Jay Jay- Jo, já to taky říkám u každý druhý stránky.
|
||
Bubák Profil |
#8 · Zasláno: 16. 7. 2006, 22:55:45
Text na obrázku pomocí pozicování http://teststranek.kvalitne.cz/text-na-obrazku-1/
Text na obrázku pomocí background-image http://teststranek.kvalitne.cz/text-na-obrazku-2/ Oba vypadají na pixel úplně stejně, nevím, který ti bude více vyhovovat. Koukni do zdrojáku, uprav si ho podle svých potřeb a překódj do XHTML. |
||
Lynx Profil * |
#9 · Zasláno: 17. 7. 2006, 01:04:34
Díky Bubák.Aspoň ten kód už bude k něčemu vypadat a nebudu muste používat mezery :-)
|
||
Lynx Profil * |
#10 · Zasláno: 17. 7. 2006, 14:00:11
Bubák : Použil jsem ten způsob číslo 1 (pomocí pozicování).Všechno funguje...text jsem si nastavil tam kam potřebuji ale je tu jeden menší problém.Všechno je to zarovnáno doprava.Když ten "float: right;" přepíšu na "float: left;" tak je to vlevo ale já bych to potřeboval mít na středu a center se do float napsat nedá.Prosím poraď jak to dát na center....ještě zde dávám zdroje.
kus XHTML zdroje : <div class="popsany"> <img src="pictures/pic_up_3.png"> <p>thjtrjstrjtrjthklndtigerhiozherhierohzieoůthizioůaethzioůahdr</p> </div> CSS zdroj : .popsany { width: 830px; position: relative; float: left; /* nebo float: left nebo mozno vynechat */ display: block; } p { margin: 3px 15px; font-family: arial, sans-serif; font-size: 90%; font-weight: bold; position: absolute; top: 35; left: 350; } |
||
Časová prodleva: 18 let
|
Toto téma je uzamčeno. Odpověď nelze zaslat.
0