Seite 2 von 6
Re: Homepage
Verfasst: Do 10. Mär 2011, 07:24
von goefi-chiangmai
Ok, hab mal ein Muster gemacht.
Klick auf
Untermenü:
http://demo-seite.npage.de/nathaly_2_87315562.html
Jetzt kannst dich entscheiden.
Re: Homepage
Verfasst: Do 10. Mär 2011, 09:45
von 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
Re: Homepage
Verfasst: Do 10. Mär 2011, 10:01
von 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
Re: Homepage
Verfasst: Do 10. Mär 2011, 10:20
von Nathaly
ok danke schön werde ich mich
noch eine frage wo tute ich den den css code rein ?
Re: Homepage
Verfasst: Do 10. Mär 2011, 10:32
von 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.
Re: Homepage
Verfasst: Do 10. Mär 2011, 10:35
von Nathaly
es gibt keine Hm nathaly_2.css nur die hier npage-hilfe.css im html ordner
Re: Homepage
Verfasst: Do 10. Mär 2011, 10:52
von 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;
}
Re: Homepage
Verfasst: Do 10. Mär 2011, 10:54
von goefi-chiangmai
Nathaly hat geschrieben: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
Re: Homepage
Verfasst: So 20. Mär 2011, 17:38
von 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 ?
Re: Homepage
Verfasst: So 20. Mär 2011, 17:48
von 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;
}
