css menu werkt niet goed

Door bernard op 15-10-2006 14:05

1.240 views

hi, ik hbe dit stuktje html:


<tr>
		<td width="162" height="190" class="linkermenu">
			<div class="buttonscontainer">
				<div class="buttons">
				<a href="#">home</a>
				</div>
				<div class="buttons">
				<a href="#">about</a>
				</div>
				<div class="buttons">
				<a href="#">projecten</a>
				</div>
				<div class="buttons">
				<a href="#">nieuws</a>
				</div>
				<div class="buttons">
				<a href="#">diensten</a>
				</div>
				<div class="buttons">
				<a href="#">contact</a>
				</div>
			</div>		
		</td>

en dit css stukje:



div.buttonscontainer {
	width: 160px;
}

div.buttons a {
	color: 000000;
	background-color: e3e3e5;
	padding: 2px;
	padding-left: 4px;
	display: block;
	border-bottom: 1px solid ;
	font-family: Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
}

div.buttons a:hover {
	background-color: e9e9ec;
	color: bd0606;
	text-decoration: none;
}

maar nu:

plaats ik het los in een html bestand dan werkt het, plaats ik hem op me website, werkt het maar gedeeltelijk, de kleuren kloppen niet, de borders zijn anders en text opmaak werkt ook niet...

weet iemand wat dit kan zijn??

bedankt!
beunie

Bas

15-10-2006 14:15

Heb je ook een URL adres waar het op staat? Is er een conflict met een ander CSS bestand?

bernard

15-10-2006 14:17

nee, dat klopt want hij zet de opmaak gedeeltelijk neer, ik had expres een keer de verwijzing naar het css bestand weggehaald en toen was de opmaak volledig verdwenen. de link is er dus wel

Hylke

15-10-2006 15:00

Met deze code (zie hieronder) werkt je code gewoon bij mij, heb je een doctype bovenaan je document staan?


<html>
<head>
<style type = 'text/css'>
div.buttonscontainer {
    width: 160px;
}

div.buttons a {
    color: 000000;
    background-color: e3e3e5;
    padding: 2px;
    padding-left: 4px;
    display: block;
    border-bottom: 1px solid ;
    font-family: Arial, sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
}

div.buttons a:hover {
    background-color: e9e9ec;
    color: bd0606;
    text-decoration: none;
} 
</style>
</head>
<body>
<table>
<tr>
        <td width="162" height="190" class="linkermenu">
            <div class="buttonscontainer">
                <div class="buttons">
                <a href="#">home</a>
                </div>
                <div class="buttons">
                <a href="#">about</a>
                </div>
                <div class="buttons">
                <a href="#">projecten</a>
                </div>
                <div class="buttons">
                <a href="#">nieuws</a>
                </div>
                <div class="buttons">
                <a href="#">diensten</a>
                </div>
                <div class="buttons">
                <a href="#">contact</a>
                </div>
            </div>        
        </td> 
</tr>
</table>
</body>
</html>

(getest op eigen server, in firefox en in ie7)

Reageren

Inloggen om te reageren