Horizontaal Menu met CSS

[Erik89]

Hallo,

Ik ben een website aant bouwen met msql. Hierin wil ik een horizontaal menu maken. Heb hiervoor al veel gegoogled alleen nergens vind ik de oplossing want ik werk niet met <ul> en <il>.

Nu heb ik alleen een menu dat verticaal is uitgelijnd alleen dit wil ik horizontaal hebben. Weet iemand van jullie hoe ik dit moet doen?

Wat ik tot nu toe heb staat op www.hero-or-zero.nl

Mijn css-code:

#menu {

position: absolute;

top: 175px;

left: 0px;

width: 100px;

height: 28px;

text-align: center;

line-height: 30px;

font-weight: bold;

}

#menu a {

text-decoration: none;

width: 100%;

border: none;

}

#menu a:hover {

color: white;

background: #A1A1A1;

width: 100%;

}

en mijn php-code (common.inc.php):

// key = page ID

$pages_titles = array ( 0=> "Welkom bij Private Driver",

1=> "",

2=> "",

3=> "",

4=> "",

5=> "",

6=> "");

$pages_links = array( 0=> "Welkom",

1=> "Diensten",

2=> "Contact",

3=> "",

4=> "",

5=> "",

6=> "");

// mapping of static pages

$pages_index = array ( 0=>"0.php",

1=>"1.php",

2=>"2.php",

3=>"3.php",

4=>"4.php",

5=>"5.php",

6=>"6.php");

$menu_order = array (0,1,2,3,4,5,6);

function page_start ($title = "Private Driver") { ?>

(hier staan dingen die niet tot het menu doen)

<?

}

function page_create($page) {

global $pages_images,$pages_links,$menu_order;

page_create_bg($page);

?>

<div id=menu>

<?

$pageid = 0;

foreach ($menu_order as $tmp_page ) {

$pageid = $tmp_page;

$page_txt = $pages_links[$pageid];

?>

<a href=index.php?page=<?echo $pageid?> <? if ($page==$pageid) echo "class=selected"?> onmouseover="img_topleft.src='imgtop/<?echo $pageid?>.jpg'" onmouseout="img_topleft.src='imgtop/<?echo $page?>.jpg'"><?echo $page_txt?></a><br>

<?

$pageid ++;

}

?>

</div>

<? }

Hopelijk kan iemand van jullie mij helpen! Voor meer info kan je altijd vragen...

[leroy]

Width: 100% weghalen in je CSS bij de a-tags. Nu worden al je linkjes naast elkaar gezet en kun je met margin-right de ruimte tussen linkjes aanpassen. doe dit bij a en a:hover, anders krijg je hele vreemde dingen te zien

Mocht het niet werken, even vertellen wat er niet lukt enz enz.

Groeten,

Leroy

[Erik89]

Width: 100% weghalen in je CSS bij de a-tags. Nu worden al je linkjes naast elkaar gezet en kun je met margin-right de ruimte tussen linkjes aanpassen. doe dit bij a en a:hover, anders krijg je hele vreemde dingen te zien

Mocht het niet werken, even vertellen wat er niet lukt enz enz.

Groeten,

Leroy

ik heb alle width tags weggehaald alleen ze staan nog steeds onder elkaar...

[leroy]

dat kan kloppen, je zet ook achter elke <a href></a> tag een enter (<br>) Als je die weg haalt, dan staan ze als het goed is naast elkaar.