Avatar billede Slettet bruger
07. februar 2012 - 16:46 Der er 14 kommentarer og
1 løsning

Slå 2 menuer sammen til en menu med sub

Jeg har via 2 gamle menuer, lavet 2 nye menuer.

disse 2 menuer vil jeg gerne have slået sammen til en menu.
Således at der for hvert punkt i min topmenu (1, 2, 3 og 4)
kommer en submenu (a, b og c)

Helt hvordan man smider dem sammen ved jeg ikke.

Koderne kan ses her:
http://pastebin.com/Kk6EtkGd
Avatar billede NielsErikP Mester
07. februar 2012 - 22:43 #1
Hej...

Hvis du har 2 UNORDERED lister som eksempelvis :

    <ul>
        <li><a href="#">Link 1 </a> </li>
        <li><a href="#">Link 2 </a> </li>
        <li><a href="#">Link 3 </a> </li>
    </ul>


og :


    <ul>
        <li><a href="#">Link 1a </a> </li>
        <li><a href="#">Link 2a </a> </li>
        <li><a href="#">Link 3a </a> </li>
    </ul>



Kan du smide dem sammen sådan :

    <ul>
        <li><a href="#">Link 1 </a>
            <ul>
                <li><a href="#">Link 1a </a> </li>   
            </ul>
        </li>
        <li><a href="#">Link 2 </a>
            <ul>     
                <li><a href="#">Link 2a </a> </li>
            </ul>
        </li>
        <li><a href="#">Link 3 </a>
            <ul>     
                <li><a href="#">Link 3a </a> </li>
            </ul>
      </li>
    </ul>




Håber det er til at forstå og kan bruges :-)
Avatar billede Slettet bruger
07. februar 2012 - 23:14 #2
Det har jeg forstået, men jeg kan ikke flette det sammen så det virker med mit CSS..
Avatar billede NielsErikP Mester
08. februar 2012 - 00:05 #3
Hej...

Kan det hjælpe hvis du skriver :



       
#topmenu li {

        background:
    text-align: center;
    position: relative;
    float: left;
    width:  Xpx; // Din bredde
    height: auto;
    line-height: Xpx; // Din linje-højde
   
}



Og så ellers smider dem sammen som i #1
Avatar billede Slettet bruger
08. februar 2012 - 13:08 #4
Det bliver helt noget lort.
Der er jo 2 forskellige designs og koder til hver menu.

Intet af det i skriver nu har jeg ikke prøvet før og det hjalp heller ikke nu.

Problemet er jo nok at hele CSS'et skal skrives om.
Jeg aner bare ikke hvordan.

Har i forvejen topmenuen som virker helt fint.

1) Det der sker er at submenuen placeres forkert.
2) Current fungere ikke i submenuen.
3) Link i Topmenuen virker slet ikke når jeg sætter undermenuen ind.
Avatar billede NielsErikP Mester
08. februar 2012 - 22:27 #5
Hej...

Smid hele din HTML fil og hele din Css fil ind her... Så der er mulighed for at teste.

Så må vi se om der findes en løsning du kan leve med :-)
Avatar billede Slettet bruger
09. februar 2012 - 12:22 #6
Her er hele "siden" det er bare en test side for at få et design til at virke i alle browser og med menu og det hele.

Jeg har fundet 2 andre problemer.
Det ene problem er at hvis jeg oploader min side.
Så virker det i alle browser undtagen Firefox, eller retter, det virker i firefox hvis man ikke skriver "www." først.
Det er meget mystisk.

Et andet problem er at hvis jeg vil tilføje en ekstra knap i min top menu. Så skal jeg ændre et tal i mit style.css for at det stadigt er centralt. (Jeg har markeret fejlen i min css fil.) Kan man ikke undgå at skulle ændre det.

Her er de sider du nok behøver:

style.css: http://pastebin.com/h2YiTNpe
index.html: http://pastebin.com/bNQjxkyi
2.html: http://pastebin.com/BVkcnxUZ
a.html: http://pastebin.com/z9zFfrUq
b.html: http://pastebin.com/yZUXidwx
d.html: http://pastebin.com/rrUmZqFz
e.html: http://pastebin.com/VM2nwbDW
Avatar billede NielsErikP Mester
09. februar 2012 - 23:38 #7
Hej...

Prøv lige og tjek din kode her :

  http://validator.w3.org/

Og din Css her :

  http://jigsaw.w3.org/css-validator/validator.html.en
Avatar billede Slettet bruger
10. februar 2012 - 01:38 #8
Hvis jeg køre min CSS igennem, finder den rigtigt mange fejl.
Retter jeg dem forsvinder hele mit design.

Køre jeg den igennem HTML validator finder den ikke rigtigt nogen fejl.
Avatar billede Slettet bruger
10. februar 2012 - 01:53 #9
Det undre mig helt vildt at min css fil ikke virker hvis jeg ikke har <style> i top og </style> i bund.
Avatar billede NielsErikP Mester
11. februar 2012 - 01:11 #10
Hej..

Ret de fejl Validatorene fra W3C anmoder...
Ja.. jeg har heller ikke set det med <style> og </style>.. før i en ekstern Css fil.
Avatar billede Slettet bruger
11. februar 2012 - 20:41 #11
Har rettet alle fejl. Men så forsvinder hele designet samt de ting der er specielle for FireFox og Chrome.
Avatar billede NielsErikP Mester
11. februar 2012 - 23:38 #12
Hej...

Det må da være skod kode, hvis Valid kode ikke kan holde designet... Og Specielle for "FireFox" og "Chrome".. Webkode skal da ikke vise noget forskelligt efter, hvilken browser du vælger!!

Hvor har du fundet den kode..!! Tag og prøv at sætte dig lidt ind i html og Css.. og så byg et design der holder vand!!

Jeg tror jeg springer fra her... Held til med det.
Avatar billede Slettet bruger
12. februar 2012 - 03:34 #13
Så forstår jeg ikke hvorfor at jeg skal gøre som de siger i denne video for det har ikke virket på andre måder:
http://www.youtube.com/watch?v=-UuV_C0Zbxc


Og jeg forstår ikke hvorfor en Ekspert som olebole, hvis færdigheder jeg har meget respekt for bl.a. skriver i denne tråd at man skal teste på alle slags browser.:
http://www.eksperten.dk/spm/956763
Hvilket jeg efterhånden synes jeg ser rigtigt mange steder.
Avatar billede Slettet bruger
12. februar 2012 - 04:00 #14
Fandt også lige dette da jeg søgte efter gode råd:
http://www.digitalfamily.com/dreamweaver/resources/web-browser-test.html

Men jeg forstår stadig ikke hvor mit design der virkede perfekt.
På nær med www. foran i firefox. Unden www. virkede det fint.
Avatar billede Slettet bruger
19. juni 2012 - 09:23 #15
Lukker
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