Søg
Avatar billede kurdo Novice
09. november 2009 - 20:16 Der er 8 kommentarer og
1 løsning

css - lave div om til link

hvad er den nemmeste måde at lave en <div> om til et link?
har <div> på 46x20, som jeg vil have som et link. og det skal være 1 farve og når man holder musen over bliver det til en anden
Avatar billede Slettet bruger
09. november 2009 - 20:26 #1
Uden div :D

<style>
a
{
    display:block;
    width:46px;
    height:20px;
    background:black;
}
a:hover
{
    background:blue;
}



</style>


<a id="link" href="www.google.dk""></a>
Avatar billede zips Juniormester
09. november 2009 - 20:30 #2
Det kan gøres ved at lægge et link ind i din div og sætte display:block på, her er en test

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">
<html><head>
<title>Rollover div</title>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body {font-family: verdana, arial, sans-serif; font-size:100%;}
div.button {width:120px; height:24px; top:0px; left: 0px; border: 1px #000
solid;}
div.button a  {width:120px; height:24px; display:block; padding-top:2px;text-align:center;}
div.button a:link {color: black; text-decoration:none;}
div.button a:hover {color:#F33; text-decoration:underline;background:blue;}
</style>   
</head>
<body>
<div class="button"><a href="#">Graphics</a></div>
</body>
</html>
Avatar billede Slettet bruger
09. november 2009 - 20:30 #3
Jeg er rigtigt god til typos

<style>
a {
    display:block;
    width:46px;
    height:20px;
    background:black;
}
a:hover {
    background:blue;
}
</style>

<a href="http://www.google.dk"></a>
Avatar billede Slettet bruger
09. november 2009 - 20:37 #4
Der er ingen ground til at lave flere divs end der er brug for :D Man kan klare det med et anker for sig selv.
Avatar billede kurdo Novice
09. november 2009 - 20:37 #5
tak for svaret Zeska, men jeg SKAL bruge div da det ellers ikke vil fingere med resten af siden, derfor vælger jeg at give point til zips..

håber det er iorden..

zips smid et svar.
Avatar billede kurdo Novice
09. november 2009 - 20:37 #6
og selvfølgelig mange tak zips!
Avatar billede Slettet bruger
09. november 2009 - 20:45 #7
Ja hvis jeg ikke får points vil jeg lige misbruge tråden til at teste noget..



<div id="snipplr_embed_22802" class="snipplr_embed"><a href="http://snipplr.com/view/22802/dump-an-array-to-a-file/">Code snippet - Dump an array to a file</a> on Snipplr</div><script type="text/javascript" src="http://snipplr.com/js/embed.js"></script><script type="text/javascript" src="http://snipplr.com/json/22802"></script>
Avatar billede Slettet bruger
09. november 2009 - 20:46 #8
Zips hvad er det for en Embed du bruger ?
Avatar billede zips Juniormester
09. november 2009 - 20:52 #9
Her er et svar :-)

Zeska > http://www.eksperten.dk/guide/1325
Avatar billede 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.

Loading billede Opret Preview
Kategori
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 14:46 Offline opdatering af co-working excell sheet Af morten vestergaard i Excel
27/1222:02 Låse brugt iPad op Af drstein i iOS, iPhone & iPad
27/1219:21 Hvor finder jeg en oversigt over mine spørgsmål Af KurtG i Hjælp og fejl
27/1211:31 TP-Link Wifi extender opsat som accesspoint giver 50% up- og download, Af Uvanga i Wifi
26/1213:05 Hvorfor bliver tiff-filer større ved konvertering til samme format Af KurtG i Billedbehandling
White papers
Flere white papers »