Autor | Zpráva | ||
---|---|---|---|
Mustanq Profil |
#1 · Zasláno: 7. 3. 2009, 17:36:34
Zdravím. Mám taký problém. Na tejto stránke - http://www.hardheavy.yw.sk/index.html/1novinky.html mám pri obrázkoch čiary s výškou 1px. V Mozille, Opere a Google Chrome, ktoré mám odskúšané, to ukáže presne tak ako chcem - prvá čiara je vo výške začiatku obrázku, druhá čiara vo výške konca obrázku. Avšak v Exploreri sa tie čiary nejako posunú dole, avšak keď tú čiaru myškou označím, začína sa to v dobrej výške. Neviete prosím, prečo sa tie čiary tak posunú dole? Ďakujem.
|
||
Senky Profil |
#2 · Zasláno: 7. 3. 2009, 17:57:36 · Upravil/a: Senky
Jednoducho IE dost ignoruje dohody o citani kodu, to je jedno, no existuje taka vec, ktoru kazdy iny prehliadac precita ako komentar, ale IE ako cast kodu, takze to mozes upravit takto. Ta "vec" je
<!--[if IE 7]> namiesto 7 ide nejaka verzia IE, neviem ci to moze byt aj bez cisla ako unoverzalne, ale vyskusaj... <![endif]--> |
||
Miloš Profil |
#3 · Zasláno: 7. 3. 2009, 18:22:58
O podmíněných komentářích viz http://www1.mraveniste.org/weblog/2006/03/16-msie-komentare.html
|
||
Mustanq Profil |
#4 · Zasláno: 7. 3. 2009, 18:57:26
Ďakujem, ale trochu neviem, čo medzi tie "if IE 7" a "endif" zapisat? :)
|
||
Plaváček Profil |
#5 · Zasláno: 7. 3. 2009, 19:02:16 · Upravil/a: Plaváček
Mustanq
Obrázkové linky vyřeš jako obrázkové pozadí nadřazených elementů, ilustrační grafika tak nějak nepatří do HTML kódu. Nicméně také pomůže, když DIVu, ve kterém máš ten obrázek. nastavíš hodnoty line-height, height a font-size na požadovanou výšku (třeba 2px). |
||
Johny007 Profil |
#6 · Zasláno: 7. 3. 2009, 19:12:40 · Upravil/a: Johny007
Plaváček
„Obrázkové linky vyřeš jako obrázkové pozadí nadřazených elementů,“ To jsem rád, že má někdo stejnej názor já to zkusil dát do toho css #image_1_line { width : 565px; height : 1px; top : 0px; left : 190px; bottom : 0px; margin : 0; padding : 0; position : absolute; background-image: url(http://www.hardheavy.yw.sk/index.html/images_novinky/line2.png); background-repeat: no-repeat; background-position: left top; } #image_2_line { left : 0; top : 120px; margin-left : 0px; padding : 0; position : absolute; background-image: url(http://www.hardheavy.yw.sk/index.html/images_novinky/line2.png); background-repeat: no-repeat; background-position: left top; } a funguje to jen si bude Mustang muset dořešit to že bude muset dodělat line obr 1 horni a dolní a line obr 2 horní a dolní. Teda předpokládám že to generuje PHPckem jako sudý a lichý nebo tak něco. |
||
Plaváček Profil |
#7 · Zasláno: 7. 3. 2009, 19:16:43
Johny007
Při vší úctě - to, co tazateli radíš, jednak nebude fungovat, druhak je to přímá cesta do kodérských pekel nehodná následování. |
||
panther Profil |
#8 · Zasláno: 7. 3. 2009, 19:21:41
Johny007
„To jsem rád, že má někdo stejnej názor já to zkusil dát do toho css “ záleží co, kde, jak a proč dáš do CSS. Ne každé řešení patří k těm dobrým a použitelným ;-) |
||
Mustanq Profil |
#9 · Zasláno: 8. 3. 2009, 09:40:51 · Upravil/a: Mustanq
Ďakujem všetkým za rady, pomohlo to s tým zadaním "font-size : 1px" :)
|
||
Časová prodleva: 15 let
|
0