Pixel probleem...

Norke · Bericht door **Norke** » 07 jun 2006, 16:32

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?

Norke · Bericht door **Norke** » 16 jun 2006, 18:44

Ik heb het nog steeds niet gevonden... zijn er mensen die het probleem kennen?

Nymphy · Bericht door **Nymphy** » 16 jun 2006, 20:22

hier bij mij (opera) sluit hij toch perfect aan ?

Norke · Bericht door **Norke** » 28 jun 2006, 12:56

Ik teste het in IE en FF... Ik heb Opera nog maar onlangs geinstalleerd. Anyway, het zou voor elke browser goed moeten staan, he?

ElbertF · Bericht door **ElbertF** » 28 jun 2006, 13:19

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).

Code: Selecteer alles

<ul style="margin: 0px;"></ul>

Coen · Bericht door **Coen** » 28 jun 2006, 14:44

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:

berend11 · Bericht door **berend11** » 28 jun 2006, 14:46

mischien moet je het niet als gif opslaan je kan het proberen mischien met png ?

Bee · Bericht door **Bee** » 28 jun 2006, 14:58

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?

Norke · Bericht door **Norke** » 02 jul 2006, 20:18

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....

Norke · Bericht door **Norke** » 03 jul 2006, 13:39

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.

Nymphy · Bericht door **Nymphy** » 05 jul 2006, 01:27

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..

Norke · Bericht door **Norke** » 05 jul 2006, 12:45

Dit is de code van de overal_header:

Code: Selecteer alles

<div id="container">

	<div id="header">&nbsp;</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.

Nymphy · Bericht door **Nymphy** » 06 jul 2006, 12:50

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