Kan ikke få hover på ikon til at virke!!!

[toxen]

Hej


Jeg det problem at jeg har lavet en class i css... En til almindelig ikon og en til sorthvid (:hover).
Også bruge jeg <a class.... til at få den frem. Men kan bare ikke få det til at virke.

I kan se problemet og koden her: http://kaspertoxvig.dk/
Ikonet skulle komme der hvor jeg har skrevet "test".

[ThomasI]

Du mangler en ";" efter background:url () i dit css stylesheet

Det burde nok løse dit problem

[ThomasI]

Hej,

Ka se at du har fået tilføjet ; men din styling virker ikke herl korrekt.

Se disse videoer og gør som der bliver vist:


http://www.nemprogrammering.dk/Tutorial ... /T4CSS.php

http://www.nemprogrammering.dk/Tutorial ... 15HTML.php

[scootergrisen]

Når du bruger følgende kode så gælder koden for a tag der er inden i din fb class.

Kode: Vælg alt

.fb a {
}

Men du har lavet det sådan at dit a tag er fb class.

Kode: Vælg alt

<a class="fb" href="http://facebook.com" title="Facebook"> test</a>

Du kunne lave din HTML om til følgende.

Kode: Vælg alt

<span class="fb">
<a href="http://facebook.com" title="Facebook"> test</a>
</span>

[toxen]

Har set de to videoer... Men jeg kan stadig ikke få den til at vise de billeder jeg sætter ind i class i style.css.

Kode: Vælg alt

<a class="fb" href="http://facebook.com"> test</a> 

Kode: Vælg alt

a.fb {
	background-image:url('fb.png');
	

}

[toxen]

Har ENDELIG fået det til at virke!

Det var fordi jeg manglede "a." foran min fb class til at starte med... Og derudover manglede jeg width og height (Dem vidste jeg ikke var nødvendige)

Så kode ser sådan ud nu:

Kode: Vælg alt

<center>
<a href="http://facebook.com" class="fb"> </a>

</center>

----

Kode: Vælg alt

a.fb {
	display:block;
	width:128px;
	height:128px;
	background-image:url(fb.png);

}

a.fb:hover {
	display:block;
	width:128px;
	height:128px;
	background-image:url(fbb.png);

}

[scootergrisen]

Det var fordi jeg manglede "a." foran min fb class til at starte med

Du behøver ikke a foran.
Du kan nøjes med at skrive :

Kode: Vælg alt

.fb {

}

Men hvis du bare vil have et billede som link så behøver du ikke bruger CSS. Du kan gøre sådan her i HTML.

Kode: Vælg alt

<a href="">
<img src="" alt="">
</a>

Så slipper du også for at skulle rette i CSS koden hvis du senere ændre billedestørrelsen.

<center> er desuden forældet. Brug CSS i stedet hvis du vil placer elementer i midten.

[toxen]

Det var fordi jeg manglede "a." foran min fb class til at starte med

Du behøver ikke a foran.
Du kan nøjes med at skrive :

Kode: Vælg alt

.fb {

}

Men hvis du bare vil have et billede som link så behøver du ikke bruger CSS. Du kan gøre sådan her i HTML.

Kode: Vælg alt

<a href="">
<img src="" alt="">
</a>

Så slipper du også for at skulle rette i CSS koden hvis du senere ændre billedestørrelsen.

<center> er desuden forældet. Brug CSS i stedet hvis du vil placer elementer i midten.

Okay:-)

Et forslag til hvordan jeg rykker ikonerne ind på midten? http://kaspertoxvig.dk/
Det virker fint med almindelige billeder <img src... Men ikke når det er de her billeder fra fb class...
Har leget lidt med det, og synes ikke jeg kan finde noget der virker?

[scootergrisen]

Fjern float: left og sæt margin: 0 auto;

[toxen]

Det virker...
Men jeg vil gerne have den left med;-) http://kaspertoxvig.dk/

[scootergrisen]

Du kan sætte dem ind i en span.

[toxen]

Du kan sætte dem ind i en span.

Hvad skal jeg sætte i span?