Avatar billede swimmann Nybegynder
17. juni 2010 - 17:35 Der er 5 kommentarer og
1 løsning

Menu skal blive i toppen!

Hej eksperter.
Jeg har på min hjemmeside en vertikal menu ude i siden.
Mit problem er at jo længere / højere min side er, jo mere rykker min menu ned på siden.
Jeg har indtil videre løst problemet med en hel masse <br> tags, men det er ikke optimalt, og min menu hopper også lidt alt afhængig af hvilken side jeg er på.
(Menuen bliver inkluderet på alle mine sider ved hjælp af PHP)

Her er et eksempel på en side:

------------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Titel</title>
<link rel="stylesheet" type="text/css" href="http://link/css/standart.css">
</head>
<body style="margin:0px 0px 5px 0px;">
    <div id="container">
    <b class="b1"></b>
    <b class="b2"></b>
    <b class="b3"></b>
    <b class="b4"></b>
    <b class="b4"></b>
        <div class="boxcontent">
        <div id="headlogo"></div>
        <table>
        <tr>
        <td>
        <div class="v">
<div id="containerm">
<b class="b1m"></b>
<b class="b2m"></b>
<b class="b3m"></b>
<b class="b4m"></b>
<b class="b4m"></b>
<div class="boxcontentm">
    <table>
    <tr>
        <td>Menupunkt1</td>
    </tr>
    <tr>
        <td>Menupunkt2</td>
    </tr>
    <tr>
        <td>Menupunkt3</td>
    </tr>
    <tr>
    </table>
</div>
<b class="b4m"></b>
<b class="b4m"></b>
<b class="b3m"></b>
<b class="b2m"></b>
<b class="b1m"></b>
</div>
        </div>
        </td>
        <td>
        <div class="c">
        <h1>ALT indholdet på min side</h1>
        <h1>ALT indholdet på min side</h1>
        <h1>ALT indholdet på min side</h1>
        </div>
        </td>
        </tr>
        </table>
        <hr>
        </div>
    <b class="b4"></b>
    <b class="b4"></b>
    <b class="b3"></b>
    <b class="b2"></b>
    <b class="b1"></b>
    </div>
</body>
</html>
--------------------------------------------------
(Alle <b class="b1"> osv er til for at lave runde hjørner med CSS.)

Som sagt bliver menuen ikke i toppen, men rykker længere og længere ned.
Hvordan kan jeg få den til at blive i toppen af tabellen?
Avatar billede claes57 Ekspert
17. juni 2010 - 18:15 #1
hvad er der i css?
og btw - standard er med 2 d'er, og kun et t.
umiddelbart kan du fx i
class="boxcontentm"
mangle
vertical-align:top;
Avatar billede swimmann Nybegynder
17. juni 2010 - 18:28 #2
Undskyld stavefejlende ;)
Der er ikke noget i mit CSS der skal få min menu i toppen.
Har prøvet at skrive vertical-align:top; ind i "boxcontentm", men desværre uden nogen effekt overhovedet..
Avatar billede claes57 Ekspert
17. juni 2010 - 18:52 #3
dvs du har dette (dog med runde hjørner)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=ISO-8859-1">
</head>
<body>
<div style="text-align:center;">
<table border="1"  width="800">
  <tr><!-- Row 1 -->
    <td colspan="2" style="text-align:center;">logo</td><!-- logo -->
  </tr>
  <tr><!-- Row 2 -->
    <td style="text-align:left; vertical-align:top; width:150">menu</td><!-- menu -->
    <td style="text-align:left; vertical-align:top;">data<br>tekst<br>mere</td><!-- side -->
  </tr>
  <tr><!-- Row 3 -->
    <td colspan="2" style="text-align:center; vertical-align:middle;">© mig</td><!-- bundtekst -->
  </tr>
</table>
</div>
</body>
</html>

uden css, så find selv ud af det.
Avatar billede swimmann Nybegynder
17. juni 2010 - 21:45 #4
Det virkede faktisk! :D Hvor har jeg dog kæmpet med det længe!
Mange tak!
Smid lige et svar så du kan få dine points :)
Avatar billede claes57 Ekspert
18. juni 2010 - 10:16 #5
ok - fortsat god arbejdslyst...
Avatar billede swimmann Nybegynder
18. juni 2010 - 17:23 #6
Mange tak :)
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