div/id in google chrome en ie
ik ben er dus achter dat dat door de div's en id komt maar ik kom er niet uit hoe dit wel moet weet iemand waar ik op moet letten om het in beide browsers te laten werken?
alvast bedankt
html
<html>
<div class="menu">
<ul id=navigatie>
<li><a href="index1.php" class="home"><strong> Home</strong></a></li>
<li><a href="nieuwegebruiker.php" ><strong> Nieuwe Gebruiker</strong></a></li>
<li><a href="nieuwaanbod.php" ><strong>Nieuw aanbod</strong></a></li>
<li><a href="totaalaanbod.php" ><strong>Totaal aanbod</strong></a> </li>
<li><a href="contact.php" ><strong>Contact</strong></a></li>
</ul>
</div>
<html>
en de css
#navigatie li{
background:#none;
border-style:solid solid solid solid;
border-width:1px;
padding: 5px 0px 3px 0px;
text-align:center;
}
#navigatie a{
text-decoration: none;
}
#navigatie a:link{
color: #222;
}
#navigatie a:visited{
color: #222;
}
#navigatie a:hover{
color: #E50312;
}
div.menu{
position: absolute;
float: left;
margin: 0;
padding-top: 180px;
padding-left: 15%;
}
Probeer eens het "id" tussen haakjes te zetten.
Helaas dit werkt niet. nog meer ideeen misschien waar ik op moet letten tussen het verschil van IE en chrome
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<html>
<head>
<title>Test</title>
<!-- stylesheet ? -->
</head>
<body>
<div class="menu">
<ul id="navigatie">
<li><a href="index1.php" class="home"><strong> Home</strong></a></li>
<li><a href="nieuwegebruiker.php" ><strong> Nieuwe Gebruiker</strong></a></li>
<li><a href="nieuwaanbod.php" ><strong>Nieuw aanbod</strong></a></li>
<li><a href="totaalaanbod.php" ><strong>Totaal aanbod</strong></a> </li>
<li><a href="contact.php" ><strong>Contact</strong></a></li>
</ul>
</div>
</body>
</html>
<head>
<title>Test</title>
<!-- stylesheet ? -->
</head>
<body>
<div class="menu">
<ul id="navigatie">
<li><a href="index1.php" class="home"><strong> Home</strong></a></li>
<li><a href="nieuwegebruiker.php" ><strong> Nieuwe Gebruiker</strong></a></li>
<li><a href="nieuwaanbod.php" ><strong>Nieuw aanbod</strong></a></li>
<li><a href="totaalaanbod.php" ><strong>Totaal aanbod</strong></a> </li>
<li><a href="contact.php" ><strong>Contact</strong></a></li>
</ul>
</div>
</body>
</html>
maar kan het het probleem zijn dat het in IE wel werkt en in google niet ?
Neen.
alvast bedankt jasper .
Stefan H op 06/08/2012 21:38:57:
hallow ik heb een vraag hoe komt het dat een tekst als link het wel in ie doet en niet in google chrome .
Is er geen hyperlink te zien?
Is die niet aan te klikken?
Komt die niet op de juiste pagina?
Wat staat er als je in de broncode kijkt?
Dat kan via de w3c validator.
Hier alvast een start voor de css, de html zie je in de voorgaande post.
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
#navigatie li
{
border-style: solid 1px black;
padding: 5px 0px 3px 0px;
text-align:center;
}
#navigatie a
{
text-decoration: none;
}
#navigatie a:link
{
color: #222;
}
#navigatie a:visited
{
color: #222;
}
#navigatie a:hover
{
color: #E50312;
}
.menu
{
position: absolute;
float: left;
margin: 0;
padding-top: 180px;
padding-left: 15%;
}
{
border-style: solid 1px black;
padding: 5px 0px 3px 0px;
text-align:center;
}
#navigatie a
{
text-decoration: none;
}
#navigatie a:link
{
color: #222;
}
#navigatie a:visited
{
color: #222;
}
#navigatie a:hover
{
color: #E50312;
}
.menu
{
position: absolute;
float: left;
margin: 0;
padding-top: 180px;
padding-left: 15%;
}
* Staar je niet blind op die validator, het is niet altijd de beste oplossing.
Gewijzigd op 07/08/2012 18:56:32 door Jasper DS
dit zelfde heb ik met formulieren op de pagina deze kan ik niet invulen.
in de broncode staat precies hetzelfde als in de code.
hij staat wel op de juiste pagina
Toevoeging op 07/08/2012 19:01:44:
misschien zie ik iets over het hoofd maar mijn css is toch hetzelfde ?