• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Einige HTMl Fragen

  • Ersteller Ersteller cousko789
  • Erstellt am Erstellt am
Status
Für weitere Antworten geschlossen.
C

cousko789

Guest
Hallo
bin hier neu im forum und habe einige fragen ....vielleicht könnt ihr mir ja dabei helfen :
also ist es möglich so ein "Crystel Clear" system auf seiner seite anzuwenden also so dass z.b. die menü ausklappugen duchsichtig sind und wenn ja wie ?
:-?
 

Anhänge

  • cristal.jpg
    cristal.jpg
    20,2 KB · Aufrufe: 30
Solche Menüs werden mit Listen in Listen erstellt.

z.b. html:
Code: 
<ul>
  <li><a href="#">Link a1</a></li>
  <li><a href="#">Link a2</a></li>
  <li><a href="#">Link a3</a></li>
  <li><strong>Ausklappen</strong>
   <ul>
    <li><a href="#">Link b1</a></li>
    <li><a href="#">Link b2</a></li>
    <li><a href="#">Link b3</a></li>
    <li><a href="#">Link b4</a></li>
    <li><a href="#">Link b5</a></li>
   </ul>
  </li>
  <li><a href="#">Link a4</a></li>
</ul>
Auf css | Spalten :: Ausklappmenü
Habe das notwendige css beschrieben.

Das Menü bekommt seine Farbe nur durch die Gestaltung des a-Tags.
Du könntest allen a-Tags per css eine Transparenz (opacity) zuweisen.
css:
Code: 
  ul li li a {
  opacity:0.5;
  -moz-opacity:0.5;
  filter:alpha(opacity=50);
  width: 8em;
  border-right: none;
  border-top: 1px solid #ffffff;
  }
opacity ist css3 und wird aber von vielen Browsern schon angewendet:
Safari ab Vers. 3 ?
Opera ab Vers. 9
Firefox ab vers. 2. Ältere Mozilla verstehen -moz-opacity.
Internetexplorer 6 und 7 kennen den Filter alpha(opacity);
 
Wie füge ich das folgende script in meine homepage ein :

<!--[if lt IE 7]>
<script type="text/javascript">
/* <![CDATA[ */
startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("men1");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes;
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function() {
this.className=this.className.replace(" over", "");
}
}
}
}
}
window.onload=startList;
/* ]]> */
</script>
<![endif]-->



Bitte um hilfe !
 
gar nicht ... wie gesagt, javascript wär jetzt die schlechteste, komplizierteste und userunfreundlichste lösung überhaupt. Machs so wie von neuroleptika beschrieben
 
Das Javascript ist für Internet Explorer unter Vers.7 gedacht.
Mit conditionel coments (<!--[if lt IE 7]>) ist es für andere Browser bereits versteckt.
Ich würde es in eine externe Datei schreiben:
javascript:
Code: 
startList = function() {
    if (document.all&&document.getElementById) {
        navRoot = document.getElementById("men1");
        for (i=0; i<navRoot.childNodes.length; i++) {
            node = navRoot.childNodes[i];
            if (node.nodeName=="LI") {
                node.onmouseover=function() {
                    this.className+=" over";
                }
                node.onmouseout=function() {
                    this.className=this.className.replace(" over", "");
                }
            }
        }
    }
}
window.onload=startList;
Die Datei z.B. als iehover.js speichern und im Head-Bereich des html-Dokumentes einbinden.
Das css sollte ebenfalls in eine externe Datei ausgelagert werden:
html:
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
 <title>Drobdown</title>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <link rel="stylesheet" type="text/css" href="men1.css" >

<!--[if lt IE 7]>
<script type="text/javascript" src="iehover.js"></script>
<![endif]-->
</head>
<body>
......
</body>
</html>
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben