Antworten zum Thema „CSS Menü integrieren“

CrowArts · 21.11.2007

Hallo zusammen,

ich habe folgendes Problem. Ich würde gern mein phpbb2 Forum in eine übrige Homepage integrieren. Die eigentliche Homepage besteht im Grundgerüst nur aus einem CSS-Menü, einem Header und eben dem Content. Nun würde ich gerne links neben das Forum (800 Pixel breit) das CSS-Menü einfügen. Hat jemand von euch eine Ahnung wie ich das am besten mache, ohne dass es mir den Rest des Forums komplett hin und her verschiebt?

Silencer_ms · 21.11.2007

AW: CSS Menü integrieren

hast du eine möglichkeit uns zu beschreiben wie die seite genau aufgebaut ist oder kannst du uns ein bild zeigen bzw. ein link geben.
ich kann es mir gerade schlecht vorstellen.

ansonsten würde ich spontan iframe sagen, auch wenn das nicht wirklich schön ist.

CrowArts · 21.11.2007

AW: CSS Menü integrieren

Hier ein Screenshot

Wie man sieht (ganz links) habe ich schon ein Menü reingebracht, allerdings hängt die ganz links und nicht wie ich es will schon neben dem linken Forumrand und das ganze CSS das ich dafür vorgesehen habe ist auch weg (wird nicht angewendet). Zudem liegt der Header nicht direkt auf dem Forum sondern es ist ein kleiner Abstand dazwischen...Probleme über Probleme...
Die Idee mit Frames ist mir auch schon gekommen, mit denen arbeite ich allerdings ungern.

Hier noch der Code von der overall_header Datei, wo ich das "Menü" eingefügt habe.

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="Content-Style-Type" content="text/css">
{META}
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<link rel="stylesheet" href="templates/AcidTechTiger/{T_HEAD_STYLESHEET}" type="text/css">
<script language="javascript" type="text/javascript" src="templates/AcidTechTiger/scripts.js"></script>
<script language="javascript" type="text/javascript" src="templates/AcidTechTiger/formStyle.js"></script>
<link rel="icon" href="templates/AcidTechTiger/images/favicon.ico" />
<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
	if ( {PRIVATE_MESSAGE_NEW_FLAG} )
	{
	/*	window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400'); */
	}
//-->
</script>
<!-- END switch_enable_pm_popup -->
</head>
<body>
<div align="center"><img src="wildnloudweb.jpg" /></div>
<div class="menutitle" style="position:relative; width: 100px; height:50px; left: auto; right:auto; margin-left:100; margin-right:auto; visibility: inherit;" align="center">

<div class="menutitle">
  <div align="left">Wild'n'loud</div>
</div>
<div align="left">
  <ul>
    <li><a href="index.htm">Home</a></li>
    <li><a href="fun.htm">Fun</a></li>
    <li><a href="_blank">Forum</a></li>
    <li><a href="_blank">Gallery</a></li>
  </ul>
</div>
</div>
<a name="top"></a><table width="{T_BODY_BACKGROUND}" cellspacing="0" cellpadding="0" border="0" align="center" id="maintable">
<tr>
	<td valign="top" class="content-row"><table width="800" border="0" align="center" cellpadding="0" cellspacing="0" id="buttonstable">
	<tr>
		<td align="center" valign="top" width="800" id="header-buttons">
			<!-- BEGIN switch_user_logged_out --> 
			<a href="{U_REGISTER}">{L_REGISTER}</a> • 
			<!-- END switch_user_logged_out --> 
			<!-- BEGIN switch_user_logged_in --> 
			<a href="{U_PROFILE}">{L_PROFILE}</a> • 
			<a href="{U_PRIVATEMSGS}">{L_PRIVATEMSGS}</a> • 
			<!-- END switch_user_logged_in --> 
			<a href="{U_SEARCH}">{L_SEARCH}</a> • 
			<a href="{U_FAQ}">{L_FAQ}</a> • 
			<a href="{U_MEMBERLIST}">{L_MEMBERLIST}</a> • 
			<a href="{U_GROUP_CP}">{L_USERGROUPS}</a> • 
			<a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a>		</td>
	</tr>
	</table>
	<table border="0" width="100%" cellspacing="0" cellpadding="0" class="content">
	<tr>
		<td class="content" valign="top">

	<!-- BEGIN switch_user_logged_in -->
	
	<center><div class="pm-{PRIVMSG_IMG}"><a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a></div></center>
	<!-- END switch_user_logged_in -->