Avatar billede Slettet bruger
07. juli 2011 - 22:23 Der er 5 kommentarer og
1 løsning

CSS og ul menu skal rykkes længere ned.

Hey Allesammen..

Jeg er igang med at lave nyt design til min side, men der er lige et par problemer som jeg ikke lige kan finde en løsning på.

Problemet er jeg har lavet en menu i af en ul-liste, og sat den op i CSS, menu'en skulle gerne være på linie men en hvid streg som adskiller headeren og indholder, så når man holder musen hen over skifter baggrunden til hvid, og skulle gerne falde ind sammen med den hvide stribe.. Har prøvet at løse det med at sætte margin-top, men så virker det i firefox, og ikke virker i IE, eller omvendt.
I kan se min side her, og se koden til siden og det CSS kode som jeg bruger. [link fjernet]
På forhånd tak for hjælpen :-)

MVH allan
Avatar billede NielsErikP Mester
08. juli 2011 - 00:17 #1
Hej..
Er det menu'en |Home|Produkt|Services|Support|FAQ|, der skal ned på linje med den hvide linje der ender i musen???
Avatar billede Slettet bruger
08. juli 2011 - 07:07 #2
Ja det er det
Avatar billede NielsErikP Mester
08. juli 2011 - 21:39 #3
Hej..
Okay.. jeg har lavet en kopi af din html/css på min computer, for at prøve at hjælpe dig, slettes selvfølgelig igen.
Det jeg gør når jeg ikke kan holde overblik over noget på en side, er at jeg benytter mig af at give det aktuelle element en border, her hedder din menu "menu", i CSS'en skriver jeg så "border: 1px solid red;", så kan jeg ligesom se og forholde mig til hvor den befinder sig på siden.
Jeg havde kopieret din html kode men den viser ikke de to hvide streger fra mus og i bund.
Jeg har prøvet at flytte din "UL", sådan her :



<div id="header">
                <img src="white_mouse.gif" width="46" height="100" alt="white_camera" style="float: left; vertical-align: center; padding-top: 5px"/>

                <div id="flag">

                    <a href="#"><img src="images/dk.gif" width="21" height="14" alt="Siden på dansk" border="0"/></a>
                    <a href="#"><img src="images/gb.gif" width="21" height="14" alt="Website on english" /></a>
                    <a href="#"><img src="images/us.gif" width="21" height="14" alt="us"/></a>

                </div>


               
                <h1>Allan Berthelsen</h1>
                <h2>Academy Profession Degree in Computer Science</h2>


            </div>
                <ul id="menu">
                    <li><a href="#" title="Home">Home</a></li>
                    <li><a href="#" title="Products">Products</a></li>
                    <li><a href="#" title="Services">Services</a></li>
                    <li><a href="#" title="Support">Support</a></li>
                    <li><a href="#" title="FAQ">FAQ</a></li>
                </ul>



Håber det hjælper.
Avatar billede Slettet bruger
08. juli 2011 - 22:41 #4
Problemet er løst
Avatar billede NielsErikP Mester
08. juli 2011 - 22:53 #5
Hej..
Okay.. Så kom lige med en forklaring på, hvad du gjorde for fremtidige brugere med samme problem.
Avatar billede Slettet bruger
10. februar 2012 - 11:18 #6
Tak for hjælpen
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
Alle kurser indenfor Microsoft 365 – både til begyndere og øvede.

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