[HTML] Links im Menu gehen nicht

Dieses Thema im Forum "Webdesign" wurde erstellt von x4you, 23. November 2009 .

Schlagworte:
  1. 23. November 2009
    Links im Menu gehen nicht

    Hey Leute,
    ich sitze gerade in der Schule und bin in einem Projekt. Ich soll ein Portfolio machen.

    So ich hab gerade angefangen zu Coden.
    und zwar gehen die ersten 3 Menu Links nicht. Und der 4. geht.
    Meine Lehrer findet auch nichts. Könnt ihr mir vllt sagen was da los ist?


    HTML:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head><title></title></head>

<style type="text/css">
<!--
.aussen {position: absolute;
 height:600px;
 width:960px;
 top:100px;
 left:340px;
 border:dashed;}

/*MENU*/


.home {position:absolute;
 padding-left:480px;
 padding-top:80px;
 font-size:20px;}
 
.kontakt {position:absolute;
 padding-left:553px;
 padding-top:80px;
 font-size:20px;}
 
.portfolio {position:absolute;
 padding-left:660px;
 padding-top:80px;
 font-size:20px;}
 
.vita {position:absolute;
 padding-left:779px;
 padding-top:80px;
 font-size:20px;} 
 
.strich1 {position:absolute;
 padding-left:545px;
 padding-top:80px;
 font-size:20px;} 
 
.strich2 {position:absolute;
 padding-left:652px;
 padding-top:80px;
 font-size:20px;} 
 
.strich3 {position:absolute;
 padding-left:772px;
 padding-top:80px;
 font-size:20px;} 

/* MENU LINKS*/
a:hover {font-size:35px; text-decoration:none}
a:link {color:#000000; text-decoration:none}
a:visited {color:#000000; text-decoration:none}



-->
</style>

<body>

<div class="aussen">




<div class="home"> <a href="http://www.gmx.net/">HOME</a></div>
<div class="strich1">|</div>
<div class="kontakt"> <a href="http://www.gmx.net/">KONTAKT</a></div>
<div class="strich2">|</div>
<div class="portfolio"> <a href="http://www.gmx.net/">PORTFOLIO</a></div>
<div class="strich3">|</div>
<div class="vita"> <a href="http://www.gmx.net/">VITA</a></div>




<div>

</div>

</body>

</html>
     
    + Multi-Zitat Zitieren
  3. 23. November 2009
    AW: Links im Menu gehen nicht

    Hi,

    sehe jetzt auch keine groben Fehler, aber das CSS Zeugs gehört in den <head> und ein div war zuviel. Ich glaube du schiebst mit deinen Absoluten Positionierung das ganze Zeug aufeinander, was ich aber nicht genau sagen kann, da CSS nicht mein Fachgebiet ist und ich nur mit css4you mich "durchmogle"

    mfg

    HTML:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head><title></title>

<style type="text/css">
<!--
.aussen {position: absolute;
 height:600px;
 width:960px;
 top:100px;
 left:340px;
 border:dashed;}

/*MENU*/


.home {position:absolute;
 padding-left:480px;
 padding-top:80px;
 font-size:20px; }
 
.kontakt {position:absolute;
 padding-left:553px;
 padding-top:80px;
 font-size:20px;}
 
.portfolio {position:absolute;
 padding-left:660px;
 padding-top:80px;
 font-size:20px;}
 
.vita {position:absolute;
 padding-left:779px;
 padding-top:80px;
 font-size:20px;} 
 
.strich1 {position:absolute;
 padding-left:545px;
 padding-top:80px;
 font-size:20px;} 
 
.strich2 {position:absolute;
 padding-left:652px;
 padding-top:80px;
 font-size:20px;} 
 
.strich3 {position:absolute;
 padding-left:772px;
 padding-top:80px;
 font-size:20px;} 

/* MENU LINKS*/
a:hover {font-size:35px; text-decoration:none}
a:link {color:#000000; text-decoration:none}
a:visited {color:#000000; text-decoration:none}

-->
</style>
</head>
<body>

<div class="aussen">


<div class="home"><a href="http://www.gmx.net/">HOME</a>
</div>
<div class="strich1">|</div>
<div class="kontakt"> <a href="http://www.gmx.net/">KONTAKT</a></div>
<div class="strich2">|</div>
<div class="portfolio"> <a href="http://www.gmx.net/">PORTFOLIO</a></div>
<div class="strich3">|</div>
<div class="vita"><a href="http://www.gmx.net/">VITA</a></div>


</div>

</body>

</html>
     
    + Multi-Zitat Zitieren
  4. 23. November 2009
    AW: Links im Menu gehen nicht

    1. CSS Code IMMER Im Header oder in einer Stylesheet-Datei

    2. IMMER die Reihenfolge link, visted, hover, active beibehalten

    3. Menüs als Liste machen, nicht jeden Link und jeden Strich als DIV Container.

    Lern ein bisschen CSS
    CSS 4 You - The Finest in Stylesheets
    CSS 4 You - The Finest in Stylesheets: Workshop: Layouten ohne Tabellen
     
    + Multi-Zitat Zitieren
  5. 23. November 2009
    AW: Links im Menu gehen nicht

    Wieso soll ich nicht jeden Strich in einen Div Tag machen, ich muss ja alles Plazieren. Und Tabellen dürfen wir nicht machen. Das mit dem Head is mir garnicht eingefallen.
    Aber was komisch ist. Bei mir zu Hause geht alles. Der Unterschied ist nur das ich hier mit Win 7 arbeite und in der Schule mit MAC OS X, aber mit dem gleich Programm und auch selber Browser.
     
    + Multi-Zitat Zitieren
  6. 24. November 2009
    AW: Links im Menu gehen nicht

    Win XP Firefox 3.0 funzt es nicht.
    Und jeden einzelnen strich mit div containern zu positionieren ist nicht der Sinn von CSS
     
    + Multi-Zitat Zitieren
  7. 24. November 2009
    AW: Links im Menu gehen nicht

    1. Nutze ich nicht XP sondern 7.
    2. Ist es egal wo für CSS gedacht ist, so lange es möglich ist kann man es auch nutzen.

    Übrigens - Fehler gefunden.
     
    + Multi-Zitat Zitieren
  8. 25. November 2009
    AW: Links im Menu gehen nicht

    Es ist egal ob XP, Vista oder Win 7
    Die Darstellung ist Browserabhängig, nicht Betriebssystemabhängig.

    Dann kannste gleich aufhören, weil du es eh nicht lernen willst.
    Kannst wieder mit Tabellen arbeiten, so wurde früher nämlich auch gedacht

    Ist natürlich absolut sinnlos zu sagen wo der Fehler liegt, es könnten ja andere noch was davon lernen
     
    + Multi-Zitat Zitieren
  9. 29. November 2009
    AW: Links im Menu gehen nicht

    Und? das ist schön, wir freuen uns alle darüber, aber wo lag er?
    //Edit:
    hups übersehen
     
    + Multi-Zitat Zitieren
  10. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.

Auf dieses Thema antworten