Avatar billede mikevds Nybegynder
05. november 2008 - 21:28 Der er 4 kommentarer og
1 løsning

"wrapper" til menuknapper

Hej Alle

Jeg er ved at lave en selv-lærings hjemmeside, men jeg er stødt på et problem.

Jeg har lavet nogle menu-knapper, 6 ialt, som jeg vil have placeret et bestemt sted i en vandret formation. Jeg har markeret hvor det er knapperne skal ligge med en hvid stiplet linie:
http://peecee.dk/upload/view/138805

Jeg har før prøvet at give hver enkelt knap en <div> og placeret dem enkeltvis vha. absolute positioning, men det var langt fra optimalt. Derfor kunne jeg godt tænke mig en slags "wrapper" hvor knapperne kunne "float left" eller sådan.
Knap-feltet skal være 679*27px for det passer med mine knapper.
Nogle bud på løsning?

-----HTML-----
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Billund Limosine Service</title>

<link rel="stylesheet" type="text/css" href="cssdokument.css" />

</head>

<body>

<div id="A">
<center><img src="Grafik/Skitse.jpg" alt="Skitse" /></center>
</div>

<!---Tekstfelt start--->
<div id="H">
<p>
Velkommen på Billund Limousine Services hjemmeside, hvor vi håber, De kan hente inspiration.<br />
Siden indeholder oplysninger om, hvilke biler vi kan tilbyde, priser og meget mere.<br />
<br />
Billund Limousine Service blev startet i 1992 af Tommy Søgaard.<br /> 
Lige siden starten har ideen været at sætte kunden i centrum og bevare den faglige stolthed. Det gør, at vi i dag kan tilbyde områdets bredeste udvalg inden for limousine-kørsel.<br />
<br />
Kig dig omkring og drøm dig ind i en verden af luksus.<br />
<br />
Vi er at træffe på telefon 75 35 37 77 dagligt fra klokken 07.00 - 08.30
<br />og igen fra klokken 17.30 - 22.30.<br />
<br />
Ved akut behov for kørsel kan Tommy Søgaard træffes på mobiltelefon 40 50 37 77<br />
<br />
Forespørgelser og bestillinger modtages gerne på mail : post@billund-limo.dk<br /> 

De er også velkommen til at skrive eller faxe til os :<br />
<br />
Billund Limousine Service<br />
Kobjergvej 13<br />
DK - 7190 Billund<br />
Telefax 75 35 38 88 <br />
</p>
</div>
<!---Teksfelt slut--->

</div> 
   
</body>
</html>

-----CSS-----
@charset "utf-8";
/* CSS Document */

body{
    background-color:#393939;
}

h1{font-family:Verdana, Arial, Helvetica, sans-serif;
}

p{font-family:Arial, Helvetica, sans-serif;
}

#H{
margin-left:380px;
margin-top:-560px;
float:left;
height: 490px;
width: 650px;
position:absolute;
overflow: auto;
color:#000000;
text-align:left;
}
Avatar billede zips Juniormester
05. november 2008 - 22:14 #1
Jeg kan se du har de vise sten her http://www.eksperten.dk/spm/850880

Lave en <div id="menu"> og byg den op med <ul><li></li></ul> derefter styler du den så den passer til din side.

Men hvad skal denne menu kunne, skal der være dropdown eller kun en knap menu...
Avatar billede mikevds Nybegynder
05. november 2008 - 22:43 #2
Det skal bare være en knapmenu. Jeg har dog lavet 2 versioner af hver knap, 1 der er aktiv og 1 der er inaktiv. På nuværende tidspunkt kan jeg sagtens lave det sådan at den knap der svare til siden man er på, er aktiv. Senere er det planen at jeg vil lave en mouse-over der skifter inaktiv knap ud med aktiv når musen bevæger sig over knapperne.

Jeg kikker lige på linket.
Avatar billede mikevds Nybegynder
05. november 2008 - 22:47 #3
haha det er jo min egen tråd ^^.
Den tråd var med spørgsmål om a:hover, jeg fandt dog ud af at jeg først måtte have styr på mine knapper før jeg legede med mouse-over, hvilket jeg også skriver i linket.

Kan lige tilføje at <div id="A"> er mit baggrundsbillede
Avatar billede zips Juniormester
06. november 2008 - 06:18 #4
Ja det er din egen tråd, for der har du jo fået det du skal arbejde vidre med, nemlig at at sætte det i en div ul li og derefter style det.

Da du kun har et billede at vise er det ikke så nemt at hjælpe, men her er et link http://www.dynamicdrive.com/style/csslibrary/category/C1/ 
Der er en masse horizontal menu hvor du kan se hvordan sådan en er opbygget
Avatar billede mikevds Nybegynder
08. juli 2009 - 10:04 #5
-
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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