Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 13

Thema: CSS Hintergrund verlinkt

  1. #1
    Azubi(ne)
    Registriert seit
    08.11.2006
    Beiträge
    56
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard CSS Hintergrund verlinkt

    Hallo Leute!

    Bin gerade dabei die Page zu überarbeiten.
    Irgendwie habe ich allerdings ein Problem beim Menu.
    Hier klicken um das Menu zu sehen.
    Mit meinem Bearbeitungsprogramm kann ich das Menu komplett sehen.
    Wenn Ich es allerdings mit meinem IE anschaue fehlen ein paar Menupunkte wie "Kontakt".
    Den größten Schock hatte ich allerdings bekommen als ich gesehen habe, dass ich mit Opera überhaupt kein Menu zu sehen bekomme.
    Weis jemand wo ich den Fehler habe?
    Danke

    Lg Henrik

    Code geändert aber immer noch nicht richtig
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Samurai
    Registriert seit
    21.03.2007
    Beiträge
    237
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    ich seh mit Mozilla auf deinem LInk auch kein Menü...

  3. #3
    Azubi(ne)
    Themenstarter

    Registriert seit
    08.11.2006
    Beiträge
    56
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Die Antwort ging jetzt aber schnell.
    Schau Dir das mal mit dem IE an.
    Ich verstehe bloß nicht wo der Fehler ist.

  4. #4
    Azubi(ne)
    Themenstarter

    Registriert seit
    08.11.2006
    Beiträge
    56
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Kann mir keiner helfen warum immer noch nicht alles richtig angezeigt wird! Es sind insges. 9 Menupunkte plus kopf!
    Danke LG

  5. #5
    Kaiser(in)
    Registriert seit
    08.12.2005
    Beiträge
    2.460
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Also bei mir ist im IE 6.0 alles i.O.
    FF 2.0.0.3 ebenfalls.

    Aber nur 8...

    Nimm mal dein <ul> +[/list]raus
    und füge einen Doctype ein.

    margin : 0 0 0 0; -> margin: 0;
    +
    Die externe CSS Referenzierung mit in den Head,
    dann ist alles korrekt.
    Angehängte Grafiken Angehängte Grafiken

  6. #6
    Azubi(ne)
    Themenstarter

    Registriert seit
    08.11.2006
    Beiträge
    56
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Cool! Danke es funktioniert. Doch leider fehlen immer noch diese zwei Punkte.

    Erst kommt der Kopf im Menu dann die Punkte:

    Impressum
    Disclaimer
    Startseite
    Fahren mit Öl
    Ölaufbereitung
    Erdgas
    Autogas
    E34-Teile
    Kontakt

    Die beiden in der Mitte fehlen leider und ich finde den Fehler nicht! Danke.
    Lg Henrik

  7. #7
    Kaiser(in)
    Registriert seit
    08.12.2005
    Beiträge
    2.460
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Ich weiß zwar nicht wo du deine Vorlage herhattest,
    aber das war bei genauerem Betrachten Quark...
    Ich habs neu geschrieben, bitte:

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
           "http&#58;//www.w3.org/TR/html4/loose.dtd">
    <html>
    
    <head>
    <meta http-equiv="Content-Language" content="de">
    <title>www.e34-teile.de</title>
    <style type="text/css">
     body &#123;
      background-color&#58;#000;
     &#125;
    
     #kopf h1 &#123;
      color&#58; #FFFFFF;
     &#125;
     
     h1 &#123;
      padding&#58; 5px 15px 5px 15px;
      text-align&#58; right;
      background-color&#58; #99004d;
     &#125;
    
     #navi &#123;
      width&#58; 200px;
      margin&#58; 0px;
      padding&#58; auto;
      float&#58; left;
      background-color&#58; #000000;
     &#125;
     
    a#menu_kopf &#123;
    display&#58; block;
    background-image&#58; url&#40;/menubilder/menu_kopf.gif&#41;;
    background-repeat&#58; no-repeat;
    width&#58; 200px;
    height&#58; 75px;
    background-color&#58; #000000;
    color&#58; #ffffff;
    &#125;
     
    a#impressum &#123;
    display&#58; block;
    background-image&#58; url&#40;/menubilder/menu_impressum.gif&#41;;
    background-repeat&#58; no-repeat;
    width&#58; 200px;
    height&#58; 30px;
    background-color&#58; #000000;
    color&#58; #ffffff;
    &#125;
    
    a#disclaimer &#123;
    display&#58; block;
    background-image&#58; url&#40;/menubilder/menu_disclaimer.gif&#41;;
    background-repeat&#58; no-repeat;
    width&#58; 200px;
    height&#58; 30px;
    background-color&#58; #000000;
    color&#58; #ffffff;
    &#125;
    
    a#startseite &#123;
    display&#58; block;
    background-image&#58; url&#40;/menubilder/menu_startseite.gif&#41;;
    background-repeat&#58; no-repeat;
    width&#58; 200px;
    height&#58; 30px;
    background-color&#58; #000000;
    color&#58; #ffffff;
    &#125;
    
    a#fahren_oel &#123;
    display&#58; block;
    background-image&#58; url&#40;/menubilder/menu_fahren_oel.gif&#41;;
    background-repeat&#58; no-repeat;
    width&#58; 200px;
    height&#58; 30px;
    background-color&#58; #000000;
    color&#58; #ffffff;
    &#125;
    
    a#oelaufbereitung &#123;
    display&#58; block;
    background-image&#58; url&#40;/menubilder/menu_oelaufbereitung.gif&#41;;
    background-repeat&#58; no-repeat;
    width&#58; 200px;
    height&#58; 30px;
    background-color&#58; #000000;
    color&#58; #ffffff;
    &#125;
    
    a#erdgas &#123;
    display&#58; block;
    background-image&#58; url&#40;/menubilder/menu_erdgas.gif&#41;;
    background-repeat&#58; no-repeat;
    width&#58; 200px;
    height&#58; 30px;
    background-color&#58; #000000;
    color&#58; #ffffff;
    &#125;
    
    a#autogas &#123;
    display&#58; block;
    background-image&#58; url&#40;/menubilder/menu_autogas.gif&#41;;
    background-repeat&#58; no-repeat;
    width&#58; 200px;
    height&#58; 30px;
    background-color&#58; #000000;
    color&#58; #ffffff;
    &#125;
    
    a#e34_teile &#123;
    display&#58; block;
    background-image&#58; url&#40;/menubilder/menu_e34_teile.gif&#41;;
    background-repeat&#58; no-repeat;
    width&#58; 200px;
    height&#58; 30px;
    background-color&#58; #000000;
    color&#58; #ffffff;
    &#125;
    
    a#kontakt &#123;
    display&#58; block;
    background-image&#58; url&#40;/menubilder/menu_kontakt.gif&#41;;
    background-repeat&#58; no-repeat;
    width&#58; 200px;
    height&#58; 30px;
    background-color&#58; #000000;
    color&#58; #ffffff;
    &#125;
    </style>
    </head>
    
    <body>
    
    <div id="kopf">
    	<h1>hier kommt der Kopf hin</h1>
    </div>
    
    <div id="navi">
    	  	
    		
    		
    		
    		
    		
    		
    		
    		
    		
    </div>
    
    </body>
    
    </html>

    Jedoch frage ich mich wozu du so einen
    Aufwand betreibst wo du es mit ein paar
    verlinkten Grafiken auch hinbekommen
    hättest... Ich hoffe du willst hover Effekte erzielen.

  8. #8
    Azubi(ne)
    Themenstarter

    Registriert seit
    08.11.2006
    Beiträge
    56
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Hi!

    Danke für deine Hilfe. Bin gerade erst wieder nach Hause gekommen.
    Meine Unterlagen habe ich irgendwo aus dem Net gezogen. Man sieht sicher schnell das ich von der Materie noch nicht so viel Ahnung habe und ich noch einiges dazu lernen muss.

    Ich habe zu deinen Daten auch gleich ein paar fragen.
    Warum kannst Du bei css. auch den Body mit #000 deklarieren? Ich meine eine Farbgebung stellt sich doch immer auch 6 Zeichen dar.
    Deine Lösung insgesamt ist echt super! Darauf wäre ich sicher nicht so schnell gekommen. Ich danke Dir nochmals.

    Lg Henrik

  9. #9
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Wenn ein Hexa-Farbcode aus drei Ziffernpaaren besteht, kann man ihn dreistellig abkürzen:
    Beispiel: rot = #ff0000
    Abgekürzt: #f00
    oder weiß: #ffffff = #fff

    Spart Webspace und Traffic (ungemein!)

  10. #10
    Azubi(ne)
    Themenstarter

    Registriert seit
    08.11.2006
    Beiträge
    56
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Achso Danke!

    Die Frage war je noch nach hover Effekten. Also ich wollte bis jetzt keine änderung bei Mausübergang.

    Ich habe aber noch eine kleine Frage.
    Warum kann ich nicht die einzelnen Hintergrundbilder mit background-position: right 0px; nach rechts ausrichten. Frage nur weil ich ansonsten eine ganze "Tabelle" neu ausrichten würde.

    Ich meine ich könnte auch einfach "float: right;" hin schreiben aber dann würde das Bild nicht nur nach rechts verschwinden.

    Danke

    Lg Henrik

Ähnliche Themen

  1. Hintergrund
    Von nickido im Forum HTML & CSS Forum
    Antworten: 23
    Letzter Beitrag: 06.05.2007, 15:48
  2. HP Hintergrund
    Von Gast im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 28.10.2006, 11:52
  3. Hintergrund?!
    Von Pitchfork im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 24.09.2005, 13:25
  4. hintergrund
    Von viper3000 im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 25
    Letzter Beitrag: 24.06.2005, 17:44
  5. Falsch verlinkt???
    Von hyper_84 im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 05.06.2005, 18:24

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •