De divs uit de overall_header.html ->
Code: Selecteer alles
<div id="ipbwrapper">
<div id="header">
<div id="logo">
<a href="{U_INDEX}">
<img src="{T_THEME_PATH}/images/header.jpg"/></a>
</div>
<div id="top_menu"><ul class="menu" /></div>
<div id="menu"><ul class="menu">
<li id="current" class="active item1"><a href="{U_INDEX}"><span>Home</span></a></li>
<li class="item1"><a href="{U_FAQ}"><span>{L_FAQ}</span></a></li>
<li class="item2"> <!-- IF S_DISPLAY_MEMBERLIST --><a href="{U_MEMBERLIST}"><span>{L_MEMBERLIST}</span></a><!-- ENDIF --></li>
<li class="item3"><!-- IF S_DISPLAY_SEARCH --><a href="{U_SEARCH}"><span>{L_SEARCH}</span></a><!-- ENDIF --></li>
<li class="item4"> <!-- IF S_USER_LOGGED_IN --><a href="{U_PROFILE}"><span>{L_PROFILE}</span></a><!-- ENDIF --></li>
</ul></div>
</div>
<div id="userlinksguest">
<!-- IF not S_USER_LOGGED_IN -->
<p class="pcen"><b>Welkom</b>( <a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a>)
<!-- ELSE -->
<!-- IF S_USER_LOGGED_IN -->
<p class="pcen"><b>Welkom </b> ( <!-- IF not S_IS_BOT --><a href="{U_LOGIN_LOGOUT}"><span class="login">{L_LOGIN_LOGOUT}</span></a> <!-- ENDIF --> ) <br />
<!-- IF S_DISPLAY_SEARCH -->
<p class="searchbar">
<span style="float: {S_CONTENT_FLOW_BEGIN};"><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a> | <a href="{U_SEARCH_ACTIVE_TOPICS}">{L_SEARCH_ACTIVE_TOPICS}</a></span>
<!-- IF S_USER_LOGGED_IN -->
<span style="float: {S_CONTENT_FLOW_END};"><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a> | <a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></span>
<!-- ENDIF -->
</p>
<!-- ENDIF -->
<br style="clear: both;" />
<!-- ENDIF -->
<!-- ENDIF -->
</p>
</div>
<div id="navstrip"><a href='{U_INDEX}'>{L_INDEX}</a></div>
<div style="padding:10px;padding-top:5px;border:1px solid #e3e3e3;">
Het is me gelukt!
Aangepast naar:
Code: Selecteer alles
#logo {
position: absolute;
left: 0;
top: 0px;
width: 827px;
height: 52px;
}
#menu {
position: absolute;
top: 52px;
background: #fb6400;
width: 825px;
height: 23px;
color: #fff;
border-top: 4px solid #E3E3E3;
border-bottom: 6px solid #E3E3E3;
}
#header {
position: relative;
left: 0;
top: 0;
height: 75px;
}
Dus naar aanleiding van aanpassingen in de height van deze divs.
Bedankt voor de reacties in ieder geval
Nou heb ik wel nog een vraagje, ik heb een navigatie menu bovenin, met de volgende css code:
Code: Selecteer alles
#menu {
position: absolute;
top: 52px;
background: #fb6400;
width: 825px;
height: 23px;
color: #fff;
border-top: 4px solid #E3E3E3;
border-bottom: 6px solid #E3E3E3;
}
nou wil ik de achtergrond van deze div een afbeelding geven. De afbeelding is precies 825*23px.
Als ik de code verander naar:
Code: Selecteer alles
#menu {
position: absolute;
top: 52px;
background-image: url (images/navbar.jpg);
width: 825px;
height: 23px;
color: #fff;
border-top: 4px solid #E3E3E3;
border-bottom: 6px solid #E3E3E3;
}
Echter als ik dan mijn pagina ververs wordt de menu balk gewoon een witte kleur.
Ik weet niet waardoor het komt maar het lijkt alsof; of het plaatje niet goed geplaatst wordt, of gewoon niet gevonden wordt, of dat er een andere code mijn plaatje overschrijft ofso?