Homepage

[goefi-chiangmai]

Ok, hab mal ein Muster gemacht.

Klick auf Untermenü: http://demo-seite.npage.de/nathaly_2_87315562.html

Jetzt kannst dich entscheiden.

[Nathaly]

Sieht ja ganz gut aus ich kann es ja mal einbauen und gucken wie es aus sieht der der Homepage

brauch nur den HTML Code

[goefi-chiangmai]

da brauchst Du kein HTML Code, do kommt eine zusätzliche CSS Menü rein, und eine DIV klasse im HTML teil.

ok versuch mal. (Es sind bereits deine Grafik URL drinnen)

Das ist das komlette untermenu im HTML header teil

Code: Alles auswählen

<tr><td><a target="_self" href="javascript:untermenu('name1');"  id="menu2">Untermenu</a><div id="name1" style="display: none"><div id="menuunter"><a href="#" target="_self" id="menuunter">Untermenülink 01</a> <a href="#" target="_self" id="menuunter">Untermenülink 02</a> <a href="#" target="_self" id="menuunter">Untermenülink 03</a></div></div></td></tr>
<tr><td class="trenn"><img src="http://file1.npage.de/009379/32/bilder/pixelspace.gif" width="1" height="1" border="0" alt=""></td></tr>
<tr><td class="trenn2"><img src="http://file1.npage.de/009379/32/bilder/pixelspace.gif" width="1" height="1" border="0" alt=""></td></tr>

Und dieses menü musst in den css teil machen

Code: Alles auswählen

#menuunter a, #menuunter a:visited , #menuunter a:active {
  display: block;
  color:#111122;
  text-decoration:none;
  font-family: arial, helvetica, tahoma ,verdana,  sans-serif;
  font-size: 14px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-top:0px;
  margin: 0 0 0 0;
  height:30px;
  line-height:30px;
  text-align:center;
  background-image:none;
  background-color:transparent;
  width:225px;
}
#menuunter a:hover {
  color:#9b1515;
  text-decoration:none ;
  background-image:none;
  background-color:transparent;
}

bei problemen PN

[Nathaly]

ok danke schön werde ich mich

noch eine frage wo tute ich den den css code rein ?

[dungeon]

In deinem Fall in die .css-Datei, die du in "Dateien" gespeichert hast.. Hm nathaly_2.css heißt die, jedenfalls in der Demo. Da einfach nach der letzten Zeile einfügen.

[Nathaly]

es gibt keine Hm nathaly_2.css nur die hier npage-hilfe.css im html ordner

[goefi-chiangmai]

Nein nicht an letzter stelle, (da ist br class clear) am besten nach dem menü.

Am besten wegen ordnung, nach:
#menu2 a:hover {
color:#9b1515;
text-decoration:none ;
background-image:url(http://file1.npage.de/004305/55/bilder/ ... 2hover.jpg);
background-color:#FB2E5FF;
}
HIER DAZWISCHEN

Und Vor
#main {
float: left;
width: 625px;
font-family: Verdana;
color: #0000FF;
font-size: 16px;
background-image: none;
background-repeat: repeat;
padding: 1px;
margin-top:2px;
margin-left:35px;
background-attachment: fixed;
background-position: center;
border-top-width: 0px;
border-left-width: 0px;
border-bottom-width: 0px;
border-right-width: 0px;
}

[goefi-chiangmai]

es gibt keine Hm nathaly_2.css nur die hier npage-hilfe.css im html ordner

Richtig, hab sie bei dir mit npage-hilfe.css beschriftet, siehst da den Link im Design

[Nathaly]

#menu2 a:hover {
color:#9b1515;
text-decoration:none ;
background-image:url(http://file1.npage.de/009379/32/bilder/button2hover.jpg);
background-color:#FB2E5FF;

#menuunter a, #menuunter a:visited , #menuunter a:active {
display: block;
color:#111122;
text-decoration:none;
font-family: arial, helvetica, tahoma ,verdana, sans-serif;
font-size: 14px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-top:0px;
margin: 0 0 0 0;
height:30px;
line-height:30px;

#menuunter a:hover {
color:#9b1515;
text-decoration:none ;
background-image:none;
background-color:transparent;
}

#main {
float: left;
width: 625px;
font-family: Verdana;
color: #0000FF;
font-size: 16px;
background-image: url(http://);
background-repeat: repeat;
padding: 1px;
margin-top:2px;
margin-left:35px;
background-attachment: fixed;
background-position: center;
border-top-width: 0px;
border-left-width: 0px;
border-bottom-width: 0px;
border-right-width: 0px;
}
.clear {
clear: both;
}
ist das so richtig jetzt ?

so in etwa darüber oder drunter ?

[goefi-chiangmai]

Das ist richtig.

Jetzt hast noch den hover teil vergessen (hover= wenn die Maus rübergeht) einfach noch darunter dazu

Code: Alles auswählen

    #menuunter a:hover {
      color:#9b1515;
      text-decoration:none ;
      background-image:none;
      background-color:transparent;
    }