HTMLWorld - HTML, CSS, JavaScript, PHP, Java, Flash und vieles mehrHTMLWorld:   Home | Impressum
 

 
 

Anzeige 
 
HTMLWorld » Forum

Thema anzeigen - Naviagation mit css

 FAQFAQ   SuchenSuchen   MitgliederlisteMitgliederliste   BenutzergruppenBenutzergruppen   RegistrierenRegistrieren 
 ProfilProfil   Einloggen, um private Nachrichten zu lesenEinloggen, um private Nachrichten zu lesen   LoginLogin 

Naviagation mit css

 

Neues Thema eröffnen   Neue Antwort erstellen    HTMLWorld Foren-Übersicht
   CSS
Vorheriges Thema:
Nächstes Thema:  
Autor Nachricht
TommyD



Anmeldungsdatum: 18.07.2007
Beiträge: 1

BeitragVerfasst am: 18.07.2007 21:37:57    Titel: Naviagation mit css Antworten mit Zitat

Hallo Forum,

ich habe einen naviation mit css erstellt. Im IE funktioniert es super, im MFF gar nicht.
Hat jemand einen Tip, wie ich meinen css Teil abändern muss, damit es gleich aussieht.
Ich habe mir schon die Finger wund gegoogled aber es funktioniert einfach nicht.

HTML:
Code:

div id="seite">
<div id="head">
<p>
<a href="index.html"> Startseite </a><span id="space"></span>
<a href="kontakt.html"> Kontakt </a><span id="space"></span>
<a href="anfahrt.html"> Anfahrt </a><span id="space"></span>
<a href="referenzen"> Referenzen </a>
</p>
</div>


CSS:
Code:

#seite {
    text-align: left;   
    margin: 0 auto;  Zentrierung */
    width: 800px;
    padding: 1em;
    border: 2px ridge silver;
    background-color:white;
  }

#head {
  background-image:url(../images/head.jpg); 
  background-repeat:no-repeat;
  width:800px;
  height:192px;
  border: 2px ridge silver;
  }

#head p{
   background-image:url(../images/bgnav.jpg);
   width:800px;
   position:relative;
   bottom:-141px;
   left:0px;
   border:1px solid black;
   text-align:center;
   height:36px;
   }
/*----- Navigationslinks oben ----- */

#head a:link {
   padding:0px 6px;
         font-size:1em;
         height:36px;
         color:black;
         text-decoration:none;
         font-weight:bold;
         border: 0 1px 0 4px solid red;
         }

#head a:visited {
   padding:0px 6px;
         font-size:1em;
         height:36px;
         color:black;
         text-decoration:none;
         font-weight:bold;
         border: 0 1px 0 1px solid black;
         }

#head a:active {
   padding:0px 6px;
         font-size:1em;
         height:36px;
         color:black;
         text-decoration:none;
         border: 0 1px 0 1px solid black;
         }

#head a:hover {
         padding:0px 6px;
         font-size:1em;
         height:36px;
   color:black;
         text-decoration:none;
         background-image:url(../images/bgnav2.jpg);
         border: 0 1px 0 2px solid red;
         }

#space {
  width:15px;
  }


Das Beispiel ist unter:
www.thomasdroste.de

Besten Dank im voraus.
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden Website dieses Benutzers besuchen
Younes
Forumsteilnehmer


Anmeldungsdatum: 04.09.2007
Beiträge: 7
Wohnort: Dortmund

BeitragVerfasst am: 13.09.2007 23:36:56    Titel: Antworten mit Zitat

#head a:link {padding:6px ; font-size:1em; height:36px; color:black; text-decoration:none; font-weight:bold; background-image:url(images/bgnav.jpg); border: 0 1px 0 1px solid black;}

versuch mal mit : padding 0px.
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
Beiträge der letzten Zeit anzeigen:   
Neues Thema eröffnen   Neue Antwort erstellen    HTMLWorld Foren-Übersicht
   CSS
Alle Zeiten sind GMT + 1 Stunde
Seite 1 von 1

 
Gehe zu:  
Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.