Avatar billede aruchri Nybegynder
17. maj 2008 - 12:43 Der er 7 kommentarer og
1 løsning

Horizontal menu med image links

Hej,
http://www.arun.dk/test2/arun/index.html arbejder jeg med at få menu link'ene positioneret rigtigt. Meningen er at de skal lægge sig horizontalt på den brune baggrund. Jeg har rodet mig ud i noget med absoulute positionering, tror jeg, og det låser mine menu links. Er der nogle der har et tip til hvordan jeg kan få dem på plads?
Avatar billede w13 Novice
17. maj 2008 - 13:04 #1
Kan du ikke bare lægge float:left; på dem?
Avatar billede aruchri Nybegynder
17. maj 2008 - 16:36 #2
Det har jeg prøvet, men det ændrer ikke på noget.
Avatar billede w13 Novice
17. maj 2008 - 17:02 #3
Så skal du samtidig droppe "position" o.lign. af hvad der nu måtte være sat på.
Avatar billede aruchri Nybegynder
17. maj 2008 - 20:08 #4
Jeg forsøgte med dit forslag, men uden held. Float left fører f.eks "Design" menu linket helt over til venstre men under "Art" menu linket, ikke ved siden af.
Avatar billede w13 Novice
17. maj 2008 - 20:42 #5
Så er der noget helt galt et eller andet sted. Hvordan ser CSS'en ud for den del?
Avatar billede aruchri Nybegynder
17. maj 2008 - 21:11 #6
Dette er den aflange brune navigations bjælke:
#navigations{
margin-left:0px;
width:800px;
height:41px;
background-color:#631C06;
}
Inden i den har jeg mine menu div tags som ser sådan her ud:
#art {
   
    margin-left:10px;
    top:123px;
    width:75px;
    height:22px;
    z-index:3;
}
#design {
 
    margin-left:100px;
    margin-top:3px;
    width:75px;
    height:22px;
   
}
#energy {

    position:absolute;
    left:608px;
    top:124px;
    width:75px;
    height:22px;
    z-index:5;
}
#about {
    position:absolute;
    left:744px;
    top:131px;
    width:54px;
    height:20px;
    z-index:6;
}
#contact {
    position:absolute;
    left:837px;
    top:128px;
    width:60px;
    height:22px;
    z-index:7;
}
Avatar billede aruchri Nybegynder
17. maj 2008 - 21:56 #7
OK, jeg fandt selv ud af det. Jeg oprettede følgende som er en navigation med horizontal menu. Har brugt den før, men vidste ikke om den kunne kopieres og så bruges med images, men det kan den: #navi {
margin-left:0px;
width:800px;
height:41px;
background-color:#631C06;

   
}

#navi ul {
padding-top:10px;
padding-right:0px;
padding-left:0px;
margin-left:0px;
text-align:right;
list-style:none;


}

#navi li {
  margin: 12px;
  display:inline;
}
Avatar billede aruchri Nybegynder
17. maj 2008 - 21:57 #8
I øvrigt linket er nu et andet: http://www.arun.dk/test/arun/index.html
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