nicht angemeldet
Hab grad die ehrenvolle Aufgabe bekommen fuer unsere Firma eine HP zu gestalten, weil die alte einfach grausig ist. Allerdings stellt mir CSS einige Steine in den Weg und ich sehe nicht, wo die Fehler liegen. Vielleicht koennt Ihr mir da ja weiterhelfen?
Die Url ist: http://www.code-black.org/Chris/index_.php
-------------------------------------------------------
Kann ja erstmal die .css hier reinstellen, ist sicher auch noch optimierungsfaehig:
* { font: 14px Arial; }
h1 { font: bold 22px Arial; }
h3 { font: bold 14px Arial; }
/*ul { list-style: none; margin-bottom: 0px; padding: 0px;}
ul li { display: inline; } */
#hnavcontainer { margin-left: auto; margin-right: auto; margin-top: 10px; margin-bottom: 10px; }
#hnavlist li { display: inline; padding-bottom: 14px; padding-left: 20px; background-repeat: no-repeat; }
#hnavlist a { padding-left: 20px; padding-bottom: 14px; font-weight: bold; text-transform: uppercase; text-decoration: none; }
#hnavlist a:link, #hnavlist a:visited { padding-left: 20px; color: red; background: url("menupfeil.gif"); background-position: 0 -28px; background-repeat: no-repeat; }
#hnavlist a:hover { color: black; padding-left: 20px; background: url("menupfeil.gif"); background-repeat: no-repeat; background-position: 0 -14px; }
#hactive a:link, #hactive a:visited, #hactive a:hover { color: black; padding-left: 20px; background: url("menupfeil.gif"); background-repeat: no-repeat; background-position: 0 -14px; }
#navcontainer { margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px; margin-left: -20px; }
#navlist li { display: inline; padding-bottom: 14px; padding-left: 0px; background-repeat: no-repeat; }
#navlist a { padding-left: 0px; padding-bottom: 14px; font-weight: bold; text-transform: uppercase; text-decoration: none; }
#navlist a:link, #navlist a:visited { padding-left: 0px; color: red; background: url("menupfeil.gif"); background-position: 0 -28px; background-repeat: no-repeat; }
#navlist a:hover { color: black; padding-left: 20px; background: url("menupfeil.gif"); background-repeat: no-repeat; background-position: 0 -14px; }
#active a:link, #active a:visited, #active a:hover { color: black; padding-left: 20px; background: url("menupfeil.gif"); background-repeat: no-repeat; background-position: 0 -14px; }
#sub a:link, #sub a:visited, #sub a:hover { text-transform: none; }
a { text-decoration: none; font-weight: bold; }
a:link, a:visited { color: #000000; }
a:hover, a:active { background-color: #E00000; }
-------------------------------------------------------
Im Seitenmenue haette ich jetzt gern einen groesseren Abstand zwischen den einzelnen Links, allerdings aendert sich nichts wenn ich bei #navlist a { padding: 50px; } hinzufuege - woran liegt das?
Wenn Ihr Euch weiterhin den Seitenquelltext anschaut, werdet Ihr bei einigen Untermenues (z.B. http://www.code-black.org/Chris/index_.php?id=6) feststellen, dass die ID sub mehrfach benutzt wird, was ja eigentlich nicht gemacht werden sollte. Wenn ich diese allerdings als class definiere, werden die Formatierungen nicht uebernommen...
Waere nett, wenn jemand eine Loesung fuer eines der Probleme, gern auch beide finden wuerde.
MudGuard