Pagina 1 van 1
Pixel probleem...
Geplaatst: 07 jun 2006, 16:32
door Norke
Hey, ik ben al een tijdje aan een phpbb2 theme bezig voor mijn portfolio site. Helaas zit ik met een klein probleem. De navigatiebalk bovenaan blijkt 3 pixels ruimte rond zich te eisen.
Hier is een probleemschets: klik op de afbeelding om naar de site te gaan.
Bij het
Portfolio gedeelte komt dit probleem alleen voor bovenaan. Ik geraak er echt niet aan uit.
Kent iemand dit probleem en kan voor een mogelijke oplossing zorgen?
Geplaatst: 16 jun 2006, 18:44
door Norke
Ik heb het nog steeds niet gevonden... zijn er mensen die het probleem kennen?
Geplaatst: 16 jun 2006, 20:22
door Nymphy
hier bij mij (opera) sluit hij toch perfect aan ?
Geplaatst: 28 jun 2006, 12:56
door Norke
Ik teste het in IE en FF... Ik heb Opera nog maar onlangs geinstalleerd. Anyway, het zou voor elke browser goed moeten staan, he?
Geplaatst: 28 jun 2006, 13:19
door ElbertF
Waarom gebruik je <ul> voor je menu? Ik denk dat het daardoor komt, je kan proberen de "margin" op 0 zetten (dit is standaard niet het geval, daardoor ontstaat denk ik de ruimte).
Geplaatst: 28 jun 2006, 14:44
door Coen
Ik zie er geen verschil in, IE, Firefox en Opera doet hij het perfect in..
Maar wat is dat een coole site zeg! 
Template zelf gemaakt? Sluit ideaal aan op je site! :thumb:
Geplaatst: 28 jun 2006, 14:46
door berend11
mischien moet je het niet als gif opslaan je kan het proberen mischien met png ?
Geplaatst: 28 jun 2006, 14:58
door Bee
berend11 schreef:mischien moet je het niet als gif opslaan je kan het proberen mischien met png ?
En wat zou dan het verschil moeten zijn waardoor het probleem "opeens" is opgelost?
Geplaatst: 02 jul 2006, 20:18
door Norke
Prophecy schreef:Ik zie er geen verschil in, IE, Firefox en Opera doet hij het perfect in..
Maar wat is dat een coole site zeg! Template zelf gemaakt? Sluit ideaal aan op je site! :thumb:
Thx Prophecy, ja ik heb het zelf gemaakt. Veel hulp gekregen mensen die meesters zijn in dit soort dingen. Met trial en error in mekaar gestoken. Alleen blijf ik zitten met die ene fout... Ik heb voor de footer een negatieve div-align gezet die het probleem oploste, maar voor de header was dit niet mogelijk....
Geplaatst: 03 jul 2006, 13:39
door Norke
Ik heb het probleem gevonden voor FireFox en Opera... Dus in deze twee browsers ziet het er uit zoals het moet zijn. Ook de rest van de site is in orde... Maar in IE is er nog steeds een fout. Ik vind het zo jammer, omdat ik nu net reclame maak voor grafische dingen met een site die niet goed is... Ik weet echt niet wat het probleem kan zijn.
Geplaatst: 05 jul 2006, 01:27
door Nymphy
ik neem aan dat je alles in css hebt gezet ??
evt. zou je eens het gedeelte van de css en de overall_header hier kunnen posten..
Geplaatst: 05 jul 2006, 12:45
door Norke
Dit is de code van de overal_header:
Code: Selecteer alles
<div id="container">
<div id="header"> </div>
<div id="navbar">
<ul>
<li><a href="http://www.designstables.com/home.html"></a><a href="http://www.designstables.com/home.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Home','','http://www.designstables.com/images/header_home_over.jpg',1)"><img src="http://www.designstables.com/images/header_home.jpg" alt="Home" name="Home" id="Home" border="0" height="27" width="51"></a></li>
<li><a href="http://www.designstables.com/portfolio.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Portfolio','','http://www.designstables.com/images/header_portfolio_over.jpg',1)"><img src="http://www.designstables.com/images/header_portfolio.jpg" alt="Portfolio" name="Portfolio" id="Portfolio" border="0" height="27" width="65"></a></li>
<li><a href="http://www.designstables.com/services.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image15','','images/header_services_over.jpg',1)"></a><a href="http://www.designstables.com/services.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Services1','','http://www.designstables.com/images/header_services_over.jpg',1)"><img src="http://www.designstables.com/images/header_services.jpg" alt="Services" name="Services1" id="Services1" border="0" height="27" width="66"></a></li>
<li><a href="http://forum.designstables.com/" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image15','','images/header_forum_over.jpg',1)"></a><a href="http://forum.designstables.com/" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Forums','','http://www.designstables.com/images/header_forum_over.jpg',1)"></a><a href="http://forum.designstables.com/index.php"><img src="http://www.designstables.com/images/header_forum_activ.jpg" alt="Forums" name="Forums" id="Forums" border="0" height="26" width="55"></a></li>
<li><a href="http://www.designstables.com/resume.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image16','','images/header_resume_over.jpg',1)"></a><a href="http://www.designstables.com/resume.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Resume','','http://www.designstables.com/images/header_resume_over.jpg',1)"><img src="http://www.designstables.com/images/header_resume.jpg" alt="Resume" name="Resume" id="Resume" border="0" height="27" width="64"></a></li>
<li><a href="http://www.designstables.com/contact.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image17','','images/header_contact_over.jpg',1)"></a><a href="http://www.designstables.com/contact.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Contact','','http://www.designstables.com/images/header_contact_over.jpg',1)"><img src="http://www.designstables.com/images/header_contact.jpg" alt="Contact" name="Contact" id="Contact" border="0" height="27" width="62"></a></li>
</ul>
</div>
<div class="clear"></div>
<div id="portfolio">
<ul>
<!-- BEGIN switch_user_logged_in -->
<li><img src="templates/DesignStables/images/header_portfolio_left.gif" alt="" width="108" height="29" border="0" id="portfolio-left" /></li>
<li><a href="http://forum.designstables.com/index.php"><img src="templates/DesignStables/images/icon_mini_index.gif" alt="" width="48" height="29" border="0" id="index" /></a></li>
<li><a href="{U_PROFILE}" class="mainmenu"><img src="templates/DesignStables/images/icon_mini_profile.gif" border="0" alt="{L_PROFILE}" /></a></li>
<li><a href="{U_PRIVATEMSGS}" class="mainmenu"><img src="templates/DesignStables/images/icon_mini_message{PRIVMSG_IMG}.gif" border="0" alt="{PRIVATE_MESSAGE_INFO}" /></a></li>
<li><a href="{U_MEMBERLIST}" class="mainmenu"><img src="templates/DesignStables/images/icon_mini_members.gif" border="0" alt="{L_MEMBERLIST}" /></a></li>
<li><a href="{U_GROUP_CP}" class="mainmenu"><img src="templates/DesignStables/images/icon_mini_groups.gif" border="0" alt="{L_USERGROUPS}" /></a></li>
<li><a href="{U_SEARCH}" class="mainmenu"><img src="templates/DesignStables/images/icon_mini_search.gif" border="0" alt="{L_SEARCH}" /></a></li>
<li><a href="{U_FAQ}" class="mainmenu"><img src="templates/DesignStables/images/icon_mini_faq.gif" border="0" alt="{L_FAQ}" /></a></li>
<li><a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="templates/DesignStables/images/icon_mini_logout.gif" border="0" alt="{L_LOGIN_LOGOUT}" /></a></li>
<li><img src="templates/DesignStables/images/header_portfolio_right2.gif" alt="" width="132" height="29" border="0" id="portfolio-right2" /></li>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<li><img src="templates/DesignStables/images/please_register.gif" border="0" alt="" /></li>
<li><a href="{U_FAQ}" class="mainmenu"><img src="templates/DesignStables/images/icon_mini_faq.gif" border="0" alt="{L_FAQ}" /></a></li>
<li><a href="{U_REGISTER}" class="mainmenu"><img src="templates/DesignStables/images/icon_mini_register.gif" border="0" alt="{L_REGISTER}" /></a></li>
<li><a href="{U_LOGIN_LOGOUT}" class="mainmenu"><img src="templates/DesignStables/images/icon_mini_login.gif" border="0" alt="{L_LOGIN_LOGOUT}" /></a></li>
<li><img src="templates/DesignStables/images/header_portfolio_right.gif" alt="" width="27" height="29" border="0" id="portfolio-right" /></li>
<!-- END switch_user_logged_out -->
</ul>
</div>
<div class="clear"></div>
<div id="bodyforum">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="57" style="background-image: url(templates/DesignStables/images/inner_19.gif)"><img src="templates/DesignStables/images/inner_19.gif" alt="" width="57" height="135" /></td>
<td style="background-color: #f8f8f7;">
En hier is de gerelateerde CSS:
Code: Selecteer alles
#container {
text-align: center;
}
#header {
margin: 0 auto;
background-image: url(/images/header.gif);
height: 108px;
width: 704px;
}
.clear {
clear:both;
}
#navbar {
margin: 0 auto;
padding: 0;
background-image: url(/images/header_navbar.gif);
height: 27px;
width: 704px;
}
#navbar ul {
list-style-type: none;
margin: 0 auto;
padding: 0;
width: 363px;
height: 27px;
}
#navbar li {
float: left;
display: inline;
padding: 0;
height: 27px;
white-space: nowrap;
}
#portfolio {
margin: 0 auto;
padding: 0;
background-image: url(/images/header_portfoliobar.gif);
height: 29px;
width: 704px;
}
#portfolio ul {
list-style-type: none;
margin: 0 auto;
padding: 0;
width: 704px;
}
#portfolio li {
float: left;
display: inline;
padding: 0;
white-space: nowrap;
}
Ik hoop dat jullie hier iets mee zijn. Het is nu wel in orde voor FireFox en Opera, maar in IE zie je nog steeds een herhaling.
Geplaatst: 06 jul 2006, 12:50
door Nymphy
ik kan zo ook niet direct een fout ontdekken..
Ik zal kijken of ik strax nog wat meer tijd heb om er iets uitgebreider naar te kijken