- Honor Magic7 Pro - kifinomult, költséges képalkotás
- Samsung Galaxy A54 - türelemjáték
- Samsung Galaxy S21 és S21+ - húszra akartak lapot húzni
- Milyen okostelefont vegyek?
- Telekom mobilszolgáltatások
- Honor 400 Pro - gép a képben
- Apple iPhone 16 Pro - rutinvizsga
- India felől közelít egy 7550 mAh-s Redmi
- Xiaomi 13T és 13T Pro - nincs tétlenkedés
- Xiaomi 15 - kicsi telefon nagy energiával
Ú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
Hirdetés
- Dell notebook topic
- Egyre csak fejlődik az AI, emberek tízezreit rúgja majd ki a BT
- Honor Magic7 Pro - kifinomult, költséges képalkotás
- Counter-Strike: Global Offensive (CS:GO) / Counter-Strike 2 (CS2)
- Samsung Galaxy A54 - türelemjáték
- ThinkPad (NEM IdeaPad)
- Autós topik
- Milyen asztali (teljes vagy fél-) gépet vegyek?
- Vezetékes FEJhallgatók
- Samsung Galaxy S21 és S21+ - húszra akartak lapot húzni
- További aktív témák...
- HYNIX 2GB DDR3 RAM eladó
- AKCIÓ! ASUS MAXIMUS VIII HERO Z170 chipset alaplap garanciával hibátlan működéssel
- Eladó Új Motorola G31 4/64GB szürke / 12 hónap jótállással!
- BESZÁMÍTÁS! MSI MAG321QR 32 165Hz WQHD 1ms monitor garanciával hibátlan működéssel - használt
- Telefon felvásárlás!! Xiaomi Redmi Note 12, Xiaomi Redmi Note 12 Pro, Xiaomi Redmi Note 12 Pro+
Állásajánlatok
Cég: Promenade Publishing House Kft.
Város: Budapest
Cég: PC Trade Systems Kft.
Város: Szeged