Suche im Forum:
Suchen


Autor Nachricht
Beitrag20.03.2009 um 14:02 (UTC)    
Titel: Mein CSS Code Hilfe

Hay ihr!

Ich habe in 7 Tagen Praktikum bei einem Internet Service und da wollte ich ein bisschen Eindruck schinden mit einem CSS Code. Gewisse Grundekentnisse hatte ich ja bereits, aber ich würde gerne noch mehr am Code machen... Bitte fügt eure Ideen gleich in den Code ein oder sagt mir wo ich sie einfügen muss.

Mein Code:

Zitat:
body {
margin : 0;
padding : 0;
font-family : verdana, arial, helvetica, sans-serif;
color : #5c9222;
background-color : white;
}
h1 {
margin : 0 0 15px 0;
padding : 0;
font-size : 28px;
line-height : 28px;
font-weight : 900;
color : #ff4000;
color : #990000;
background-color : #fc9804;
font-family : arial, verdana, sans-serif;
font-style : italic;
font-variant : small-caps;
text-decoration : underline;
letter-spacing : 6px;
}
p {
font : 11px/20px verdana, arial, helvetica, sans-serif;
margin : 0 0 16px 0;
padding : 0;
}
body {
background-color : #000000;
background-image : url("http://pressthebuttons.typepad.com/photos/uncategorized/gameover.gif");
background-repeat : no-repeat;
background-attachment : fixed;
background-position : center right;
}
h2 {
font-family : "Times New Roman", serif;
font-style : italic;
}
h2 {
font-variant : normal;
}
h2 {
text-decoration : underline;
}
h3 {
text-decoration : underline;
}
p {
letter-spacing : 3px;
}
a:link {
color : blue;
}
a:visited {
color : red;
}
a:active {
background-color : #ffff00;
}
a:hover {
text-transform : uppercase;
font-weight : bold;
color : black;
background-color : red;
}
body {
margin : 100px 40px 10px 70px;
}
h2 {
border-width : 10px;
border-style : inset;
border-color : red;
}
p {
border-width : 1px;
border-style : dashed;
border-color : blue;
}
ul {
border-width : thin;
border-style : solid;
border-color : orange;
}
h2 {
border-top-width : thick;
border-top-style : solid;
border-top-color : red;
border-bottom-width : thick;
border-bottom-style : solid;
border-bottom-color : blue;
border-right-width : thick;
border-right-style : solid;
border-right-color : green;
border-left-width : thick;
border-left-style : solid;
border-left-color : orange;
}
#nav_container{width:150px;float:left;display:block;}
#content{float:left;width:600px;}
#sidebar_heading{float:left;}
#counter{position:absolute;}




Edit: Nehme gerne Verbesserungsschläge an, was man z.B. zusammenfassen kann oder ähnliches


Vielen Dank im Vorraus


LG Louis


Zuletzt bearbeitet von psxgame am 20.03.2009, 15:03, insgesamt einmal bearbeitet
Beitrag20.03.2009 um 16:43 (UTC)    
Titel:

1. Kannst du da noch Optisch einiges rausholen, in dem du ein bisschen Platz zwischen den Anweisungen etc. lässt. Beispiel:

td.nav{
color: blue;
text-decoration: none;
}

td.nav2{
color: red;
text-underline: none;
}

etc.

2. Ich habe gesehen, dass du beispielsweise h2, h3 etc. mehrmals hast. Hau das doch alles zusammen. Also jetzt nicht h2 und h3 zusammen werfen, sondern alle h2 und alle h3 jeweils.

3. Du könntest das Ganze ein bisschen sortieren. (alles was mit der Navi zu tun hat nacheinander beispielsweise)

4. Bau Kommentare ein, was wo dazu gehört. Bessert die Übersicht auf und macht auch einen guten Eindruck, da es oft in der Programmierung gemacht wird, um nicht die Übersicht zu verlieren.
______________
LG André

GMMTS.de
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de