Pagina 1 van 1

Ruimte tussen header en navbar, search box weg halen

Geplaatst: 26 okt 2007, 15:36
door emrulez
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

Re: vraagje

Geplaatst: 26 okt 2007, 16:35
door Gamemaniak
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 ;)

Re: vraagje

Geplaatst: 26 okt 2007, 16:37
door Raimon
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 ;)

Re: vraagje

Geplaatst: 26 okt 2007, 16:52
door emrulez
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?

Re: vraagje

Geplaatst: 26 okt 2007, 17:21
door Gamemaniak
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 ;)

Re: vraagje

Geplaatst: 28 okt 2007, 16:03
door brandsrus
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!

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

Geplaatst: 28 okt 2007, 16:22
door emrulez
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

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

Geplaatst: 28 okt 2007, 16:22
door Gamemaniak
Is een foutje van mij :?

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

Geplaatst: 28 okt 2007, 16:23
door brandsrus
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">

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

Geplaatst: 28 okt 2007, 16:35
door Johan
Waarom niet 2x een <br /> ??

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

Geplaatst: 28 okt 2007, 17:01
door Gamemaniak
10th_user schreef:Waarom niet 2x een <br /> ??
Dat kan ook, maar waarom als het simpeler kan ;)

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

Geplaatst: 28 okt 2007, 17:03
door Johan
Ik vind <br /><br /> beter hoor.. want met <p> zou je ook nog rare errors kunnen krijgen :)

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

Geplaatst: 28 okt 2007, 18:25
door lifeguard
10th_user schreef:Ik vind <br /><br /> beter hoor.. want met <p> zou je ook nog rare errors kunnen krijgen :)
Oja? Welke dan?

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

Geplaatst: 28 okt 2007, 19:06
door brandsrus
Te veel <br /> tags is slordig, <p> tags zijn netter

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

Geplaatst: 28 okt 2007, 19:42
door Johan
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

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

Geplaatst: 28 okt 2007, 21:07
door Raimon
met css postionering is nog véél mooier ;)
Maar dit is en blijft de keuze van de maker.

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

Geplaatst: 28 okt 2007, 22:23
door emrulez
wat is mooier ?? welke maker?

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

Geplaatst: 30 okt 2007, 19:11
door Daan
emrulez schreef:wat is mooier ?? welke maker?
CSS Postitioneren
De maker van de stijl