probleempje met css dropdown menu - Softwareontwikkeling

vrijdag 6 augustus 2010 13:55

Acties:

jasper199069

Topicstarter

hallo beste mensen,

ik heb een probleempje met mijn css drop-down menu
Afbeeldingslocatie: http://jashan.nl/naamloos.bmp

in het plaatje heb ik het probleempje laten zien en het probleem nu is dat mijn text verspringt als ik met mijn muis over het menu ga.

dit zijn mijn code's
index.html:

code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>{title}</title>
<link rel="stylesheet" type="text/css" href="layout/css/stijl.css">
</head>

<body>
<div id="wrapper">
    <div id="header">{title}</div>
    <div id="menu">
        {menu}
    </div>
    <div id="inhoud">
        {inhoud}
    </div>
    <div id="footer">
        {footer}
    </div>
</div>
</body>
</html>

en mijn css file

code:

/*///////////////////////////////////////////////////////
//Pagina settings
///////////////////////////////////////////////////////*/

body
{
    margin-top: 0px;
    margin-left: 0px;
    height: auto;
    width: 100%;
}

#wrapper
{
    margin: 0px auto;
    height: auto;
    width: 800px;
}

#header
{
    margin-top: 0px;
    margin-left: 0px;
    width: 800px;
    height: 100px;
    border: 1px solid black;
}

#menu
{
    margin-top: -1px;
    margin-left: 0px;
    width: 800px;
    height: 50px;
    border: 1px solid black;
}

#inhoud
{
    text-align: left;
    margin-top: -1px;
    margin-left: 0px;
    width: 800px;
    height: 330px;
    border: 1px solid black;
}

#login
{
    margin-top: 100px;
    margin-left: 275px;
    width: 250px;
    height: 150px;
    border: 1px solid black;
}

#footer
{
    text-align: center;
    margin-top: -1px;
    margin-left: 0px;
    width: 800px;
    height: 50px;
    border: 1px solid black;
}

/*////////////////////////////////////////////////////////
//drop-down menu items
////////////////////////////////////////////////////////*/
#drop
{
    padding: 0px;
    text-align: center;
    margin-left: 160px;
    list-style: none;
}

.head
{
    margin-right: -1px;
    float: left;
    width: 120px;
    border: 1px solid black;
}

.head ul
{
    display: none;
}

.head:hover ul
{
    position: relative;
    margin-left: -1px;
    margin-right: -1px;
    margin-bottom: -1px;
    padding: 0px;
    text-align: left;
    list-style: none;
    display: block;
    border: 1px solid black;
    background-color: #FFFFFF;
}

/*///////////////////////////////////////////////////////
//overige settings(moet ik nog een naam geven)
///////////////////////////////////////////////////////*/

hebben jullie enig idee hoe dat dit kan?

met vriendelijke groet,

jasper

vrijdag 6 augustus 2010 14:05

Acties:

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

Sorry, maar zo werkt het hier niet. Het is niet de bedoeling even je code te dumpen met "het werkt niet zoals ik wil" en dat wij dan even de fout voor je aanwijzen/oplossen. We verwachten hier eigen inzet en initiatief en daar zie ik in dit topic niets van terug. Dus: wat heb je al geprobeerd? Wat werkt(e) er niet? Wat heb je gezocht, gevonden etc. ? Zie onze Quickstart over hoe je een topic opent. Verder valt dit onder Kan iemand even...? en dus gaat het topic dicht.

Zie overigens ook RobIII in "[php] krijg mijn id niet door in postvar..."

offtopic:
Een CSS file bevat geen "settings"

[ Voor 10% gewijzigd door RobIII op 06-08-2010 14:06 ]

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Je eigen tweaker.me redirect

Over mij

Dit topic is gesloten.