Ruimte tussen header en navbar, search box weg halen

Hulp nodig bij een stijl? Voor zowel XHTML/CSS als grafische vragen uiteraard gerelateerd aan phpBB3.
Forumregels

LEES: Richtlijnen voor Support. Vul de support template in!
phpBB3.0.x
Verschaf iemand geen servertoegang tenzij het niet anders kan. Maak altijd eerst een volledige backup en verander de inloggevens na afloop. Eigen risico.
Plaats reactie
Gebruikersavatar
emrulez
Berichten: 631
Lid geworden op: 06 dec 2005, 09:01
Contacteer:

Ruimte tussen header en navbar, search box weg halen

Bericht door emrulez » 26 okt 2007, 15:36

http://i24.tinypic.com/2qk5o2b.png

hoe zorg ik er voor dat er ruimte zit tussen de header en de navbar?
en hoe haal ik de search box weg?

mijn overall_header.html
Spoiler: bekijk
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}" xml:lang="{S_USER_LANG}">
<head>

<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="content-language" content="{S_USER_LANG}" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="resource-type" content="document" />
<meta name="distribution" content="global" />
<meta name="copyright" content="2002-2006 phpBB Group" />
<meta name="keywords" content="" />
<meta name="description" content="" />
{META}
<title>{SITENAME} &bull; <!-- IF S_IN_MCP -->{L_MCP} &bull; <!-- ELSEIF S_IN_UCP -->{L_UCP} &bull; <!-- ENDIF -->{PAGE_TITLE}</title>

<!--
phpBB style name: prosilver
Based on style: prosilver (this is the default phpBB3 style)
Original author: Tom Beddard ( http://www.subBlue.com/ )
Modified by:

NOTE: This page was generated by phpBB, the free open-source bulletin board package.
The phpBB Group is not responsible for the content of this page and forum. For more information
about phpBB please visit http://www.phpbb.com
-->

<script type="text/javascript">
// <![CDATA[
var jump_page = '{LA_JUMP_PAGE}:';
var on_page = '{ON_PAGE}';
var per_page = '{PER_PAGE}';
var base_url = '{A_BASE_URL}';
var style_cookie = 'phpBBstyle';
var onload_functions = new Array();
var onunload_functions = new Array();

<!-- IF S_USER_PM_POPUP -->
if ({S_NEW_PM})
{
popup('{UA_POPUP_PM}', 400, 225, '_phpbbprivmsg');
}
<!-- ENDIF -->

/**
* Find a member
*/
function find_username(url)
{
popup(url, 760, 570, '_usersearch');
return false;
}

/**
* New function for handling multiple calls to window.onload and window.unload by pentapenguin
*/
window.onload = function()
{
for (i = 0; i <= onload_functions.length; i++)
{
eval(onload_functions);
}
}

window.onunload = function()
{
for (i = 0; i <= onunload_functions.length; i++)
{
eval(onunload_functions);
}
}

// ]]>
</script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/styleswitcher.js"></script>
<script type="text/javascript" src="{T_TEMPLATE_PATH}/forum_fn.js"></script>

<link href="{T_THEME_PATH}/print.css" rel="stylesheet" type="text/css" media="print" title="printonly" />
<link href="{T_STYLESHEET_LINK}" rel="stylesheet" type="text/css" media="screen, projection" />

<link href="{T_THEME_PATH}/normal.css" rel="stylesheet" type="text/css" title="A" />
<link href="{T_THEME_PATH}/medium.css" rel="alternate stylesheet" type="text/css" title="A+" />
<link href="{T_THEME_PATH}/large.css" rel="alternate stylesheet" type="text/css" title="A++" />

<!-- IF S_CONTENT_DIRECTION eq 'rtl' -->
<link href="{T_THEME_PATH}/bidi.css" rel="stylesheet" type="text/css" media="screen, projection" />
<!-- ENDIF -->

</head>

<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">

<div id="wrap">
<a id="top" name="top" accesskey="t"></a>
<div id="page-header">
<div class="headerbar">
<div class="inner">
<div class="header-space">

<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
<div id="search-box">
<form action="{U_SEARCH}" method="post" id="search">
<fieldset>
<input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" />
<input class="button2" value="{L_SEARCH}" type="submit" /><br />
<a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_HIDDEN_FIELDS}
</fieldset>
</form>
</div>
<!-- ENDIF -->

</div>
<span class="corners-bottom"><span></span></span></div>
</div>

<div class="navbar">
<div class="inner"><span class="corners-top"><span></span></span>

<ul class="linklist navlinks">
<li class="icon-home"><a href="{U_INDEX}" accesskey="h">{L_INDEX}</a> <!-- BEGIN navlinks --> <strong>&#8249;</strong> <a href="{navlinks.U_VIEW_FORUM}">{navlinks.FORUM_NAME}</a><!-- END navlinks --></li>

<li class="rightside"><a href="#" onclick="fontsizeup(); return false;" class="fontsize" title="{L_CHANGE_FONT_SIZE}">{L_CHANGE_FONT_SIZE}</a></li>

<!-- IF U_EMAIL_TOPIC --><li class="rightside"><a href="{U_EMAIL_TOPIC}" title="{L_EMAIL_TOPIC}" class="sendemail">{L_EMAIL_TOPIC}</a></li><!-- ENDIF -->
<!-- IF U_EMAIL_PM --><li class="rightside"><a href="{U_EMAIL_PM}" title="{L_EMAIL_PM}" class="sendemail">{L_EMAIL_PM}</a></li><!-- ENDIF -->
<!-- IF U_PRINT_TOPIC --><li class="rightside"><a href="{U_PRINT_TOPIC}" title="{L_PRINT_TOPIC}" accesskey="p" class="print">{L_PRINT_TOPIC}</a></li><!-- ENDIF -->
<!-- IF U_PRINT_PM --><li class="rightside"><a href="{U_PRINT_PM}" title="{L_PRINT_PM}" accesskey="p" class="print">{L_PRINT_PM}</a></li><!-- ENDIF -->
</ul>

<!-- IF not S_IS_BOT and S_USER_LOGGED_IN -->
<ul class="linklist leftside">
<li class="icon-ucp">
<a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="u">{L_PROFILE}</a>
<!-- IF S_DISPLAY_PM --> (<a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a>)<!-- ENDIF --> &bull;
<a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>
<!-- IF U_RESTORE_PERMISSIONS --> &bull;
<a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a>
<!-- ENDIF -->
</li>
</ul>
<!-- ENDIF -->

<ul class="linklist rightside">
<li class="icon-faq"><a href="{U_FAQ}" title="{L_FAQ_EXPLAIN}">{L_FAQ}</a></li>
<!-- IF not S_IS_BOT -->
<!-- IF S_DISPLAY_MEMBERLIST --><li class="icon-members"><a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}">{L_MEMBERLIST}</a></li><!-- ENDIF -->
<!-- IF not S_USER_LOGGED_IN --><li class="icon-register"><a href="{U_REGISTER}">{L_REGISTER}</a></li><!-- ENDIF -->
<li class="icon-logout"><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="l">{L_LOGIN_LOGOUT}</a></li>
<!-- ENDIF -->
</ul>

<span class="corners-bottom"><span></span></span></div>
</div>

</div>

<a name="start_here"></a>
<div id="page-body">

<!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN and (U_MCP or U_ACP) -->
<div id="message" class="rules">
<div class="inner"><span class="corners-top"><span></span></span>
<strong>{L_INFORMATION}:</strong> {L_BOARD_DISABLED}
<span class="corners-bottom"><span></span></span></div>
</div>

<!-- ENDIF -->


Titel verduidelijkt
- Derky
Afbeelding

Gebruikersavatar
Gamemaniak
Berichten: 1747
Lid geworden op: 14 nov 2005, 19:03
Locatie: Westdorpe
Contacteer:

Re: vraagje

Bericht door Gamemaniak » 26 okt 2007, 16:35

Vind:

Code: Selecteer alles

<div class="navbar">
Plaats daarvoor:

Code: Selecteer alles

<p />
Als het goed is zit er nu ruimt tussen, maar dit zijn toch wel de bassisbeginselen van html ;)

Raimon
Berichten: 4397
Lid geworden op: 27 aug 2005, 12:59
Contacteer:

Re: vraagje

Bericht door Raimon » 26 okt 2007, 16:37

Alleen is de </p> tag niet compleet, resultaat een gesloten tag die niet eens open is.
Aangezien je de wit regel altijd met <p> moet starten ;)

Gebruikersavatar
emrulez
Berichten: 631
Lid geworden op: 06 dec 2005, 09:01
Contacteer:

Re: vraagje

Bericht door emrulez » 26 okt 2007, 16:52

Gamemaniak schreef:Vind:

Code: Selecteer alles

<div class="navbar">
Plaats daarvoor:

Code: Selecteer alles

<p />
Als het goed is zit er nu ruimt tussen, maar dit zijn toch wel de bassisbeginselen van html ;)
Bedankt en het kan wel het basis zijn maar ik kan geen html , geen php en geen css alleen wat java.

P.S hoe haal ik de zoek balk weg uit de header?
Afbeelding

Gebruikersavatar
Gamemaniak
Berichten: 1747
Lid geworden op: 14 nov 2005, 19:03
Locatie: Westdorpe
Contacteer:

Re: vraagje

Bericht door Gamemaniak » 26 okt 2007, 17:21

Dat stukje weghalen, maar dat kan je ook uitschakelen in het beheerderspaneel volgens mij ;)

Code: Selecteer alles

<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
<div id="search-box">
<form action="{U_SEARCH}" method="post" id="search">
<fieldset>
<input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" />
<input class="button2" value="{L_SEARCH}" type="submit" /><br />
<a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_HIDDEN_FIELDS}
</fieldset>
</form>
</div>
<!-- ENDIF --> 
Het is trouwens wel handig als je je forum wilt aanpassen dat je een beetje html leert ;)

Gebruikersavatar
brandsrus
Berichten: 1966
Lid geworden op: 01 jul 2005, 19:38
Locatie: r. Лeувapдeн
Contacteer:

Re: vraagje

Bericht door brandsrus » 28 okt 2007, 16:03

Gamemaniak schreef:Vind:

Code: Selecteer alles

<div class="navbar">
Plaats daarvoor:

Code: Selecteer alles

<p />
Als het goed is zit er nu ruimt tussen, maar dit zijn toch wel de bassisbeginselen van html ;)
In de post hierboven zeg je iets wat je zelf schijnbaar ook niet kan? Dus waarom zou die dan html leren? <p /> tag bestaat niet en moet altijd <p> </p> zijn. Behalve bij sommige tags als <br /> en <img /> die kunnen in geopend en gesloten worden. Had je kunnen weten!

Gebruikersavatar
emrulez
Berichten: 631
Lid geworden op: 06 dec 2005, 09:01
Contacteer:

Re: Ruimte tussen header en navbar, search box weg halen

Bericht door emrulez » 28 okt 2007, 16:22

is het zo goed of niet

Code: Selecteer alles

				</div>
			<span class="corners-bottom"><span></span></span></div>
		</div>
        <p>
	  <p />
		<div class="navbar">
er is zo wel een wit regel
Laatst gewijzigd door emrulez op 28 okt 2007, 16:22, 1 keer totaal gewijzigd.
Afbeelding

Gebruikersavatar
Gamemaniak
Berichten: 1747
Lid geworden op: 14 nov 2005, 19:03
Locatie: Westdorpe
Contacteer:

Re: Ruimte tussen header en navbar, search box weg halen

Bericht door Gamemaniak » 28 okt 2007, 16:22

Is een foutje van mij :?

Gebruikersavatar
brandsrus
Berichten: 1966
Lid geworden op: 01 jul 2005, 19:38
Locatie: r. Лeувapдeн
Contacteer:

Re: Ruimte tussen header en navbar, search box weg halen

Bericht door brandsrus » 28 okt 2007, 16:23

emrulez schreef:is het zo goed of niet

Code: Selecteer alles

				</div>
			<span class="corners-bottom"><span></span></span></div>
		</div>
        <p>
	  <p />
		<div class="navbar">
Vervangen door

Code: Selecteer alles

				</div>
			<span class="corners-bottom"><span></span></span></div>
		</div>
        <p>
	  </p>
		<div class="navbar">

Gebruikersavatar
Johan
Berichten: 2376
Lid geworden op: 05 mei 2007, 15:24
Locatie: memberlist.php

Re: Ruimte tussen header en navbar, search box weg halen

Bericht door Johan » 28 okt 2007, 16:35

Waarom niet 2x een <br /> ??
Voormalig Support Teamlid

Gebruikersavatar
Gamemaniak
Berichten: 1747
Lid geworden op: 14 nov 2005, 19:03
Locatie: Westdorpe
Contacteer:

Re: Ruimte tussen header en navbar, search box weg halen

Bericht door Gamemaniak » 28 okt 2007, 17:01

10th_user schreef:Waarom niet 2x een <br /> ??
Dat kan ook, maar waarom als het simpeler kan ;)

Gebruikersavatar
Johan
Berichten: 2376
Lid geworden op: 05 mei 2007, 15:24
Locatie: memberlist.php

Re: Ruimte tussen header en navbar, search box weg halen

Bericht door Johan » 28 okt 2007, 17:03

Ik vind <br /><br /> beter hoor.. want met <p> zou je ook nog rare errors kunnen krijgen :)
Voormalig Support Teamlid

lifeguard
Berichten: 2861
Lid geworden op: 05 jul 2005, 08:20
Locatie: Dakloos
Contacteer:

Re: Ruimte tussen header en navbar, search box weg halen

Bericht door lifeguard » 28 okt 2007, 18:25

10th_user schreef:Ik vind <br /><br /> beter hoor.. want met <p> zou je ook nog rare errors kunnen krijgen :)
Oja? Welke dan?
Doenwenu.nl Een site over van alles ... zeg maar

Gebruikersavatar
brandsrus
Berichten: 1966
Lid geworden op: 01 jul 2005, 19:38
Locatie: r. Лeувapдeн
Contacteer:

Re: Ruimte tussen header en navbar, search box weg halen

Bericht door brandsrus » 28 okt 2007, 19:06

Te veel <br /> tags is slordig, <p> tags zijn netter

Gebruikersavatar
Johan
Berichten: 2376
Lid geworden op: 05 mei 2007, 15:24
Locatie: memberlist.php

Re: Ruimte tussen header en navbar, search box weg halen

Bericht door Johan » 28 okt 2007, 19:42

lifeguard schreef:
10th_user schreef:Ik vind <br /><br /> beter hoor.. want met <p> zou je ook nog rare errors kunnen krijgen :)
Oja? Welke dan?
naja, ik kan overal een error mee krijgen ;)


maar met <br /> kan je heel makkelijk de afstand een klein beetje vergroten/verkleinen
Voormalig Support Teamlid

Raimon
Berichten: 4397
Lid geworden op: 27 aug 2005, 12:59
Contacteer:

Re: Ruimte tussen header en navbar, search box weg halen

Bericht door Raimon » 28 okt 2007, 21:07

met css postionering is nog véél mooier ;)
Maar dit is en blijft de keuze van de maker.

Gebruikersavatar
emrulez
Berichten: 631
Lid geworden op: 06 dec 2005, 09:01
Contacteer:

Re: Ruimte tussen header en navbar, search box weg halen

Bericht door emrulez » 28 okt 2007, 22:23

wat is mooier ?? welke maker?
Afbeelding

Daan
Berichten: 1060
Lid geworden op: 22 jun 2006, 19:59
Locatie: Nijmegen

Re: Ruimte tussen header en navbar, search box weg halen

Bericht door Daan » 30 okt 2007, 19:11

emrulez schreef:wat is mooier ?? welke maker?
CSS Postitioneren
De maker van de stijl

Plaats reactie