ugrás a tartalomhoz

Archívum - Nov 5, 2005 - Fórum téma

CSS-sel megoldott lista nem jó szélességű IE-ben

MrPrise · 2005. Nov. 5. (Szo), 15.20
Sziasztok!

Szeretnék az oldalamra egy az ablakos környezetekben használatoshoz hasonló menüt amiben a menü elemei linkek. Azt szeretném hogy a kiemelés megjelenjen akkor is ha nem a szövegen áll az egérkurzor. Lenne csak szöveges és olyan is amiben a szöveg előtt van 1 kis kép. Összedobtam erre 1 kis teszt htmlt:

[colorer=html]
<HTML>
<HEAD>
<style type="text/css"><!--
BODY {
PADDING: 0px;
MARGIN: 0px;
FONT: 76% Verdana, Arial, Helvetica, sans-serif;
COLOR: #000;
}

A {
FONT-WEIGHT: bold; TEXT-DECORATION: none
}

A:link, A:visited {
COLOR: black;
}

A:hover {
COLOR: #ff0000;
}

.item-list UL {
/* Így tűnik el a bullet a listában lévő elemek elől. Jó ez a megoldás? */
padding: 0px;margin:0px;
}

/* Ez kell ahhoz, hogy a menü teljes szélességében látszódjon a csík, de ilyenkor a sorok között hézag lesz. Miért? */
.item-list A {
DISPLAY: block;
}

.block {
WIDTH: 180px;
BACKGROUND-COLOR: gray;
padding: 0px; margin:0px;
margin-bottom: 1em;
}

.block A:hover {
BACKGROUND-COLOR: yellow;
}
--></style>

</HEAD>
<BODY>
<DIV class="block">Van kép a listában
<DIV class=item-list>
<UL>
<LI><A href="#"><IMG src="" height="1em">1. képpel</A>
<LI><A href="#"><IMG src="" height="1em">2. képpel</A>
<LI><A href="#">3. kép nélkül</A></LI>
</UL>
</DIV>
</DIV>
<DIV class="block">Nincs kép sehol
<DIV class=item-list>
<UL>
<LI><A href="#">1. kép nélkül</A>
<LI><A href="#">2. kép nélkül</A>
<LI><A href="#">3. kép nélkül</A></LI>
</UL>
</DIV>
</DIV>
A fentiek list nélkül
<DIV class="block">Van kép a listában
<DIV class=item-list>
<A href="#"><IMG src="" height="1em">1. képpel</A>

Transparent PNG hatterkepkent IE-ben

Anonymous · 2005. Nov. 5. (Szo), 01.58
Sziasztok!

Mint azt bizonyara ti is tudjatok az IE csak ganyolassal kepes megjeleniteni
atlatszo PNG-t. Pl. itt van errol doksi:

http://homepage.ntlworld.com/bobosola/pngtest.htm

Az oldalon talalhato leiras jol is mukodik normal kepekre. De background kepre sajos nem megy.

Vmi ilyesmivel probalkoztam:
<style type="text/css">
.classTblBckg 
{ 
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='my.png'); 
    background-repeat: no-repeat; 
    background-position: bottom right;
}
.classTblBckg[class]
{ 
    background-image: url("my.png");
}
</style>
Ez firefox-ban okes, de IE-ben kozepre, felnagyitva rakja be a hatterkepet.
Letezik arra vmifele ganyolas, hogy IE is normal meretbe, bottom right-ba tegye a hatteret?

Koszi!
 ■