CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

tobrukDk Novice

22. september 2011 - 22:38 Der er 13 kommentarer og
1 løsning

holder mus over et ikon

Hej

Jeg har prøve frem og tilbage og lave sådan f.eks at når man ikke har musen over Facebook ikon så er den blå men når man holder musen over så bliver den Rød,

er der nogle som kan hjælp mig med hvad jeg skrive i css koder & html også, :)

f.eks kan se her;

Holder ikke musen over her!
http://localhostr.com/files/gpPZ7K0/capture.png

Holder musen over her;
http://localhostr.com/files/VswTfyy/capture.png

Spørger hvis der er mere du vil vide :D

Synes godt om

Slettet bruger

22. september 2011 - 22:45 #1

Du kan bruge :hover i css til f.eks. at ændre billedet, så den vises i rødt i stedet for blåt.
http://www.w3schools.com/css/css_pseudo_classes.asp
F.eks hvis du bruger background-image i din css med hver sit billede.

Synes godt om

tobrukDk Novice

22. september 2011 - 22:48 #2

Takker for hjælpen!

Synes godt om

tobrukDk Novice

22. september 2011 - 22:55 #3

http://localhostr.com/files/94mfg5i/capture.png

men nu er der bare et problem nu ser det sådan her ud?? hvad skal jeg dog så gør?

Alt html og css er herinde

Html her!!
.facebook {
background-image:url(http://www.jesperbok.dk/img/network/facebook2pp9.png);
width:50px;
height:50px;
}
.facebook:hover {
background-image:url(http://www.jesperbok.dk/img/network/facebookdl3.png);
width:50px;
height:50px;
}

<div id="network">
<img src="http://www.---.dk/img/network/facebook2pp9.png" width="50" height="50" alt="facebook" class="facebook">
<img src="img/network/twitter.png" width="50" height="50" alt="twitter" />
</div>

Grund til at jeg lave --- ved hjemmeside navn det er pga at jeg vil helst ikke have folk hvad den hedder :D lige nu og her,

Synes godt om

tobrukDk Novice

22. september 2011 - 23:02 #4

sorry for jeg lave nogle små fejl i kode toppen hvor der stå "html her!!"

og jeg vil helst ikke have haft min hjemmeside ud endnu men så er den kommet det.

Synes godt om

Slettet bruger

22. september 2011 - 23:05 #5

Kodestumperne ser rigtige ud. Css koden skal selvfølgelig ind i et style element (eller i en separat fil). Kort beskrevet:

<html>
<head>
<style>
css kode her...
</style>
</head>
<body>
din div her...
</body>
</html>

Synes godt om

Slettet bruger

22. september 2011 - 23:11 #6

Det kan være du skal bruge noget andet end img til at vise baggrundsbilledet, for billedet fra img vil ligge ovenpå dit baggrundsbillede.
Du kan prøve at erstatte det med en div, og tilføje "display: inline-block;" så den ikke smider dit twitter billede ned på næste linie.

Synes godt om

tobrukDk Novice

23. september 2011 - 07:56 #7

Ja okay jeg kan lige prøve når jeg kommer hjem . ;) jeg mener også at jeg skal bruge det for at kun lave det ;)

Altså det mener det er at den sikkert nok vil lige den ned "linie"

Gider dig lige svar lidt senere ;)

Synes godt om

tobrukDk Novice

23. september 2011 - 13:35 #8

.facebook {
background-image:url(http://www.jesperbok.dk/ (...));
width:50px;
height:50px;
display: inline-block;
}
.facebook:hover {
background-image:url(http://www.jesperbok.dk/ (...));
width:50px;
height:50px;
display: inline-block;
}

Skal det være sådan her?

Synes godt om

tobrukDk Novice

23. september 2011 - 13:49 #9

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<style type="text/css">
#ko {
width: 1000px;
height: 570px;
background: url('Landscape - Gras.png');
}
#ko:hover {
background: url('Landscape - Gras-2.png');
}
</style>
</head>
<body>

<div id="ko"></div>

<hr>
<p><img onmouseover="this.setAttribute('src', 'Landscape - Gras-2.png')"
onmouseout="this.setAttribute('src', 'Landscape - Gras.png')"
src="Landscape - Gras.png" width="1000" height="570" alt="photo2"></p>

</body>
</html>

så er jeg kommet frem til hvad jeg gør galt, og jeg fik hjælp af Olebole!. :)

Synes godt om

tobrukDk Novice

25. september 2011 - 00:06 #10

Da jeg ved at Olebole intet gider at have noget for det her, så lukker jeg den selv!.

Synes godt om

pstidsen Novice

25. september 2011 - 11:58 #11

#10: OleBole har ikke skrevet i denne tråd?

Synes godt om

tobrukDk Novice

26. september 2011 - 21:51 #12

#11

Han er lærer på min skole :D

Synes godt om

pstidsen Novice

26. september 2011 - 21:55 #13

#12: Nice! Så lærer du meget!! :O

Synes godt om

tobrukDk Novice

26. september 2011 - 22:00 #14

#13,
jeg synes personligt at han er mega nice! og hun er utrolig flink og sjov mand med dårlige humor!.. det kan jeg skriver under på!: :)

haha, :) ej jeg kender Olebole sådan okay godt :D

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS