Menu probleem - One2xs Forum

Lid · Topicstarter

Berichten: 2.512
Reputatie: 0
Punten: 0,00

Lid sinds: 2010
Laatst gezien: 28 mei 2024

6 nov 2011, 09:13

Hey,
Ik ben bezig mijn layout te coderen. Er is nu alleen een probleem.

Linkje:
http://wdbs.woelmuis.nl/

Die twee knoppen van het menu wil ik naast elkaar hebben. Dit lukt me niet.

CSS

Spoiler tonen

body{ height: 100%; margin: 0; padding: 0; background:#f1f1f0 url(images/background.png); font: 11px normal Verdana, Arial, Helvetica, sans-serif; color:#000000; }
html{ height: 100%; }
a:link, a:visited{;  height: 47px; wifont-family: Leelawadee; font-size: 11pt; text-decoration: none; color: #fff; }
#container { width:972px; margin:0 auto;} 
#header { background: url(images/header.png); width: 700px; height: 185px; margin: 0; margin-left: 140px; }
#menu_items { padding-top: 15px; }
.home { background-color: #b60c0c;  width: 135px; height: 47px; margin-bottom: 10px; display: block; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border: 1px solid #780404; }
.home:hover { background-color: #b53f3f; }
.informatie { background-color: #b60c0c;  width: 135px; height: 47px; margin-bottom: 10px; display: block; border: 1px solid #780404; }
.informatie:hover { background-color: #b53f3f; }
#container_tekst { padding-left: 15px; padding-top: 15px; padding-bottom: 15px; padding-right: 15px; margin: 0px auto; width: 972px; height: auto; overflow: hidden; background-color: #fff; border-radius: 8px; -moz-box-shadow: rgba(0,0,0,0.50) 20px 20px 5px 5px; -webkit-box-shadow: rgba(0,0,0.50) 20px 20px 50px; box-shadow: rgba(0,0,0,0.30) 2px 2px 12px 7px; }
.content_left { width: 500px; height: auto; min-height: 1000px; float: left; }
.content_right{ width: 307px; height: auto; border-radius: 5px; border: 1px solid #cbcbcb; background-color: #ececec; float: right; min-height: 200px; }
.content_ltekst { width: 595px; padding-left: 5px; padding-right: 5px; height: auto;}
.welkom_bar { background: url(images/balk_wk.png); width: 606px; height: 47px; float: left; }
.buienradar { background: url(images/balk_br.png); width: 307px; height: 46px; float: right; }

HTML

Spoiler tonen

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Tuindorp Stoempers</title>
     <link href="style.css" rel="stylesheet" type="text/css" />
   </head>
 <body>

  <div id="header"></div>
  <div id="menu">
    <div id="menu_items">
     <a class="home" href="#">
     <a class="informatie" href="#"></a></a>
      <div class="menu_right"></div></div>
  <div id="clear"></div>
  <div id="container_tekst">
   <div class="content_left">
     <div class="welkom_bar"></div>
  <div class="content_ltekst">
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean et risus vitae ante rhoncus placerat. Praesent viverra turpis vel turpis porttitor vitae euismod velit elementum. Cras tempus volutpat risus vitae placerat. Sed felis risus, semper non tincidunt in, commodo vel odio. Sed convallis, arcu in hendrerit porttitor, neque tortor convallis neque, a consectetur leo risus vitae sem. Maecenas ac leo ipsum, non rutrum quam. Phasellus tincidunt, enim ac vulputate scelerisque, lectus lorem pellentesque justo, ut ornare purus lorem at mi. Integer vitae justo mi, quis dictum dui. In ut nisi vel ante tincidunt consectetur in in neque. Suspendisse potenti. Vestibulum sit amet elementum turpis.</p>
   </div></div>  <div class="content_right"> 
      <div class="buienradar"></div>
       <div id="bcontent"><img src="http://gratisweerdata.buienradar.nl/forecast/nl-eu-forecast/loop.gif" alt="Buienradar" style="width: 280px; height: 345px margin: 10px" />
      <div class="clear"></div> 
      

   <div id="footer"></div>
</div>
</body>
</html>