Positionierungs Problem im Header

Akio · Beitrag von **Akio** » 14.09.2009 01:18

Hallo wieder =)

sry wieder... mein server ist immernoch nicht fitt -.- die domain funzt nach wie vor noch nicht... kann daher keinen link grad schicken =( hoffe die daten reichen... mache so ausführlich wies geht, aber trotzdem so knapp wies geht

um nicht zu sehr zu verwirren =)

Also... diesmal habe ich ein Problem mit dem Posititionieren von selbst zusammenkopierten links aus anderen bereichen des forums... wollte platz sparen im forum und habe die wichtigsten funktionen in den headerkopiert... aber leider bekomm ich das erstens nicht richtig positioniert, besonders im IE siehts total komisch verschoben aus... und naja bei dem (0 neue Nachrichten) habe ich die klammern weg gemacht und davor "Du hast" geschrieben... aber hab da noch nicht dran gedacht das wenn ein user nicht eingeloggt ist da immernoch dieses "Du hast" steht

das sieht ein wenig komisch aus =) sollte schon so sein das das zusammen hängt... also das wenn user nicht eingeloggt ist da kein du hast steht, aber wenn er eingeloggt ist der ganze satz da steht "Du hast 0 neue Nachrichten" und zu allem übel habe ich ein ähnliches problem mit "Eigene Beiträg" das wird auch angezeigt wenn ein User NICHT eingeloggt ist... das sollte auch erst dann angezeigt sein wenn der user eingeloggt ist.. könnte mir einer bitte verraten wie das geht? =) nehme an habe in der ganzen zeile:

Code: Alles auswählen

<div id="headerdaten">
<p class="{S_CONTENT_FLOW_END}<!-- IF S_USER_LOGGED_IN --> rightside<!-- ENDIF -->"><!-- IF S_USER_LOGGED_IN -->{LAST_VISIT_DATE}<!-- ELSE -->{CURRENT_TIME}<!-- ENDIF --><br />
Du hast <a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a> - <a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></p>
</div>

irgendwas falsch gemacht... wenn nich sogar alles lol... ist vieleicht auch keine gude idee gewesen das ganze in eine extra div zu packen... aber wusste nich wie ich es sonst positionieren soll =/

also kurz zusammen fassung der probleme:

Positionierung von:

Dein letzter Besuch: So 13. Sep 2009, 16:59
Du hast 0 neue Nachrichten - Eigene Beiträg

das rote wird immer angezeigt... logischerweise weil ich es ja einfach in den header overall reingeschrieben habe... weil ich nich weis wies eben richtig geht...

und das Eigene Beiträge soll auch nur angezeigt werden wenn der User eingeloggt ist...

Hier der code von der ganzen Overeall_Header File:

Code: Alles auswählen

<!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="2000, 2002, 2005, 2007 phpBB Group" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
{META}
<title>{SITENAME} &bull; <!-- IF S_IN_MCP -->{L_MCP} &bull; <!-- ELSEIF S_IN_UCP -->{L_UCP} &bull; <!-- ENDIF -->{PAGE_TITLE}</title>

<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 style_cookie_settings = '{A_COOKIE_SETTINGS}';
	var onload_functions = new Array();
	var onunload_functions = new Array();

	<!-- IF S_USER_PM_POPUP -->
		if ({S_NEW_PM})
		{
			var url = '{UA_POPUP_PM}';
			window.open(url.replace(/&/g, '&'), '_phpbbprivmsg', 'height=225,resizable=yes,scrollbars=yes, width=400');
		}
	<!-- 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 (var i = 0; i < onload_functions.length; i++)
		{
			eval(onload_functions[i]);
		}
	}

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

// ]]>
</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 -->



<script type="text/javascript" src="{T_TEMPLATE_PATH}/editor.js"></script>


</head>

<body id="phpbb" class="section-{SCRIPT_NAME} {S_CONTENT_DIRECTION}">
<div id="bodybg">
	<div id="wrapper">
		<div>
			<div>
				<div id="header">

					<div>
						<div>
							<div id="userarea" class="smalltext">
							  

						  </div>

						<a href="{U_INDEX}"><span id="logo">&nbsp;</span></a>
						<a href="{U_TEAM}"><span id="teamposition">&nbsp;</span></a>
						<div id="headerdaten">
						  <p class="{S_CONTENT_FLOW_END}<!-- IF S_USER_LOGGED_IN --> rightside<!-- ENDIF -->"><!-- IF S_USER_LOGGED_IN -->{LAST_VISIT_DATE}<!-- ELSE -->{CURRENT_TIME}<!-- ENDIF --><br />
					      Du hast <a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a> - <a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></p>
						</div>
						</div>
					</div>
				</div>
				<div id="toolbar">
					
		<div id="topmenu">

			<ul>
			<li><a  href="{U_INDEX}"><span>{L_INDEX}</span></a></li>
			<li><a  href="{U_PROFILE}"><span>{L_PROFILE}</span></a></li>
			<li><a  href="{U_SEARCH}"><span>{L_SEARCH}</span></a></li>
			<li><a  href="{U_FAQ}"><span>{L_FAQ}</span></a></li>
			<li><a  href="{U_MEMBERLIST}"><span>{L_MEMBERLIST}</span></a></li>
			<li><a  href="{U_REGISTER}"><span>{L_REGISTER}</span></a></li>
			<li><a  href="{U_LOGIN_LOGOUT}"><span>{L_LOGIN_LOGOUT}</span></a></li>
			</ul>
		</div>
				</div>
<div id="bodyarea">
<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 -->
</div>

und hier die dazugehörigen CSS einträge:

Code: Alles auswählen

#logo {
    position: absolute;
    top: 10px;
    left: 10px;
    display: block;
    width: 400px;
    height: 40px;
    cursor: pointer;
    background: url("{T_THEME_PATH}/images/forumname.png") no-repeat;
}

#userarea {
    height: 73px;
    float: left;
    padding: 0 0 0 5px;
    text-align: right;
    font-size: 1.0em;
    color: #000000;
    font-family: tahoma, sans-serif;
}

#teamposition {
    position: absolute;
    top: 50px;
    left: 350px;
    display: block;
    width: 100px;
    height: 20px;
    cursor: pointer;
    background: url("{T_THEME_PATH}/images/das_team.png") no-repeat;
}

#headerdaten {
    float: left;
    padding: 210px 0 0 0;
}

Beitrag von **franki** » 14.09.2009 01:36

Versuche es mal so

Code: Alles auswählen

<div id="headerdaten">
<p class="{S_CONTENT_FLOW_END}<!-- IF S_USER_LOGGED_IN --> rightside<!-- ENDIF -->"><!-- IF S_USER_LOGGED_IN -->{LAST_VISIT_DATE}<!-- ELSE -->{CURRENT_TIME}<!-- ENDIF --><br />
<!-- IF S_USER_LOGGED_IN -->Du hast <a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a> - <!-- ENDIF --><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></p>
</div>

Akio · Beitrag von **Akio** » 14.09.2009 12:41

danke =) wieder was dazu gelernt

nun hab ich nur noch das problem mit der positionierung des textes... der is irgendwie rechtsbündig wieso auch immer...

[ externes Bild ]

soll aber linksbündig sein =) sieht einfach komisch aus sonst... hab das hier in der dazugehörigen CSS ID eingetragen

Code: Alles auswählen

#headerdaten {
    float: left;
    padding: 190px 0 0 0;
    text-align:left;
}

aber irgendwie funktioniert dieses text-align: left; nicht =(

und eine frage noch... gibts einen guide oder irgendwas ähnliches wo man ablesen kann oder das einem sagt welche template datei für welches design der einzelnen sectionen im forum zuständig ist? will dauernd dinge anpassen aber muss dauernd fragen... und das is nervend auf dauer für beide partein ;P nun zb versuch ich raus zu finden wo ich die template finde um das feld wo der avatar drin ist wo auch online steht... schmaler zu machen...

phpBB.de

Positionierungs Problem im Header

Positionierungs Problem im Header

Re: Positionierungs Problem im Header

Re: Positionierungs Problem im Header