FFox lenyeli aképem alját
A Weblaboros cikk alapján adott a következő kód, semmi hókusz-pókusz nincs benne:Ugye kapcsolódik hozzá még 3 ilyen CSS:Megtekinthető az alábbi helyen: http://beee.uw.hu/egyeb/bm/
IE-ben minden működik, de FFox-ban nem stimmel a háttérkép ráhelyezése. le van kerekítve a kép széle (nyilván nem fekete van mögötte, csak így jól látszik), de FFox valamiért a 16*16 pixeles képet csak 15 magasnak mutatja, pedig még a width="16" height="16" is benne van.
Tehát lecsalja az alsó sornyi pixelt. Próbáltam mindenféle margin, padding és társaikkal javítani, de nem értem el semmit (a kilincsen kívül).
Nem értem mert csak egy tök sima background, semmi extra nincsen benne. Van valakinek ötlete???
■
<?xml version="1.0" encoding="iso-8859-2"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="hu" lang="hu">
<head>
<title> betűméret </title>
<script type="text/javascript" language="javascript" src="css/fontsize.js"></script>
<link rel="stylesheet" type="text/css" title="normal" href="css/normal.css" />
<link rel="alternate stylesheet" type="text/css" title="nagyobb" href="css/nagyobb.css" />
<link rel="alternate stylesheet" type="text/css" title="nagy" href="css/nagy.css" />
</head>
<body bgcolor="black" text="white">
<a href="#" onclick="StyleActivate('normal'); return(false);" id="normal">
<img src="css/t1.gif" width="16" height="16" alt="normál betűméret" title="normál betűméret" border="0" /></a>
<a href="#" onclick="StyleActivate('nagyobb'); return(false);" id="nagyobb">
<img src="css/t2.gif" width="16" height="16" alt="betűméret növelése" title="betűméret növelése" border="0" /></a>
<a href="#" onclick="StyleActivate('nagy'); return(false);" id="nagy">
<img src="css/t3.gif" width="16" height="16" alt="betűméret növelése meg jobban" title="betűméret növelése meg jobban" border="0" /></a>
<div id="cikktorzs">blablabla blablabla blablabla blablabla</div>
</body>
</html>
#cikktorzs { font-size: 13px; }
#normal {
background: #950C04 url("on.gif") no-repeat;
color: inherit;
}
IE-ben minden működik, de FFox-ban nem stimmel a háttérkép ráhelyezése. le van kerekítve a kép széle (nyilván nem fekete van mögötte, csak így jól látszik), de FFox valamiért a 16*16 pixeles képet csak 15 magasnak mutatja, pedig még a width="16" height="16" is benne van.
Tehát lecsalja az alsó sornyi pixelt. Próbáltam mindenféle margin, padding és társaikkal javítani, de nem értem el semmit (a kilincsen kívül).
Nem értem mert csak egy tök sima background, semmi extra nincsen benne. Van valakinek ötlete???
Screenshoot
mefi
http://mefi.be
link?
senki?
<Nincs cím>
működik
Amúgy inkább a pixeles megoldásnál maradtam ( font-size: 18px; - mikor 16px magas a kép - lol)
Köszönöm a megoldást!
Opera behal tőle...
Egy kis szenvedés után sikerült úgy megoldanom a problémát, hogy a hátterszínt az eredeti háttér színére állítottam át, és így nem látszik, hogy hosszabb a span mint kéne. De ez ugye azért nem jó, mert ha nincs képe, nem látja a gombot (világos alapon fehér betű), pedig ha rendes színt rakhatnék be, csak a lekerekítésről maradna le ami nem egy nagy dolog.
Tehát a kérdés még mindig nyitott: hogyan lehet egy 16*16 pixeles képnek hátteret megadni mind a 3 böngészőben? Hihetetlen, hogy ilyen alap dolgok nem működnek együtt... a hajam tépem a CSS-től.
hm?
Tulajdonképpen minek szeretnél hátteret adni?
télleg...
Amúgy ez az egész herce-hurca egy betűtípus-növelő gombsorhoz kellett, mostmár előben megtekinthető a http://graffiti.hu/index.php?modul=nocomment&id=9 címen például. Azért nem akartam rész megoldásokat alkalmazni benne, mert ha a háttérkép nem töltődik be (ami igazából csak egy megfelelő színű rollover téglalap lekerekítve), akkor nem látszódna a gomb (most volt erről pont egy cikk - kaméleon gombok CSS-el): világos alapon fehér betü.
Szívesen
KovacsUr
Nem a link
css lista
gex