Hirdetés
- AMD K6-III, és minden ami RETRO - Oldschool tuning
- Milyen processzort vegyek?
- Milyen SSD-t vegyek?
- Projektor topic
- Milyen CPU léghűtést vegyek?
- Kormányok / autós szimulátorok topikja
- Nagyon gyorsan búcsút mondhatunk az olcsó notebookoknak
- Öszvér módszerrel veszi fel a harcot a memóriapánikkal szemben az ASRock
- Az ötlet jó, de milyen a kivitelezés? Teszten a Chieftec Kockája
- NVIDIA GeForce RTX 5080 / 5090 (GB203 / 202)
Ú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
- Samsung kuponkunyeráló
- Mozilla Firefox
- AMD K6-III, és minden ami RETRO - Oldschool tuning
- Linux felhasználók OFF topikja
- Milyen processzort vegyek?
- Microsoft Office és Office 365 topic
- Luck Dragon: Asszociációs játék. :)
- sziku69: Szólánc.
- sziku69: Fűzzük össze a szavakat :)
- Vicces képek
- További aktív témák...
- GYÖNYÖRŰ iPhone 13 Pro 256GB Sierra Blue -1 ÉV GARANCIA - Kártyafüggetlen, MS3360
- DELL Precision 5540 Workstation i7-9850H Nvidia Quadro T2000 32GB 512GB 15.6" 1év garancia
- BESZÁMÍTÁS! Logitech G920 Driving Force Racing kormányszett
- Dell Latitude Precision Üzleti gépek, 2-in-1 gépek, 3-13. gen.
- AKCIÓ! Apple MacBook Pro 16 M4 Pro 48GB RAM 4TB SSD macbook garanciával hibátlan működéssel
Állásajánlatok
Cég: BroadBit Hungary Kft.
Város: Budakeszi
Cég: ATW Internet Kft.
Város: Budapest