Hirdetés
Új hozzászólás Aktív témák
-
Reiko
tag
<html>
<head><title>Menü próba by Reiko</title>
<style><!--
#menu {width: 150px;
background: #cccccc;
list-style: none;
padding: 0px;
margin: 0px; }
#menu li { background: #777777;
text-align: center; }
#menu li a { width: 150px;
height: 30px;
line-height: 30px;
display: block;
text-decoration: none;
outline: none; }
#menu li a:hover {color: #ffffff; } --></style>
</head>
<body>
<ul id=''menu''>
<li><a href=''#''>menü 1</a></li>
<li><a href=''#''>menü 2</a></li>
<li><a href=''#''>menü 3</a></li></ul>
</body>
</html>
A menü 30px magas és 150px széles elemekből áll és nincs köztük rés!
A te esetedben a li elemeknek adj hátteret és kész, illetve jelöld őket külön id-kal, ha több fajta képet akarsz
A li a:hover-be is rakhatsz képet és akkor lesz frankó OnMouseOver effektus
Nekem működött Firefoxban és IE6ban is és ha minden igaz ez Strict
-
Reiko
tag
Esetleg linkeld be a kodrészt és hátha tudok segíteni! ;)
Amúgy én is strictben írogatom az oldalaimat!
Én ha menüt csináltam, akkor az kb így nézett ki:
<ul id=''menu''>
<li><a href=''#''>menü 1</a></li>
<li><a href=''#''>menü 2</a></li>
<li><a href=''#''>menü 3</a></li></ul>
CSS-ben pedig leszedem az ul tulajdonságait, mint margó/padding/dekoráció...
a li-nek adok meg méret/szín ...
az a-nak display: block/méret .... (+ hover opció)
...most ezt fejből és gyorsan írom, úgyhogy messze nem tökéletes, de hátha ad 5letet
Mondom, írd be, vagy linkeld azt a fránya kódot és este ránézek
-
Reiko
tag
Én is css-el oldottam meg!
Anno még gifet használtam pont emiatt, de a 256 szín kicsit gagyi lett
Szóval a html-be két linket szúrtam be egy style.css-t, amiben simán megadom, hogy:
background: url('hatter.png'); -> ezt a firefox jól kezeli!
Majd egy újabb link így:
<!--[if IE]>
<link rel=''stylesheet'' href=''iefix.css'' />
<![endif]-->
Amiben pedig:
.akarmi {
filter: progidXImageTransform.Microsoft.AlphaImageLoader(
enabled=true,
sizingMethod=scale,
src=''http://x.x.x.x/hatter.png''
);
background-image: none !important;
}
..és így ha minden igaz, akkor valid css-t kapsz! IE pedig használja a módosított verziót!
ui.: a filter után progid(kettőspont+nagy D)XImage...
[Szerkesztve]
Új hozzászólás Aktív témák
- Bomba ár! Dell Latitude E7450 - i7-5GEN I 8GB I 256SSD I 14" FHD Touch I HDMI I Cam I W10 I Gari!
- Corsair Vengeance White RGB 2x16Gb 6000 cl36 bontatlan/új eladó (XMP/Expo)
- Dell Latitude 7290- I5 7 gen - 8Gb -256Gb
- Nikon D750 + 50mm f/1.4G + 24-120mm f/4G + Lowepro Mini Trekker AW szett
- GAMER PC - TUF B450, Ryzen5 5600x, Rtx 3070 8gb, 32gb DDR4, 1 TB Nvme
- GYÖNYÖRŰ iPhone 15 128GB Black -1 ÉV GARANCIA - Kártyafüggetlen, MS3944
- Samsung Galaxy Tab A8 32GB, Újszerű, 1 Év Garanciával
- Mini Pc HP ProDesk 600 G2 G3 G4 /// 6-8. gen //// i3 / i5 /// garancia /// Budapest / MPL / Foxpost
- Apple iPhone SE 2020 64GB független, fekete
- GYÖNYÖRŰ iPhone 12 Pro Max 256GB Graphite -1 ÉV GARANCIA - Kártyafüggetlen, MS2927, 100% Akkumulátor
Állásajánlatok
Cég: PCMENTOR SZERVIZ KFT.
Város: Budapest
Cég: BroadBit Hungary Kft.
Város: Budakeszi