css hulp

hey,

hoe krijg ik door middel van css tekst in de mousover afbeelding? ik bedoel dit.

jQuery lib include met script-tags
En dan $(elm).html(Tekst);
En bij mouseout $(elm).html(); Wel ervoor zorgen dat je die bij html(); laat staan anders vraagt hij de inhoud op

bijvoorbeeld:
var a = $(elm).html();

Dan is variable a de inhoud van elm..

Ik maak van de IMG een div:

<div style="background-image: url(http://earncr.nl/images/mouseover_headline.png); width: 268px; height: 72px; padding-top: 23px; padding-left: 25px;" onmouseover="this.style=background-image: url(http://earncr.nl/images/mouseover_headline.png);" onmouseout="this.style=background-image: url(http://earncr.nl/images/mouseover_headline2.png);">
TEKST</div>

Niet getest, ik hoop dat dit is wat je bedoelt. Doe het in ieder geval met DIV. Niet met A en IMG.

Vriendje schreef:

Ik maak van de IMG een div:

<div style="background-image: url(http://earncr.nl/images/mouseover_headline.png); width: 293px; height: 95px;" onmouseover="this.style=background-image: url(http://earncr.nl/images/mouseover_headline.png);" onmouseout="this.style=background-image: url(http://earncr.nl/images/mouseover_headline2.png);">
TEKST</div>

Niet getest, ik hoop dat dit is wat je bedoelt. Doe het in ieder geval met DIV. Niet met A en IMG.

ik test het ;3

toevoeging op 2 februari 2012, 21:02:58:
http://s01.jessereitsma.nl/klanten/074278/public_html/
de tekst komt eruit, voor de rest is het goed.
hoe zet ik de tekst er mooi in?

// code updated

Zet in je CSS:

.class{
background-image: url(invullen);
text-align:center;
padding-top:evenProberenWatHierMoet;
}

Vriendje schreef:

// code updated

http://www.earncr.nl/headline.html
zit niet egt goed?
toevoeging op 3 februari 2012, 20:04:08:

Eleky schreef:

Zet in je CSS:

.class{
background-image: url(invullen);
text-align:center;
padding-top:evenProberenWatHierMoet;
}

test ik later op goede pc

1 letter typefoutje, code again updatet

Vriendje schreef:

1 letter typefoutje, code again updatet

nu doet mouse over het niet?
http://www.earncr.nl/headline.html

Zet het gewoon in de IMG? Waarom moeilijk doen als het makkelijk kan

Vriendje schreef:

Zet het gewoon in de IMG? Waarom moeilijk doen als het makkelijk kan

hoe moet dat dan,
ik snap niks van die mouseover code,
ik ben nog maar html en css beginner...

De code van vriendje doet niet wat jij wilt.
Zet die van mij er op, probeer wat met de paddin-top en klaar!

is al in elkaar, bedankt