✔ Grafisches Menü im Header

[Maik]

Kann auch nicht, denn hier fehlt das #-Zeichen für den ID-Bezeichner:

#menu {
list-style:none;
margin:50px 20px 40px 10px; /* Außenabstand oben - rechts - unten - links */
padding:0;
}

mfg Maik

 

[mariographics]

ok danke dir!!
so jetzt die letzte frage...

Wie bekomm ich das Menü jetzt in den Header hoch?

 

[Maik]

Indem du es in den Header-Bereich einbettest:

<table id="Tabelle_01" width="868" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td style="background:url(Bilder/original_03_01.png); width:868px; height:130px;">
       <ul id="menu">
           <li><a href="#" id="home"><span>Home</span></a></li>
           <li><a href="#" id="graphics"><span>Graphics</span></a></li>
           <li><a href="#" id="designs"><span>Designs</span></a></li>
           <li><a href="#" id="requests"><span>Requests</span></a></li>
           <li><a href="#" id="archiv"><span>Archiv</span></a></li>
           <li><a href="#" id="sonstiges"><span>Sonstiges</span></a></li>
       </ul>
    </td>
  </tr>
</table>

Und hier mal anhand eines <div>-Elements:

<div id="header">
     <ul id="menu">
         <li><a href="#" id="home"><span>Home</span></a></li>
         <li><a href="#" id="graphics"><span>Graphics</span></a></li>
         <li><a href="#" id="designs"><span>Designs</span></a></li>
         <li><a href="#" id="requests"><span>Requests</span></a></li>
         <li><a href="#" id="archiv"><span>Archiv</span></a></li>
         <li><a href="#" id="sonstiges"><span>Sonstiges</span></a></li>
     </ul>
</div>

Diesen DIV-Block kannst du nun wie folgt formatieren:

#header {
width:868px;
height:130px;
background:url(Bilder/original_03_01.png);
}

Wie du siehst, löst sich die Tabelle Stück für Stück in Luft auf

Tabellen dienen nämlich semantisch nicht als Gestaltungswerkzeug einer Webseite, sondern um darin Daten / Inhalte in tabellarischer Form auszugeben.

Warum Layout mit Tabellen dumm ist: Probleme definiert, Lösungen angeboten

mfg Maik

 

[mariographics]

ok danke du hast mir sehr geholfen!!
Nur wenn ich das Menü jetzt im Header einfüge dann ist dass ganz oben im header....will das aber manuel positionieren.

Wenn ich jetzt das margin:0px 0px 150px 0px; eingebe dann geht das ganze Design um 150px nach unten und nicht das Menü

mfg Elias

 

[Maik]

Dann versuch es mal mit dem Außenabstand nach oben, wo sich das Menü zunächst im Header-Bereich auch befindet, damit es nach unten verrückt wird:

margin:150px 0 0 0 ; /* Außenabstand oben - rechts - unten - links */

mfg Maik

 

[mariographics]

hmm klappt auch nicht....
da geht dann auch das ganze Design nach unten

 

[Maik]

Hast du mal einen Link zu deiner Seite parat?

mfg Maik

 

[mariographics]

hmm klappt auch nicht
da geht wieder das gesamt Design nach unten

 

[Maik]

Jo, soweit waren wir schon :suspekt:

hmm klappt auch nicht....
da geht dann auch das ganze Design nach unten

mfg Maik

 

[mariographics]

ja habs grad mal hochgeladen

http://mariographics.de/test/indextest.php

ups sry hab ausversehn 2mal gepostet