zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Kann mir jemand helfen?

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 09.06.2009, 13:43
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 09.06.2009
Beiträge: 1
hajopaj befindet sich auf einem aufstrebenden Ast
Standard Kann mir jemand helfen?

Hallo,

bin CSS Neuling und habe mich in ein Projekt geworfen, dass mich total überfordert.
Habe mir alles schön zusammengebastelt und immer im Firefox angeschaut. Jetzt wo ich fertig bin, schaue ich es mir in Chrome und im Internet Explorer an und siehe da, das ding ist total verhunzt.

Irgendetwas scheint mit der display: none Funktion nicht zu stimmen.
Könnte sich eventuell jemand sich den Code anschauen und mir den goldenen Tipp geben, was ich falsch gemacht habe?

Hier ist der Link: wolk after sales experts

CSS Datei
Code:
@charset "utf-8";
/* CSS Document */

#navigation {
   background-color: transparent;
   padding-left:1px;
   border-bottom: 2px solid #ffe;
   height: 150px;
   }

#navigation LI {
   background-color: transparent;
   padding: 0;
   margin: 0;
   list-style: none;
   display:inline;
   }
   

#navigation UL {
   background-color: transparent;
   padding: 0;
   margin: 0;
   }

#navigation A {
   font: bold 13px sans-serif;
   color: #000;
   text-decoration: none;
   padding: 2px 5px 4px 4px;
   border: 1px solid #bbb;
   margin: -2px 0 0 -2px;
   width: 110px;
   height: 108px;
   display: block;
   float:left;
   text-align: center;
   }
   
#navigation1 A {
   font: bold 11px sans-serif;
   color: #000;
   text-decoration: none;
   padding: 2px 5px 4px 4px;
   border-top: 0px solid #bbb;
   border-right: 1px solid #bbb;
   border-bottom: 1px solid #bbb;
   border-left: 1px solid #bbb;
   margin: -2px 0 0 -2px;
   width: 110px;
   height: 30px;
   display: block;
   float:left;
   text-align: left;
   }
   
#navigation A img{

   border: 1px solid #000000;
   display: block;
   float:left;
   margin-left: -1px;
   margin-top:2px;
   }
   
#navigation A:hover img{
   filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

#navigation A:link, #navigation A:visited {
   background-color: #eee;
   }

#navigation A:hover, #navigation A:focus {
   background-color: #fff;
   color: #a70035;
   }
#navigation1 A:link, #navigation1 A:visited {
   background-color: #eee;
   }

#navigation1 A:hover, #navigation1 A:focus {
   background-color: #fff;
   }

#maincontent {
   background-color: #ffe;
   padding: 1em;
   margin: 0;
   height: auto;
   }


#navigation A:link span, #navigation A:visited span {
   display: none;
   }
   
#navigation1 A:link div, #navigation1 A:visited div {
   display: none;
   }
  

#navigation A:hover span, #navigation A:focus span {
   font-size: 12px;
   padding: 2px;
   margin-left: 278px;
   margin-top: 295px;
   height: 80px;
   width: 720px;
   display: block;
   position: absolute;
   top: -7px;
   left: -7px;
   background-color: #FFFFFF;
   
  
   }

#navigation1 A:hover div, #navigation1 A:focus div {
   font-size: 12px;
   padding: 4px;
   margin-left: 7px;
   margin-top: 43px;
   height: 80px;
   width: 706px;
   display: block;
   position: absolute;
   top: -7px;
   left: -7px;
   border: 1px solid #ccc;
   background-color: #ffffff;
   }
HTML Datei
HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="navigation.css" rel="stylesheet" type="text/css" />
<title>Unbenanntes Dokument</title>
</head>
<body>
<div id="navigation" align="center">
<ul>
<li><a title="Analyse Research" href="#">Analyse <br />Research<img src="../tab/chart.jpg" alt="Analyse Research" />
    <span> <div id="navigation1">
<ul>
<li><a title="Produktmärkte" href="#">Produktmärkte<br />Research
    <div>Produktmärkte</div></a></li>
<li>
<li><a title="Distribution Research" href="#">Distribution<br />Research
    <div>Distribution Research</div></a></li>
<li>
  <div align="left"><a title="datenbank Recherchen" href="#">Datenbank<br />Recherchen
    <div>datenbank Recherchen</div>
  </a></div>
</li>
<li><a title="Szenarien" href="#">Szenarien<div>Szenarien</div>
    </a></li>
<li><a title="Kunden Befragungen" href="#">Kunden<br />Befragungen
    <div>Befragungen</div>
    </a></li>
</ul>
</div></span></a></li>
<li>
<li><a title="Strategie Konzept" href="#">Strategie Konzept<img src="../tab/konzept.jpg" alt="Strategie Konzept" />
    <span><div id="navigation1">
<ul>
<li><a title="Strategie Workshop" href="#">Strategie Workshop<br />Research
    <div>Produktmärkte</div></a></li>
<li>
<li><a title="Konzepte für Werkstatt und Handel" href="#">Werkstatt & Handel<br />Research
    <div>Distribution Research</div></a></li>
<li>
  <div align="left"><a title="Erschliessung neuer Märkte" href="#">Erschliessung neuer Märkte
    <div>datenbank Recherchen</div>
  </a></div>
</li>
<li><a title="Vorträge Moderation" href="#">Vorträge Moderation<div>Szenarien</div>
    </a></li>
</ul>
</div></span></a></li>
<li>
<li><a title="Verkauf Marketing" href="#">Verkauf Marketing<img src="../tab/verkauf1.jpg" alt="Verkauf Marketing" />
    <span><div id="navigation1">
<ul>
<li><a title="Vertrieb Steuerung" href="#">Vertrieb<br />Steuerung
    <span>Grundlegendes und wichtige Konzepte</span></a></li>
<li>
<li><a title="Potentialanalysen" href="#">Potential<br />analysen
    <span>Grundlegendes und wichtige Konzepte</span></a></li>
<li>
  <div align="left"><a title="Online Vertrieb" href="#">Online Vertrieb
    <span><img src="Web Grafiken/Lanthys/72x72/player_playlist.png" border="0" /> Die aktuelle Playlist von blabla</span>
  </a></div>
</li>
<li><a title="Preisanalysen" href="#">Preisanalysen<span>Praktische Tips und Erklärungen</span>
    </a></li>
<li><a title="Kunden Akquisition" href="#">Kunden <br />Akquisition
    <span>Welcher Browser stellt welche Eigenschaften dar?</span>
    </a></li>
</ul>
</div></span></a></li>
<li>
  <div align="left"><a title="Trainingn" href="#">Training<br />&nbsp;<img src="../tab/schulung.jpg" alt="Schulung Coaching" />
    <span> <div id="navigation1">
<ul>
  <div align="left"><a title="Face to Face" href="#">Face to Face
    <span><img src="Web Grafiken/Lanthys/72x72/player_playlist.png" border="0" /> Die aktuelle Playlist von blabla</span>
  </a></div>
</li>
<li><a title="Fernschulung" href="#">Fernschulung<span>Praktische Tips und Erklärungen</span>
    </a></li>
<li><a title="Coaching" href="#">Coaching
    <span>Welcher Browser stellt welche Eigenschaften dar?</span>
    </a></li>
</ul>
</div></span>
  </a></div>
</li>
<li><a title="After Sales Archiv" href="#">After Sales<br /> Archiv<img src="../tab/archiv1.jpg" alt="After Sales Archiv" /><span> <div id="navigation1">
<ul>
<li><a title="Bestandsdaten" href="#">Bestandsdaten
    <span>Grundlegendes und wichtige Konzepte</span></a></li>
<li>
<li><a title="Ersatzbedarfs Faktoren" href="#">Ersatzbedarfs <br />Faktoren
    <span>Grundlegendes und wichtige Konzepte</span></a></li>
<li>
<li><a title="Adressdatenbanken" href="#">Adress-<br />datenbanken
    <span>Grundlegendes und wichtige Konzepte</span></a></li>
<li>
  <div align="left"><a title="Unternehmens Profile" href="#">Unternehmens <br />Profile
    <span> Die aktuelle Playlist von blabla</span>
  </a></div>
</li>
<li><a title="Aftermarket Charts" href="#">  Aftermarket<br /> Charts<span>Praktische Tips und Erklärungen</span>
    </a></li>
<li><a title="Datenbank für 25 Länder" href="#">Datenbank <br />für 25 Länder
    <span>Welcher Browser stellt welche Eigenschaften dar?</span>
    </a></li>
</ul>
</div></span>
    </a></li>
<li><a title="Publikationen" href="#">Publikationen<br />&nbsp;<img src="../tab/publikation1.jpg" alt="Publikationen" />
    <span>Welcher Browser stellt welche Eigenschaften dar?</span>
    </a></li>
</ul>
</div>
    </div>

</body>
</html>
Mit freundlichen Grüßen
Hajopaj
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 09.06.2009, 14:13
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.977
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von hajopaj Beitrag anzeigen
Irgendetwas scheint mit der display: none Funktion nicht zu stimmen.
Könnte sich eventuell jemand sich den Code anschauen und mir den goldenen Tipp geben, was ich falsch gemacht habe?

Hier ist der Link: wolk after sales experts
Goldener Tipp?
Bei 162 Fehler im HTML, dürfte das schwierig sein:
http://validator.w3.org/check?verbos...-aftersales%2F
Mit Zitat antworten
Sponsored Links
Antwort

Stichwörter
display, none

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
[Auftrag] Suche jemanden der mir ein vBB Design umsetzt owii CSS 0 18.07.2010 04:16
border gehorcht mir nicht! vdberlin CSS 3 24.05.2010 18:06
Juchu ! (eine blödere Headline fällt mir jetzt nicht ein) Scheppertreiber Offtopic 0 06.06.2007 21:34
Runde Ecken und Transparenz: ich beiss mir die Zähne aus Dwarf CSS 4 13.05.2007 19:10
Kann mir jemand Helfen beim Beispiel anpassen? MisterSonic CSS 7 09.07.2004 16:46


Alle Zeitangaben in WEZ +2. Es ist jetzt 16:49 Uhr.