Beiträge von hume

hume

Hallo Leute, ich wollte Imageflow testen und hab aber vorher noch nachgesehen ob alles Valide ist. Nun hab ich mit dem longdesc Attribut ein Problem der Validator sagt mir dass das img-Element veraltet ist und wenn ich dass richtig meine ein normales Element auf a verwenden soll. Wie wird dass gemeint?
Soll ich dass Element <a> </a> verwenden?
PS: Die Höhe und die Breite ist nur zum Test..

Hier mal mein Code:

HTML

<!doctype html>
<html>


<head>
    <title>Aiizo - Galerie</title>
              <link href="./design.css" type="text/css" rel="stylesheet" />
              <meta http-equiv="content-type" content="text/html; charset=utf-8" />
              <meta name="content-language" content="de" />
              <meta name="author"           content="Christian Huml" />
              <meta name="publisher"        content="Christian Huml" />
              <meta name="copyright"        content="Christian Huml" />
              <meta name="keywords"         content="" />
              <meta name="description"      content="" />
              <meta name="page-topic"       content="" />
              <meta name="page-type"        content="" />
              <meta name="language"         content="Deutsch" />
              <meta name="revisit"          content="After 7 days" />
              <meta name="robots"           content="INDEX,FOLLOW" />


              <link rel="stylesheet" href="imageflow.css" type="text/css" />
              <script src="imageflow.js" type="text/javascript"></script>
</head>


<body>
<div id="head">
</div>






<ul id="navigation">
<li> <a href="index.html">Home</a> </li>
<li> <a href="galerie.html">Galerie</a> </li>
<li> <a href="kontakt.html">Kontakt</a> </li>
<li> <a href="rechte.html">Rechte</a> </li>
<li> <a href="zahlung.html">Zahlungsm&ouml;glichkeiten</a> </li>
<li> <a href="archiv.html">Archiv</a> </li>
<li> <a href="agb.html">AGB</a> </li>
<li> <a href="impressum.html">Impressum</a> </li>
</ul>


<div id="inhalt">


<div id="bilder" class="imageflow">
<img src="img/01.jpg" longdesc="img/01.jpg" width="40" height="60" alt="Test"/>
<img src="img/01.jpg" longdesc="img/01.jpg" width="40" height="60" alt="Test" />
<img src="img/01.jpg" longdesc="img/01.jpg" width="40" height="60" alt="Test" />
</div>


domReady(function()
{
	var instanceOne = new ImageFlow();
	instanceOne.init({ ImageFlowID: 'myImageFlow' });
});






</div>




</body>
</html>

Alles anzeigen

hume

Normal ist es auch so möglich zu Verweisen oder?? rot gekennzeichnet.

Code

* { 
  margin:0;
  padding:0;
  border:0;
  list-style:none;
  text-decoration:none;
  font-family: Arial, Helvetica, sans-serif;
}


div#header {
  background-color:orange;
  text-align:center;
  margin-top:3px;  
  border-style:double;
  line-height:3cm;
  padding-top: 2%;


} 
    div#header h1 {
       font-size:14pt;
       color:#fff;

    }


    ul#navigation li {
        margin: 5px;
        width: 20%;
    }


    ul#navigation li a {
        display: block;
        border: 1px solid #000;
        [COLOR='Red']background:url ("menu.png") no-repeat top;[/COLOR]
        padding: 10px;
        color: #000;
        font-weight: bold;
    }


    ul#navigation li a:hover {
        display: block;
        border: 1px solid #54993f;
       [COLOR='Red'] background: url ("menu.png")no-repeat bottom;[/COLOR]
        color: #fff;
    }

Alles anzeigen

Funktioniert aber nicht, obwohl dass die Datei und die Grafik richtig liegt. Wird Weiß angezeigt und dann wenn dass Menü berührt wird, kann man es nicht mehr lesen. Url: http://www.bhkwpartner.de/test

hume

Zitat

Was funktioniert an meinem Quellcode denn nicht ?

Sorry, Verwechslung hätte gemeint dass wäre der gleiche Code.
Was war den der Fehler den ich gemacht habe?

hume

Zitat

Ich wusste nicht was ich dazu schreiben sollte

Aso

Zitat

Hast du irgendwelche Fragen zu dem Quellcode ?

Ja, warum dass ganze nicht funktioniert, obwohl dass http://validator.w3.org/ sagt dass alles okay ist.

hume

Zitat

...

Und was soll dass bitte bedeuten?

hume

Zitat

Autsch...
Lass deine Seite mal validieren

Ok, hab ich gemacht dass Menü wird angezeigt, es werden zwar alle Elemente angezeigt, aber sobald man darauf klickt werden es wieder normale Links? Screenshot ist dabei. Habe einen grafischen Hintergrund gemacht, aber dass funktioniert auch nicht, hab den Code sogar überprüft, keinen Fehler.
Hier mal zur Testurl: http://www.bhkwpartner.de/test/index.html

index.html

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
      <head>
          <title>BHKWPartner - das optimale BHKW von Ihrem Installateur!</title>
          <link href="./design.css" type="text/css" rel="stylesheet" />
      </head>
      <body>


          
          <div id="eins">  <b> BHKWPartner Das richtige Aggregat vom richtigen Installateuer! </b>  </div>
          <ul id="navigation">
          <li> <a href="index.html">Startseite</a> </li>       
          <li> <a href="simulation.html">Simulationsanfrage </a> </li>
          <li> <a href="planung.html">BHKW-Planung </a> </li> 
          <li> <a href="abrechnung.html">BHKW-Abrechnung </a> </li>
          <li> <a href="aktuelles.html">Aktuelles </a> </li> 
          <li> <a href="info.html">Info </a> </li> 
          <li> <a href="agb.html"> AGB </a> </li> 
          <li> <a href="impressum"> Impressum </a> </li> 
          </ul>
      </body>


  </html>

Alles anzeigen

CSS Datei

Code

div#eins {
  background-color:orange;
  text-align:center;
  margin-top:3px;  
  font-size:14pt;
  border-style:double;
  line-height:3cm;
  color:white;
  font-family:Arial; 
  padding-top: 2%;
} 


ul#navigation {
        margin: 0px;
        padding: 0px;
        list-style-type: none;
    }


    ul#navigation li {
        padding: 0px;
        margin: 5px;
        width: 20%;
    }


    ul#navigation li a:link {
        display: block;
        border: 1px solid #000;
        background:url ("/menu.png") no-repeat top;
        padding: 10px;
        color: #000;
        font-family: Arial, Helvetica, sans-serif;
        text-decoration: none;
        font-weight: bold;
    }


    ul#navigation li a:hover {
        display: block;
        border: 1px solid #54993f;
        background: url ("/menu.png")no-repeat bottom;
        color: #fff;
    }

Alles anzeigen

hume

Hab es jetzt mal versucht, die Seite bleibt aber immer noch gleich, obwohl jetzt dass Menü angezeigt werden müsste.

Mein Code:

Index.html

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
      <head>
          <title>BHKWPartner - das optimale BHKW von Ihrem Installateur!</title>
          <link href="./design.css" type="text/css" rel="stylesheet" />
      </head>
      <body>


          <div id="eins">  <b> BHKWPartner Das richtige Aggregat vom richtigen Installateuer! </b>  </div>


           <ul id="navigation">
          <div id="zwei"></div>
          <div id="drei"> <li> <a href="index.html">Startseite  </a> </li>       </div>
          <div id="vier"> <li> <a href="simulation.html">Simulationsanfrage </li> </a> </div>
          <div id="fünf"> <li> <a href="planung.html">BHKW-Planung </a> </li> </div>
          <div id="sechs"> <li> <a href="abrechnung.html">BHKW-Abrechnung </a> </li> </div>
          <div id="sieben"> <li> <a href="aktuelles.html">Aktuelles </a> </li> </div>
          <div id="acht"> <li> <a href="info.html">Info </a> </li> </div>
          <div id="neun"> <li> <a href="agb.html"> AGB </a> </li> </div>
          <div id="zehn"> <li> <a href="impressum"> Impressum </a> </li> </div>
          </ul>


      </body>
  </html>

Alles anzeigen

CSS Datei

Code

div#eins {
  background-color:orange;
  text-align:center;
  margin-top:3px;  
  font-size:14pt;
  border-style:double;
  line-height:3cm;
  color:white;
  font-family:Arial; 
  padding-top: 2%;
} 


div#zwei {
  background-color:#178ACC;
  border-style: none; 
  padding-top:12pt;


}


div#drei {


        text-align: left;
        background: url ("./images/menü_1.2.gif")A:hover;

        }

div#vier {
        text-align:left;
        color:black;
        font-family: Arial;
        line-height: 20pt;
        }

div#fünf {


         text-align:left;
         color:black;
         font-family: Arial;
         line-height: 20pt;

}


div#sechs {


          text-align:left;
          color:black;
          font-family: Arial;
          line-height: 20pt;

          }

div#sieben {
           text-align:left;
           color:black;
           font-family: Arial;
           line-height: 20pt;
           }
div#acht {
         text-align:left;
         color:black;
         font-family: Arial;
         line-height: 20 pt;
}


div#neun {
         text-align:left;
         color:black;
         font-family:Arial;
         line-height: 20pt;

         }

div#zehn {
         text-align:left;
         color:black;
         font-family:Arial;
         line-height: 20pt;

         }

ul#navigation li {
    width: 250px;
    height: 20px;
}


ul#navigation li a:link {
    background: url("menü_1.2.gif") no-repeat top;
}


ul#navigation li a:hover {
    background: url("menü_1.2.gif") no-repeat bottom;
}

Alles anzeigen

Oder bin ich falsch vorgegangen?

hume

Kann da auch mit DIV gearbeitet werden??

hume

Hallo, hab folgendes Problem möchte ein Menü erstellen wie auf dieser Seite
http://www.webmasterpro.de/coding/article…-erstellen.html (Grafik) hab die Grafik mal angehängt. Ich habe keinen Überblick mehr wie ich eigentlich vorgehen muss.

Hier mal der Code:

index.html

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
      <head>
          <title>BHKWPartner - das optimale BHKW von Ihrem Installateur!</title>
          <link href="./design.css" type="text/css" rel="stylesheet" />
      </head>
      <body>


          <div id="eins">  <b> BHKWPartner Das richtige Aggregat vom richtigen Installateuer! </b>  </div>


          <div id="zwei"></div>
          <div id="drei"> <a href="index.html">Startseite  </a>        </div>
          <div id="vier"> <a href="simulation.html">Simulationsanfrage </a> </div>
          <div id="fünf"> <a href="planung.html">BHKW-Planung </a> </div>
          <div id="sechs"> <a href="abrechnung.html">BHKW-Abrechnung </a> </div>
          <div id="sieben"> <a href="aktuelles.html">Aktuelles </a> </div>
          <div id="acht"> <a href="info.html">Info </a> </div>
          <div id="neun"> <a href="agb.html"> AGB </a> </div>
          <div id="zehn"> <a href="impressum"> Impressum </a> </div>


      </body>
  </html>

Alles anzeigen

CSS Datei:

Code

div#eins {
  background-color:orange;
  text-align:center;
  margin-top:3px;  
  font-size:14pt;
  border-style:double;
  line-height:3cm;
  color:white;
  font-family:Arial; 
  padding-top: 2%;
} 


div#zwei {
  background-color:#178ACC;
  border-style: none; 
  padding-top:12pt;


}


div#drei {


        text-align: left;
        background: url ("menü_1.2.gif")A:hover;

        }

div#vier {
        text-align:left;
        color:black;
        font-family: Arial;
        line-height: 20pt;
        }

div#fünf {


         text-align:left;
         color:black;
         font-family: Arial;
         line-height: 20pt;

}


div#sechs {


          text-align:left;
          color:black;
          font-family: Arial;
          line-height: 20pt;

          }

div#sieben {
           text-align:left;
           color:black;
           font-family: Arial;
           line-height: 20pt;
           }
div#acht {
         text-align:left;
         color:black;
         font-family: Arial;
         line-height: 20 pt;
}


div#neun {
         text-align:left;
         color:black;
         font-family:Arial;
         line-height: 20pt;

         }

div#zehn {
         text-align:left;
         color:black;
         font-family:Arial;
         line-height: 20pt;

Alles anzeigen