Fehler bei CSS?

10/19/2013 00:57 Apfeljunge96#1
Hallo,

ich habe hier diese html datei

und m;chste sie eig. so ausehen lassen
und habe es so mit css geschreiben
Und meine frage was hab ich bei CSS falsch gemacht? danke fuer hilfe :D

PS: mach es noch net lange und will nur ein test sein!
10/19/2013 02:12 MrDami123#2
Hast nichts falsch gemacht, nur anders.
Wenn du dir dein Bsp. Bild anschaust, besteht es aus mehreren Komponenten.
Da wäre der graue lange Balken, die einzelnen Rechtecke, welche ein gelbes Rechteck und unvollständige Umrandung haben, und der Link in der Mitte platziert.

Einfach Stück für Stück aufbauen und bei jeder Frage oder Problem kurz und effizient googlen. HTML/CSS ist wohl das am meisten vertretenste Thema im Netz xD
10/19/2013 04:06 Apfeljunge96#3
Quote:
Originally Posted by MrDami123 View Post
Hast nichts falsch gemacht, nur anders.
Wenn du dir dein Bsp. Bild anschaust, besteht es aus mehreren Komponenten.
Da wäre der graue lange Balken, die einzelnen Rechtecke, welche ein gelbes Rechteck und unvollständige Umrandung haben, und der Link in der Mitte platziert.

Einfach Stück für Stück aufbauen und bei jeder Frage oder Problem kurz und effizient googlen. HTML/CSS ist wohl das am meisten vertretenste Thema im Netz xD
Ok danke, aber meine frage ist jetzt wenn ich meine art anwende da ist sie grau und nicht orange wie eig. auf den bild o.O
10/19/2013 16:09 MrDami123#4
Nun gut, ich kann kein CSS.. dennoch hab ich dir hier eine Lösung gebastelt:
PHP Code:
#navi {  
      text-align:center;  
      margin-bottom:10px;  
      margin-top:10px;  
      margin-left:10px;  
      margin-right:10px; 
      } 
                

#navi li { 
       float:left; 
       margin-left:10px;        
       width:100px; 
       background-color:silver;  

       margin-top:10px;  
       padding-top:8px;  
       padding-bottom:8px;  
       padding-left:8px;  
       padding-right:8px; 
       

       border-left-width: 30px;
       border-left-style: solid;
       border-color: darkorange;
       text-align: justify;
       } 
        
#navi a:link { blue; text-decoration:none;} 
#navi a:visited { black; text-decoration:line-through} 
#navi a:focus { green; text-decoration: underline} 
#navi a:hover { red; text-decoration: underline} 
#naci a:active { orange; text-decoration:underline} 
Und wie hab ich das hinbekommen? Ich hab gegoogelt :D
[Only registered and activated users can see links. Click Here To Register...]

Worauf ich hinaus will ist, dass du beim lernen und späteren flüssigen programmieren immer auf Probleme und Fehler etc. kommen wirst.
Diese Anfänger fragen sind tausende male bereits beantwortet worden und lassen sich genauso einfach ohne Suchmaschinen Kenntnisse finden.

Ich hab 2min. gebraucht um die Lösung zu finden. Du hast einen halben Tag warten müssen.. ;)
10/19/2013 21:47 Apfeljunge96#5
Quote:
Originally Posted by MrDami123 View Post
Nun gut, ich kann kein CSS.. dennoch hab ich dir hier eine Lösung gebastelt:
PHP Code:
#navi {  
      text-align:center;  
      margin-bottom:10px;  
      margin-top:10px;  
      margin-left:10px;  
      margin-right:10px; 
      } 
                

#navi li { 
       float:left; 
       margin-left:10px;        
       width:100px; 
       background-color:silver;  

       margin-top:10px;  
       padding-top:8px;  
       padding-bottom:8px;  
       padding-left:8px;  
       padding-right:8px; 
       

       border-left-width: 30px;
       border-left-style: solid;
       border-color: darkorange;
       text-align: justify;
       } 
        
#navi a:link { blue; text-decoration:none;} 
#navi a:visited { black; text-decoration:line-through} 
#navi a:focus { green; text-decoration: underline} 
#navi a:hover { red; text-decoration: underline} 
#naci a:active { orange; text-decoration:underline} 
Und wie hab ich das hinbekommen? Ich hab gegoogelt :D
[Only registered and activated users can see links. Click Here To Register...]

Worauf ich hinaus will ist, dass du beim lernen und späteren flüssigen programmieren immer auf Probleme und Fehler etc. kommen wirst.
Diese Anfänger fragen sind tausende male bereits beantwortet worden und lassen sich genauso einfach ohne Suchmaschinen Kenntnisse finden.

Ich hab 2min. gebraucht um die Lösung zu finden. Du hast einen halben Tag warten müssen.. ;)
Es war aber mittens in der nacht bei mir (meiner zeitzone) und gehe gerade erst am pc also hat es sich doch gelohnt:D
10/20/2013 02:05 MrDami123#6
Es hat sich gelohnt, weil du jetzt weißt, wie du vorgehen musst ;)
10/21/2013 14:31 xxfabbelxx#7
moved