• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Css Menu Brauche Hilfe

SebastianM

New member
Also habe mir ein css menu besorgt und jetz wollte ich das so haben dass wenn ich zb. auf Treffpunkte mit meiner maus drauf gehe da sich so ein menu auf macht (also genau darunter!!!) wo dan die links drinne stehen:
- Gästebuch
- Forum
....
usw.


Könnte mir jemand den code so verändern das das so wird wie oben beschrieben?????

DANKE!!!!!


hir der code:
PHP:
<html>
      <head>
            <title>!!!Herzlich wilkommen!!!</title>
            <style type="text/css">

    body {
	margin:0;
	padding:0;
	font: bold 11px/1.45em Verdana;
}

h2 {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px;
	padding: 0px 0px 0px 15px;
}
           #tabsG {
      float:left;
      width:100%;
      background:#666;
      font-size:93%;
      line-height:normal;
      }
    #tabsG ul {
	margin:0;
	padding:10px 10px 0 50px;
	list-style:none;
      }
    #tabsG li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsG a {
      float:left;
      background:url("tableftG.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsG a span {
      float:left;
      display:block;
      background:url("tabrightG.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsG a span {float:none;}
    /* End IE5-Mac hack */
    #tabsG a:hover span {
      color:#FFF;
      }
    #tabsG a:hover {
      background-position:0% -42px;
      }
    #tabsG a:hover span {
      background-position:100% -42px;
      }
      </style>
</head>
<body bgcolor="#666666">
<!--Das Menue/-->
<div id="tabsG">
  <ul>
    <li><a href="#" title="Link 1"><span>Home</span></a></li>
    <li><a href="#" title="Link 2"><span>Wir stellen uns vor</span></a></li>
    <li><a href="#" title="Link 3"><span>Bilderbuch</span></a></li>
    <li><a href="#" title="Longer Link Text"><span>Die Ausbildung</span></a></li>

    <li><a href="#" title="Link 5"><span>Treffpunkte</span></a></li>
    <li><a href="#" title="Link 6"><span>Links</span></a></li>
	<li><a href="#" title="Link 7"><span>Impressum</span></a></li>
  </ul>
  </div>
 <br /><br />
 <!--Die Seite/-->
 <h2><u>DANKE!!!!</u></h2>
    </body>
</html>
 

Anhänge

  • tableftG.gif
    tableftG.gif
    240 Bytes · Aufrufe: 32
  • tabrightG.gif
    tabrightG.gif
    939 Bytes · Aufrufe: 2
Zuletzt bearbeitet:
also mit der seite komme ich net klar......
kann mir net einfach jemand des in mein meue einbauen?????
Sorry habe vergessen euch die zwei pics für die seite zu geben!!!!! stehen oben wo der HTML code steht!
 
Es gibt einige Anleitungen für CSS in Deutsch, damit du mal Grundsätzliches lernst.
Am besten du Fragst Google, oder suchst hier in diesem Forum nach CSS4YOU etc...

Damit du so ein Menü Programmieren kannst und richtig einbauen willst, wirst du dich wohl ein bissl einlesen müssen.

Fürn Anfang kannst ja mal auf die Seite, die dir Herr Denz empfohlen hat gehen -> rechtsklick -> Quelltext anzeigen -> Kopieren -> in eine neue Seite einfügen ... und so lange ändern bis es so aussieht wie du es haben möchtest.
 
Halloo Sebastian,

geh in den Seitenquelltext - markiere mit der Maus alles was zu menu1 gehört und füge es in deinen Quelltext ein.

Aber - wenn du richtig lernen willst, schau dir einfach den Code + CSS an, die steht auch im Quelltext - und probiere.
So schwer ist es nicht.
Ansonsten übernimmst du nur was - und lernst es nicht. ;)

Liebe Grüße
Liz
 
Hi Sebastian,

vermutlich erschlägt Dich dieser umfangreiche Quelltext und Du weißt nicht, was davon zu dem Menü gehört, das Du haben willst.

Dann kopiere alles und schneide jeweils Stück für Stück aus, speichere neu ab und mach das solange, bis lediglich der Text, der zum Menü gehört, übrig bleibt. Du musst natürlich dann jedesmal schauen, ob das Menü in dem neu abgespeicherten Teil noch funktioniert, wenn nicht: Du hast ja nur ausgeschnitten und kannst wieder einfügen.

So tastest Du Dich langsam ran. Mit der Zeit bekommst Du schon einen Blick dafür, wo die relevanten Punkte stehen, die Du für Deine Ideen brauchst.

Gruß Anna
 
Zurück
Oben