Nieuw lid |
|
Ik wil graag tekst naast een logo plaatsen. Ik gebruik een menudiv als container en daarin zitten twee andere divs.
De tekst die vetgedrukt is wil ik eigenlijk naast het logo hebben, links ervan.
De DIV van het logo begint nu steeds te hoogte van waar de tekst ophoudt.
Ik weet het, lang en onduidelijk verhaal, maar .... voor de duidelijkheid heb ik alles wat ik div staat een border =1 gegeven.
Kijk even naar het voorbeeld zoals het nu is dan wordt het vast helder.
De code die ik gebruik voor het bovenste gedeelte is als volgt :
#menuboven
{
width:900px;
margin: 10px 0px 0px 0px;
position:relative;
border:1px solid green;
text-align:center;
background-color: #cccccc;
}
#linksmenuboven{
float:left;
width:750px;
margin: 90px 0px 0px 0px;
padding:0px;
background-color: white;
border: 1px solid red;
}
#rechtsmenuboven{
float:right;
width:140px;
text-align:right;
border: 1px solid black;
}
#menuboven { width:900px; margin: 10px 0px 0px 0px; position:relative; border:1px solid green; text-align:center; background-color: #cccccc; } #linksmenuboven{ float:left; width:750px; margin: 90px 0px 0px 0px; padding:0px; background-color: white; border: 1px solid red; } #rechtsmenuboven{ float:right; width:140px; text-align:right; border: 1px solid black; }
en de html die erbij hoort :
<div id="menuboven"> <h2 align="left">Deze tekst wil ik <span class="style1">naast</span> het plaatje hier rechts ! Dus eigenlijk iets meer naar onderen !! iemand een idee?</h2>
<div id="linksmenuboven">
<ul>
<li><a href="http://www.ikstop.nl">Begin</a></li>
<li><a href="/">Stopmethoden</a></li>
<li><a href="/">Meer over roken</a></li>
<li><a href="/">Forum</a>
<li><a href="/">Boeken</a></li>
<li><a href="/">Gevolgen</a></li>
<li><a href="/">Roken & geld</a></li>
</ul>
</div>
<div id="rechtsmenuboven"><img src="../afbeeldingen/logo_ikstop.gif" width="120" height="123"></div>
</div>
<div id="menuboven"> <h2 align="left">Deze tekst wil ik <span class="style1">naast </span> het plaatje hier rechts ! Dus eigenlijk iets meer naar onderen !! iemand een idee? </h2> <div id="linksmenuboven"> <li><a href="http://www.ikstop.nl">Begin </a></li> <li><a href="/">Stopmethoden </a></li> <li><a href="/">Meer over roken </a></li> <li><a href="/">Forum </a> <li><a href="/">Boeken </a></li> <li><a href="/">Gevolgen </a></li> <li><a href="/">Roken & geld</a></li> </ul> </div> <div id="rechtsmenuboven"><img src="../afbeeldingen/logo_ikstop.gif" width="120" height="123"></div> </div>
|