Hilfe bei Homepagebau benötigt

y.FuL

Hi Leute!

Ich hab ein Problem:

Ich bin gerade dabei eine Homepage zu bauen ( http://www.rheingau-planet.de/test/ ).
Wie ihr seht, habe ich eine Menuleiste die über die fast komplette Seite gezogen wird. Ich brauche aber nun auch noch einen Content und dazu noch eine rechte Menuleiste.

Bitte schaut euch den Quelltext an und sagt mir, wieso das nicht geht?
Eigentlich müsste ich den Code für die Menuleiste Links nur so verändern, dass er sich auf den Content in der Mitte un die Menuleiste rechts bezieht.
Aber ich bekomme das nicht hin

Würd mich sehr freuen, wenn ihr mir dabei helfen könntet, da ich nun seit 3 Tagen an dem Problem sitze und es einfach nicht gelöst bekomme.

Bis jetzt habe ich alles mit DIV's und Tabellen gemacht, wäre schön wenn ihr das, falls ihr mir helfen könnt, nicht durcheinander werft.

Danke schonmal im Vorraus.
y.FuL

y.FuL

Okay, damit ihr jetzt direkt mal schauen könnt:

HTML

<html>
<head>
<link rel="stylesheet" type="text/css" href="cssdatei.css">
<script type="text/javascript" src="java.js"></script>
</head>
<body background="bg.gif">
<div align="center">
	<table border="0" cellpadding="0" cellspacing="0" width="760">
<tr>
	<td>[img]top.gif[/img]</td>
</tr>
<tr>
	<td>[img]header.gif[/img]</td>
</tr>
<tr>
	<td>[img]werbung.jpg[/img]</td>
</tr>
</div>
</table>
	<table border="0" cellpadding="0" cellspacing="0" width="100">
<tr height="18">
	<td height="18" background="kath.gif" valign="middle" align="left" width="100">
	<div style="font-weight:bold;font-family:Arial,Verdana,Tahoma;font-size:12px;margin-left:10px;">» 1. kath</div>
</td>
</tr>


<tr>
	<td background="navili.gif">
	<div style="margin-left:10px;margin-bottom:3px;margin-top:1px;font-family:Arial,Verdana,Tahoma;font-size:12px;">
	[img]dot.gif[/img] [url='index.htm']blub[/url]


	[img]dot.gif[/img] [url='index.htm']blub[/url]


	[img]dot.gif[/img] [url='index.htm']blub[/url]


</td>
</tr>
</div>
<tr height="18">
	<td height="18" background="kath.gif" valign="middle" align="left">
	<div style="font-weight:bold;font-family:Arial,Verdana,Tahoma;font-size:12px;margin-left:10px;">» 2. kath</div>
</td>
</tr>


<tr>
	<td background="navili.gif" width="70" border="1">
	<div style="margin-left:10px;margin-bottom:3px;margin-top:1px;font-family:Arial,Verdana,Tahoma;font-size:12px;">
	[img]dot.gif[/img] [url='index.htm']blub[/url]


	[img]dot.gif[/img] [url='index.htm']blub[/url]


	[img]dot.gif[/img] [url='index.htm']blub[/url]


</td>
</tr>
<tr>
	<td>[img]foot.jpg[/img]</td>
</tr>
</div>
</table>
</body>
</html>

Alles anzeigen

Kann mir jetzt jemand sagen, wo ich was machen muss damit das funktioniert?

Ronald

Moin!

ich hab's 10x gelesen, 3 Kaffee dazu getrunken und immer noch nicht verstanden

Versuche doch bitte noch einmal zu erklären, was du vor hast.

Danke!

Ronald

y.FuL

Okay... also schau dir nochmal http://www.rheingau-planet.de/test/ an .

Im Moment ist da ja nur eine Menuleiste links (Die mit den ganz vielen "blub's" und dem 1. kath und 2. kath)
Das wird das Menu, die Navigation.

Genau das selbe, brauche ich nochmal für die rechte Seite, damit ich rechts auch noch ein Menu für Votes o.ä. habe.
UND
Ich brauche einen Content, in dem dann die aufgerufenen Seiten angezeigt werden.

Guck im Attachment

Ich hoffe ich habe es jetzt bisschen verständlicher beschrieben.

Ronald

Zitat von y.FuL

Ich hoffe ich habe es jetzt bisschen verständlicher beschrieben.

Ja, nun hab ich es geschnallt.

Ich würde das Problem mit Tabellen und/oder Framesets lösen.

Ich habe deinen Quelltext mal schnell umgeschrieben, hoffe du verstehst es - sonst frag einfach, bin aber morgen erst wieder online.

Lösung mit Tabellen und einem I-Frame:

HTML

<html>
<head>
<link rel="stylesheet" type="text/css" href="cssdatei.css">
<script type="text/javascript" src="java.js"></script>
</head>
<body style="background-image:url(bg.gif); margin:0;">
   <table align="center" border="0" cellpadding="0" cellspacing="0" width="760">
     <tr>
       <td>[img]top.gif[/img]</td>
     </tr>
     <tr>
       <td>[img]header.gif[/img]</td>
     </tr>
     <tr>
       <td>[img]werbung.jpg[/img]</td>
     </tr>
     <tr>
       <td valign=top>
       <table align="center" border="0" cellpadding="0" cellspacing="0">
         <tr>
           <td width="100" valign=top>
             <table align="center" border="0" cellpadding="0" cellspacing="0" width="100">
               <tr>
                 <td height="18" background="kath.gif" valign="middle" align="left" width="100">
                   <div style="font-weight:bold;font-family:Arial,Verdana,Tahoma;font-size:12px;margin-left:10px;">» 1. kath</div>
                 </td>
               </tr>
               <tr>
                 <td background="navili.gif">
                   <div style="margin-left:10px;margin-bottom:3px;margin-top:1px;font-family:Arial,Verdana,Tahoma;font-size:12px;">
                   [img]dot.gif[/img] [url='index.htm']blub[/url]


                   [img]dot.gif[/img] [url='index.htm']blub[/url]


                   [img]dot.gif[/img] [url='index.htm']blub[/url]


                 </td>
               </tr>
               <tr>
                 <td height="18" background="kath.gif" valign="middle" align="left">
                   <div style="font-weight:bold;font-family:Arial,Verdana,Tahoma;font-size:12px;margin-left:10px;">» 2. kath</div>
                 </td>
               </tr>
               <tr>
                 <td background="navili.gif" width="70" border="1">
                   <div style="margin-left:10px;margin-bottom:3px;margin-top:1px;font-family:Arial,Verdana,Tahoma;font-size:12px;">
                   [img]dot.gif[/img] [url='index.htm']blub[/url]


                   [img]dot.gif[/img] [url='index.htm']blub[/url]


                   [img]dot.gif[/img] [url='index.htm']blub[/url]


                 </td>
               </tr>
             </table>
           </td>
           <td width="560"><iframe width="560" height="400" name="ausgabe" src="irgendeineseite.html"></iframe></td>
           <td width="100" valign=top>
             <table align="center" border="0" cellpadding="0" cellspacing="0" width="100">
               <tr>
                 <td height="18" background="kath.gif" valign="middle" align="left" width="100">
                   <div style="font-weight:bold;font-family:Arial,Verdana,Tahoma;font-size:12px;margin-left:10px;">» 1. kath</div>
                 </td>
               </tr>
               <tr>
                 <td background="navili.gif">
                   <div style="margin-left:10px;margin-bottom:3px;margin-top:1px;font-family:Arial,Verdana,Tahoma;font-size:12px;">
                   [img]dot.gif[/img] [url='index.htm']blub[/url]


                   [img]dot.gif[/img] [url='index.htm']blub[/url]


                   [img]dot.gif[/img] [url='index.htm']blub[/url]


                 </td>
               </tr>
               <tr>
                 <td height="18" background="kath.gif" valign="middle" align="left">
                   <div style="font-weight:bold;font-family:Arial,Verdana,Tahoma;font-size:12px;margin-left:10px;">» 2. kath</div>
                 </td>
               </tr>
               <tr>
                 <td background="navili.gif" width="70" border="1">
                   <div style="margin-left:10px;margin-bottom:3px;margin-top:1px;font-family:Arial,Verdana,Tahoma;font-size:12px;">
                   [img]dot.gif[/img] [url='index.htm']blub[/url]


                   [img]dot.gif[/img] [url='index.htm']blub[/url]


                   [img]dot.gif[/img] [url='index.htm']blub[/url]


                 </td>
               </tr>
             </table>
           </td>
         </tr>
         <tr>
         <tr>
           <td colspan=3>[img]foot.jpg[/img]</td>
         </tr>
       </table>
     </td>
   </tr>
</table>


</body>
</html>

Alles anzeigen

Gruß aus der Marsch!

Ronald

y.FuL

yiha geil, dankeschön!

Tags