Design-web.nl forum


Lessen, tutorials en scripts in html, css, javascript, php en mysql.  

All times are UTC + 1 hour




Post new topic Reply to topic  [ 1 post ] 
Author Message
 Post subject: Beginnersprobleem
PostPosted: Mon Jan 19, 2009 10:15 pm 
Offline
Newbe

Joined: Mon Jan 19, 2009 9:53 pm
Posts: 2
Ik probeer het volgende horizontale menu uit (cmsmadesimple) te maken:

Projecten Diensten Buro
Woningen Nieuwbouw Profiel
Bedrijfsgebouwen Verbouw Contact
Kantoorgebouwen Renovatie Route

Maar het komt er alleen maar 'verticaal' uit, dus:
Projecten
Woningen
Bedrijfsgebouwen
Kantoorgebouwen
Diensten
Nieuwbouw
Verbouw
Restauratie
Buro Vermeulen
Profiel
Contact
Route

De door cmsms gegenereerde html code is als volgt:
Code:
<div id="menu">
    <ul>
      <li>
        <a href="<domein>/index.php?page=beton"><dfn>2:</dfn> Projecten</a>
          <ul>
            <li><a href="<domein>/index.php?page=woningen"><dfn>2.1:</dfn> Woningen</a></li>
            <li><a href="<domein>/index.php?page=bedrijfsgebouwen"><dfn>2.2:</dfn>Bedrijfsgebouwen</a></li>
            <li><a href="<domein>/index.php?page=kantoorgebouwen"><dfn>2.3:</dfn>Kantoorgebouwen</a></li>
          </ul>
      </li>

      <li>
        <a href="<domein>/index.php?page=hout"><dfn>3:</dfn> Diensten</a>
         <ul>
          <li><a href="<domein>/index.php?page=nieuwbouw"><dfn>3.1:</dfn> Nieuwbouw</a></li>
          <li><a href="<domein>/index.php?page=verbouw"><dfn>3.3:</dfn> Verbouw</a></li>
          <li><a href="<domein>/index.php?page=restauratie"><dfn>3.4:</dfn>Restauratie</a></li>
        </ul>
      </li>

      <li>
        <a href="<domein>/index.php?page=staal"><dfn>4:</dfn> Buro</a>
        <ul>
          <li><a href="<domein>/index.php?page=profiel"><dfn>4.1:</dfn> Profiel</a></li>
          <li><a href="<domein>/index.php?page=contact"><dfn>4.2:</dfn> Contact</a></li>
          <li><a href="<domein>/index.php?page=route"><dfn>4.3:</dfn> Route</a></li>
        </ul>
      </li>
    </ul>
  </div>
  <!-- eind menu -->


en de bijbehorende css code ziet er zo uit:
Code:
/* menu */
#menu h3 { font-size: 10px;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    text-decoration: none;
    font-family: Verdana;
    font-weight: normal;
    }

#menu {
    vertical-align: top;
    cellspacing: 5px;
    width: 25%;
    padding: 0px;
    margin: 0px;
    }

#menu ul { padding-left: 5px;
    border-left: 1px solid rgb(197, 197, 197);
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    height: 95%;
    }
#menu ul ul { padding-left: 3px;
    border: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    }
#menu ul ul li, .menu ul ul li h3 { font-size: 10px;
    list-style-type: none;
    list-style-image: none;
    padding: 0px;
    margin: 0px;
    line-height: 11px;
    font-family: Verdana;
    font-weight: normal;
    }
#menu ul ul li h3 {font-weight: bold;}
#menu ul li { color: #0099cc;
   font-size: 16px;
   font-family: arial;
   font-weight: bold;
   list-style-type: none;
   list-style-image: none;
   padding-left: 0px;
   margin-left: 0px;
   padding-bottom: 0px;
   padding-top: 0px;

   }
#menu a {list-style-type: none;
   color: rgb(129, 137, 150);
   text-decoration: none;
   margin-bottom: 0px;
   margin-top: 0px;
   padding-bottom: 0px;
   padding-top: 0px;
   }
#menu a:hover {color: #0099cc;}
a.activeparent {
color: #3099cc;
}

#ul ul li a.activeparent {
font-weight: bold;
color: #2d4067;
}
#menu li {
    margin: 0px;
    padding: 0px;
}

#menu dfn {display: none;}


Wie kan me helpen om het 'horizontaal' te krijgen (dus een beetje als 3 kolommen) ?
Heb al van alles geprobeerd, maar kom er zelf niet uit.

Alle hulp is welkom!


Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 1 post ] 

All times are UTC + 1 hour


Who is online

Users browsing this forum: No registered users and 1 guest


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
cron