zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden CSS Code für IE

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 05.05.2009, 09:54
Benutzerbild von |Master|
The Offspring
neuer user
Thread-Ersteller
 
Registriert seit: 05.05.2009
Beiträge: 8
|Master| befindet sich auf einem aufstrebenden Ast
Lächeln CSS Code für IE

Hallo,

ich suche für meine Klappmenüs einen bzw. mehrere Codes, damit sie auch im IE gehen, denn noch viele Leute benutzen den IE. Nur leider weiß ich nicht mehr weiter und habe auch so nichts gefunden.
Deswegen hoffe ich hier auf Hilfe.


1. Klappmenü

CSS-Code
Code:
#nav,
#nav ul {padding: 1px 10px 0 10px; margin:0; list-style:none; background-images: url(grafiken/nav.png); position: relative; float: left;}

#nav {height:30px; width:500px; padding: 0; left: 143px;}

    #nav a, #nav h2
      {font-size: 15px; font-family: comic sans ms;
 display: block; margin: 0; padding: 2px 3px; } 

    #nav h2 { color: #FFFFFF;} 

    #nav a { color: #000; background: #ffffff; text-decoration: none; font-size: 13px;}

    #nav a:hover { color: #FFB200; background: #fff; }

    #nav li {position: relative;} 

    #nav ul ul { position: absolute; z-index: 500; }

    #nav ul ul ul { position: absolute; top: 0; left: 100%; } 

    div#nav ul ul,
    div#nav ul li:hover ul ul,
    div#nav ul ul li:hover ul ul
      {display: none;} 

    div#nav ul li:hover ul,
    div#nav ul ul li:hover ul,
    div#nav ul ul ul li:hover ul
      {display: block;}

HTML-Code

HTML-Code:
<table width="32%" cellspacing="25" cellpadding="0" border="0">
  <tr>
    <td background="grafiken/nav.png">
      <div id="nav">
  <ul>
<li><h2>Titel !</h2>
  <ul>
      <li><a href="index.php">Startseite</a></li>
      <li><a href="link2.php">Link2</a></li>
      <li><a href="link3.php">Link3</a></li>
      <li><a href="link4.php">Link4</a></li>
      <li><a href="link5.php">Link5</a></li>
      </ul>
    </li>
    </ul>

<ul>
<li><h2>Titel2</h2>
<ul>
    <li><a href="link1.php">Link1</a></li>
    <li><a href="link2.php">Link2</a></li>
    <li><a href="link3.php">Link3</a></li>
    <li><a href="link4.php">Link4</a></li>
    <li><a href="link5.php">Link5</a></li>
    <li><a href="link6.php">Link6</a></li>
    <li><a href="link7.php">Link7</a></li>
    <li><a href="link8.php">Link8</a></li>
    <li><a href="link9.php">Link9</a></li>
</ul>
</li>
</ul>
    </div>
   </td>
 </tr>
</table>

2. Klappmenü

CSS-Code
Code:
#nav,
#nav ul {padding:0; margin:0; list-style:none; background-images: url(grafiken/nav.gif); position: relative; float: left;}

#nav {height:46px; width:940px; padding: 0; left: 40px;}

    #nav a, #nav h2
      {font-size: 15px; font-family: comic sans ms;
 display: block; margin: 0; padding: 2px 3px; } 

    #nav h2 { color: #FFFFFF;} 

    #nav a { color: #000; background: #e1eef7; text-decoration: none; font-size: 18px;}

    #nav a:hover { color: #3399FF; background: #fff; }

    #nav li {position: relative;} 

    #nav ul ul { position: absolute; z-index: 500; }

    #nav ul ul ul { position: absolute; top: 0; left: 100%; } 

    div#nav ul ul,
    div#nav ul li:hover ul ul,
    div#nav ul ul li:hover ul ul
      {display: none;} 

    div#nav ul li:hover ul,
    div#nav ul ul li:hover ul,
    div#nav ul ul ul li:hover ul
      {display: block;}

HTML-Code

HTML-Code:
<table width="940" cellspacing="0" cellpadding="0" border="0"
   <tr>
    <td background="grafiken/nav.gif">
  <div id="nav">
    <ul>  
<li><img src="grafiken/allgemein.gif" alt="" border="0" width="" height="">
<ul>
    <li><a href="link1.php">Link1</a></li>
    <li><a href="link2.php">Link2</a></li>
    <li><a href="link3.php">Link3</a></li>
    <li><a href="link4.php">Link4</a></li>
    <li><a href="link5.php">Link5</a></li>
    <li><a href="link6.php">Link6</a></li>
    <li><a href="link7.php">Link7</a></li>
    <li><a href="link8.php">Link8</a></li>
    <li><a href="link9.php">Link9</a></li>
</ul>
</li>
</ul>

<ul>
<li><img src="grafiken/privat.gif" alt="" border="0" width="" height="">
<ul>
    <li><a href="link1.php">Link1</a></li>
    <li><a href="link2.php">Link2</a></li>
    <li><a href="link3.php">Link3</a></li>
    <li><a href="link4.php">Link4</a></li>
    <li><a href="link5.php">Link5</a></li>
    <li><a href="link6.php">Link6</a></li>
    <li><a href="link7.php">Link7</a></li>
    <li><a href="link8.php">Link8</a></li>
    <li><a href="link9.php">Link9</a></li>
</ul>
</li>
</ul>
   </div>
    </td>
  </tr>
</table>

Ich hoffe jemand kann mir helfen, denn ich verzweifle daran.
Ich selbst mag ja IE nicht, aber ich muss es auch für die IE-Nutzer schaffen, dass es geht

MfG |Master|
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 05.05.2009, 15:04
Benutzerbild von Reynhard B.
Benutzer
neuer user
 
Registriert seit: 06.02.2009
Ort: Linz, Austria
Beiträge: 56
Reynhard B. befindet sich auf einem aufstrebenden Ast
Standard

Hallo |Master|

Der IE unter 7 kennt hover nur für Links. Da wirst Du um einen JavaScript- Krücke nicht drumrum kommen
__________________
Reynhard B.
High End Webdesign - CMS ohne Datenbank - Gesund mit Hausmittel
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 05.05.2009, 16:56
Benutzerbild von |Master|
The Offspring
neuer user
Thread-Ersteller
 
Registriert seit: 05.05.2009
Beiträge: 8
|Master| befindet sich auf einem aufstrebenden Ast
Standard

Ahhhh ja sagt mir jetzt nicht viel, denn ich habe mich bsisher nicht mit Java-Script ausseinander gesetzt^^

Könntest du mir da vllt ein paar Hilfestellungen geben, Tipps oder Codes

MfG |Master|
Mit Zitat antworten
  #4 (permalink)  
Alt 05.05.2009, 17:04
Benutzerbild von Reynhard B.
Benutzer
neuer user
 
Registriert seit: 06.02.2009
Ort: Linz, Austria
Beiträge: 56
Reynhard B. befindet sich auf einem aufstrebenden Ast
Standard

Hi

Whatever:hover wäre ein gutes Script...
Downloaden, einbinden (ev. mit Conditional Comments) und dann klappts auch mit dem IE
__________________
Reynhard B.
High End Webdesign - CMS ohne Datenbank - Gesund mit Hausmittel
Mit Zitat antworten
  #5 (permalink)  
Alt 05.05.2009, 17:11
Benutzerbild von |Master|
The Offspring
neuer user
Thread-Ersteller
 
Registriert seit: 05.05.2009
Beiträge: 8
|Master| befindet sich auf einem aufstrebenden Ast
Standard

Danke für die schnelle Hilfe, ich werde es gleich ausprobieren

MfG |Master|
Mit Zitat antworten
  #6 (permalink)  
Alt 05.05.2009, 19:03
Benutzerbild von Reynhard B.
Benutzer
neuer user
 
Registriert seit: 06.02.2009
Ort: Linz, Austria
Beiträge: 56
Reynhard B. befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von |Master| Beitrag anzeigen
Danke für die schnelle Hilfe, ich werde es gleich ausprobieren
Habs mehrfach in Anwendung...
Hoffentlich verläßt uns die IE6- Geisel bald
__________________
Reynhard B.
High End Webdesign - CMS ohne Datenbank - Gesund mit Hausmittel
Mit Zitat antworten
  #7 (permalink)  
Alt 05.05.2009, 20:26
Benutzerbild von |Master|
The Offspring
neuer user
Thread-Ersteller
 
Registriert seit: 05.05.2009
Beiträge: 8
|Master| befindet sich auf einem aufstrebenden Ast
Standard

Beim 1. Menü klappt es super, danke

Aber beim 2. werden die Grafiken nicht angezeigt, kann das daran liegen, dass er <img...> nicht erkennt

MfG |Master|
Mit Zitat antworten
  #8 (permalink)  
Alt 05.05.2009, 21:33
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 26.10.2005
Beiträge: 165
tesa befindet sich auf einem aufstrebenden Ast
Standard

wär mir nicht bekannt.
poste bitte mal ein online-bsp
__________________
"Das macht nicht wirklich Sinn" hat eigentlich keinen Sinn!
Mit Zitat antworten
  #9 (permalink)  
Alt 05.05.2009, 22:46
Benutzerbild von |Master|
The Offspring
neuer user
Thread-Ersteller
 
Registriert seit: 05.05.2009
Beiträge: 8
|Master| befindet sich auf einem aufstrebenden Ast
Standard

Hier ich code hier ein Design für jemanden anders, aber der benutzt den IE und kann somit die fertige Navigationsleiste oben nicht sehen, also die Grafik "Allgemein"

Europa-Team-Manager
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 05.05.2009, 23:09
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 26.10.2005
Beiträge: 165
tesa befindet sich auf einem aufstrebenden Ast
Standard

Reduzier das bitte mal auf das Wesentliche und validiere den Code (http://xhtmlforum.de/40080-f-r-frage...twortende.html)
Würde mich nicht wundern wenn es dann funktioniert
__________________
"Das macht nicht wirklich Sinn" hat eigentlich keinen Sinn!
Mit Zitat antworten
Sponsored Links
Antwort

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
CSS Code - Komme nicht zurecht Invator01 CSS 19 05.04.2011 22:00
Was ist an meinem CSS Style Code falsch? bayway CSS 3 30.07.2009 00:24
erster CSS Code Chaosgoettin CSS 6 25.11.2007 13:12
CSS Menuproblem im IE (Superfish) ven CSS 1 04.10.2007 13:13
XHTML und CSS Projekt: Layout und Code check Lloyd Larkin Site- und Layoutcheck 5 19.03.2006 15:20


Alle Zeitangaben in WEZ +2. Es ist jetzt 09:44 Uhr.