ugrás a tartalomhoz

FFox lenyeli aképem alját

Marcell · 2006. Feb. 23. (Cs), 18.58
A Weblaboros cikk alapján adott a következő kód, semmi hókusz-pókusz nincs benne:

<?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>
Ugye kapcsolódik hozzá még 3 ilyen CSS:

#cikktorzs {  font-size: 13px; }

#normal {
	background: #950C04 url("on.gif") no-repeat;
	color: inherit;
}
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???
‹ Saját checkbox designom nem megy IE-ben Prototype form submit ›
 ■
1

Screenshoot

mefi · 2006. Feb. 23. (Cs), 19.07
Egy szkrínshott sokat segítene, hidd el.

mefi
http://mefi.be
2

link?

Marcell · 2006. Feb. 23. (Cs), 19.10
be van linkelve direkt ezért... vagy nálatok nem hiányzik az alsó sora? szabad szemmel is látni, hogy az alsó kerekítés nem 2 sor magas... FFox 1.0.7-vel néztem.
3

senki?

Marcell · 2006. Feb. 23. (Cs), 23.04
senkinek sincs tippje?
4

<Nincs cím>

Anonymous · 2006. Feb. 24. (P), 10.11
#normal {
    background: #950C04 url("on.gif") no-repeat;
    color: inherit;
    font-size: 1.335em;
}
ne is kerdezd... CSS :)
5

működik

Marcell · 2006. Feb. 24. (P), 11.16
Érdekes, én is próbálkoztam hasonlókkal, pl line-height de arra nem reagált.
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!
6

Opera behal tőle...

Marcell · 2006. Feb. 28. (K), 22.53
Opera alatt nézte valaki??? Mert ott meg aztán egy harmadik variácó forog fenn, ha FFoxnak font-size-t növelünk: Opera követi és akkor meg ott lóg ki alul...

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.
7

hm?

Marcell · 2006. Már. 6. (H), 12.26
na, valaki? csak hogy frissnek tünjön a téma: hogyan lehet egy 16*16 pixeles képnek hátteret megadni mind a 3 böngészőben?
8

Tulajdonképpen minek szeretnél hátteret adni?

Anonymous · 2006. Már. 8. (Sze), 23.30
Csak belepillantottam, de nem értem, miért az a elemmel variálsz a css-ben, és miért nem a képpel. 
#normal img {
   stb...
}
11

télleg...

Marcell · 2006. Már. 10. (P), 00.44
Abszolút jogos a felvetés... :) nem is tudom, miért linknek volt id megadva... persze ha képnek adom meg, minden működik... köszi.

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ü.
12

Szívesen

Anonymous · 2006. Már. 11. (Szo), 20.26
Örülök, hogy sikerült. Több szem többet lát. ;)

KovacsUr
9

Nem a link

Anonymous · 2006. Már. 9. (Cs), 06.54
Ha a képnek adom meg az id-t nálam jó.
10

css lista

Anonymous · 2006. Már. 9. (Cs), 11.41
pont ma vetődött fel egy ilyen kérdés egy css listán. elég sokat írtak róla, először próbáld ki azt, hogy position: relative; -t adsz meg a linkeknek. ha úgy sem jó, akkor a szülőnek is, ha még úgy sem, akkor átküldöm az egész szálat. :)

gex