Menu in ff klopt niet.
ik heb het volgende menu gemaakt:
http://img508.imageshack.us/img508/5844/menusqi6.jpg
Dit is in FF want in IE doet het precies wat het moet doen.
Hiervoor heb ik deze code gebruikt.
De links worden uit een DB gehaald.
css:
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
35
36
37
38
39
40
41
42
43
44
45
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
35
36
37
38
39
40
41
42
43
44
45
#navigation
{
float:left;
height:35px;
width: 600px;
background-image: url('image/menubackgroundM.jpg');
}
#navigationleft
{
float: left;
background: url('image/menubackgroundL.jpg') no-repeat;
width: 8px;
height: 35px;
}
#navigationright
{
float: left;
background: url('image/menubackgroundR.jpg') no-repeat;
height: 35px;
width: 14px;
}
#navigation ul
{
list-style:none;
float: left;
}
#navigation a
{
display:block;
padding:3px 12px 0px 4px;
text-decoration:none;
color:#000000;
font-size:12px;
font-weight:bold;
}
#navigation li
{
float:left;
padding-top: 5px;
font-family: calibri, tahoma, verdana;
font-size: 12px;
text-indent: 20px;
}
{
float:left;
height:35px;
width: 600px;
background-image: url('image/menubackgroundM.jpg');
}
#navigationleft
{
float: left;
background: url('image/menubackgroundL.jpg') no-repeat;
width: 8px;
height: 35px;
}
#navigationright
{
float: left;
background: url('image/menubackgroundR.jpg') no-repeat;
height: 35px;
width: 14px;
}
#navigation ul
{
list-style:none;
float: left;
}
#navigation a
{
display:block;
padding:3px 12px 0px 4px;
text-decoration:none;
color:#000000;
font-size:12px;
font-weight:bold;
}
#navigation li
{
float:left;
padding-top: 5px;
font-family: calibri, tahoma, verdana;
font-size: 12px;
text-indent: 20px;
}
php:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<div id="navigationleft">
</div>
<div id="navigation">
<?php
echo "<ul>";
$menuItemQuery = "SELECT * FROM pages WHERE pageParentID = 0";
$menuItemSql = mysql_query($menuItemQuery) or die (mysql_error());
while ($menuItem = mysql_fetch_assoc($menuItemSql))
{
echo "<li><i>";
$showMenuItem = $menuItem['pageTitel'];
$menuItemID = $menuItem['pageID'];
echo "<a href=\"index.php?page=".$menuItemID."\">".$showMenuItem."</a> ";
echo "</i></li>";
}
echo "</ul>";
?>
</div>
<div id="navigationright">
</div>
</div>
<div id="navigation">
<?php
echo "<ul>";
$menuItemQuery = "SELECT * FROM pages WHERE pageParentID = 0";
$menuItemSql = mysql_query($menuItemQuery) or die (mysql_error());
while ($menuItem = mysql_fetch_assoc($menuItemSql))
{
echo "<li><i>";
$showMenuItem = $menuItem['pageTitel'];
$menuItemID = $menuItem['pageID'];
echo "<a href=\"index.php?page=".$menuItemID."\">".$showMenuItem."</a> ";
echo "</i></li>";
}
echo "</ul>";
?>
</div>
<div id="navigationright">
</div>
Iemand enig idee hoe dit te verhelpen is?
thnx SjoriS
misschien heel primair, maar wat doet-ie niet volgens jou??
Kijk naar de screenshot. De tekst staat niet goed.
TS;
Als je even een voorbeeld-URL geeft kan ik wat makkelijker kijken.
Mohamed schreef op 22.09.2008 13:45:
misschien heel primair, maar wat doet-ie niet volgens jou??
Als je gewoon ff had gekeken had je deze domme vraag niet hoeven stellen :)
Code (php)
Waarom de <li> dubbel openen en dubbel afsluiten?
Gewijzigd op 01/01/1970 01:00:00 door W W
Pepijn, je vergist je ;) Hij opent en sluit een li en een i.
Douwe M schreef op 22.09.2008 14:05:
Pepijn, je vergist je ;) Hij opent en sluit een li en een i.
Ohja XD
Als je online bedoeld, ik draai op dit moment alleen lokaal..
Kan hier op dit moment niks aan doen..
Online bedoel ik inderdaad. Dan kunnen de Firebuggers even gaan kijken wat er nou precies fout gaat. Misschien kun je toch even proberen het online te zetten.
SjoriS schreef op 22.09.2008 14:08:
Voorbeeld url?
Als je online bedoeld, ik draai op dit moment alleen lokaal..
Kan hier op dit moment niks aan doen..
Als je online bedoeld, ik draai op dit moment alleen lokaal..
Kan hier op dit moment niks aan doen..
Geef mij je rommel maar Joris, ik gooi het wel online :)
De "#navigation ul" moet je een margin & padding van 0 geven.
haha, ik kan fire bug wel ff kopieren.
Wat bedoel je?
En Danny heeft zeer warschijnlijk gelijk.
SUPER!
Bedankt voor jullie hulp!