den7
Mitglied
Registriert: 15.12.2006
Beiträge: 9
|
|
Hallo,
Ich befasse mich ziemlich intensiv mit CSS momentan. Irgendwie nimmte es gewisse Funktionen die ich gesetzt habe nicht an...
Gehe auf seite : http://www.konzept-gestaltung.ch/index2.htm
Bei der Navigation mit den Aufzählungen home /portfolio / netzwerk / profil erscheint beim Normal Link nicht Verdana, sondern Times. Wieso wird hier das CSS nicht gelesen?
Auf der Netzwerk Seite http://www.konzept-gestaltung.ch/netzwerk.htm
werden die links mit einem Textabstand gelesen und haben einen linken Einzug (padding) Diesen Abstand hatte ich früher einmal via CSS gesteuert, jedoch habe ich diesen dann im CSS gelöscht. Leider wird dieser Abstand immer noch angezeigt sowie der Zeichenabstand. Wieso werden diese Befehle weiterhin angezeigt, obwohl das css diese Funktionen nicht mehr enthält?
Auch möchte ich das Bild mit dem grauen und blauen viereck am unteren Rand bündig ansetzen. Ich habe Das bild auf 200x200 px vergrössert. Diese Grösse ist identisch mit der Zellengrösse. Jedoch entsteht dieser untere Rand dazu. Wie krieg ich diesen Rand weg?
Die Seite sollte auf dem PC internet Explorer sowie auf dem Mac Safari identisch sein. Meine ersten Tests auf dem Mac waren jedoch erschreckend anders!! gibt es vielleicht unter selfhtml eine Seite die beschreibt, was für punkte zu beachten sind?..sonstige Tips vielleicht dazu? etc..
Vielen Dank für das Feedback!!! Wäre super, wenn sich bis heute abend meiner Probleme angenommen hat ...
Gruess
Den
|
|
| 13.02.2007 10:12:39 |
|
dkdenz
Administrator
Ort: Lübeck
Registriert: 25.04.2005
Beiträge: 605
|
|
Hallo
Wenn man für verschiedene Links ein verschiedenes Aussehen haben will, dann muss man konsequent die Klassen bezeichnen und "befüllen".
Beispiel:
Code:
a.menu:link, a.menu:visited, a.menu:hover, a.menu:active {
font-family: Verdana, Geneva;
font-size:0.9em;
font-weight:bold;
color:#000;
text-decoration:none;
background:#efdaa2;
}
a.menu:hover {
text-decoration:underline;
} |
Code:
a.promotion:link, a.promotion:visited, a.promotion:hover, a.promotion:active {
font-family: Arial, sans serif;
font-size:0.9em;
color:#000;
text-decoration:none;
}
a.promotion:hover {
text-decoration:underline;
} |
Ansonsten denken viele Menschen, CSS ist ja nicht so schwer, aber es handelt sich dabei um eine mächtige Sprache.
Da kommt man nicht umhin, sich Lektüre zu suchen und immer wieder testen, testen, testen...
Hier eine gute Referenz, in der auch auf die Eigenarten der verschiedenen Browser eingegangen wird: http://www.css4you.de/
Zu den anderen Problemen (die ich jetzt allerdings nicht genau analysiert habe):
Du verwendest einen XML-Prolog. Das führt dazu, das der IE6 in den Quirks-Mode switcht, die anderen Browser sich aber im Standard-Mode befinden. Das führt häufig zu Darstellungsproblemen.
Eine mögliche Lösung wäre es, den XML-Prolog wegzulassen, damit sich alle Browser im Standard-Mode befinden.
Viel Spaß noch...
_______________________________________
Mozilla/5.0 (X11; U; Linux i686; de; rv:1.8.0.14eol) Gecko/20080418 Ubuntu/dapper-security Firefox/1.5.0.12eol
|
|
| 13.02.2007 20:06:03 |
| http://dkmd.de | http://dkdenz.de |
Zitieren |
|
den7
Mitglied
Registriert: 15.12.2006
Beiträge: 9
|
|
Danke für den Hinweis.
Wie aber stelle ich den XML-Prolog zurück?? Macht es Sinn inmitten einer Programmierung diese Umstellung zu machen oder ist dann das chaos nur noch grösser?
Ich habe tatsächlich diese Browser Probleme. ich bin bald am verzweifeln!!
Auf der Seite:
http://www.konzept-gestaltung.ch/netzwerk.htm
Scheint die untere Zelle nicht richtig im ie 7.0.
Kann mir jemand sagen, wieso nicht?
Dazu habe ich bemerkt, dass auf der Seite z.bsp.
http://www.konzept-gestaltung.ch/index2.htm
Der Link info@konzept-gestaltung.ch mit einer unterlinie erscheint, obwohl ich im CSS mitgegeben habe, dass text-decoration:none sein sollte.
Was ist hier falsch??
Mein CSS:
.ersteklasse { color: gray; font-size: 14px; font-family: Verdana, Geneva; text-decoration: none; letter-spacing: 3px; padding-left: 15px }
.ersteklasse:visited { color: gray; font-size: 14px; font-family: Verdana, Geneva; text-decoration: none; letter-spacing: 3px; padding-left: 15px }
.ersteklasse:hover { color: #2c94b5; font-family: Verdana, Geneva; text-decoration: none; letter-spacing: 3px; padding-left: 15px }
.ersteklase:active { color: gray; font-family: Verdana, Geneva; text-decoration: none; letter-spacing: 3px; padding-left: 15px }
.zweiteklasse { color: white; font-size: 14px; font-family: Verdana, Geneva; text-decoration: none; letter-spacing: 3px; padding-left: 10px }
.zweiteklase:visited { color: white; font-size: 14px; font-family: Verdana, Geneva; text-decoration: none; letter-spacing: 3px; padding-left: 10px }
.zweiteklasse:hover { color: white; font-size: 14px; font-family: Verdana, Geneva; text-decoration: none; letter-spacing: 3px; padding-left: 10px }
.zweiteklasse:active { color: white; font-size: 14px; font-family: Verdana, Geneva; text-decoration: none; letter-spacing: 3px; padding-left: 10px }
.dritteklasse { color: gray; font-size: 9px; font-family: Verdana, Geneva; text-decoration: none }
.vierteklasse { color: gray; font-size: 11px; font-family: Verdana, Geneva; line-height: 16px; text-decoration: none; padding-left: 15px }
.vierteklasse:hover { color: #2c94b5; font-size: 11px; font-family: Verdana, Geneva; line-height: 16px; text-decoration: none; padding-left: 15px }
.vierteklasse:visited { color: gray; font-size: 11px; font-family: Verdana, Geneva; line-height: 16px; text-decoration: none; padding-left: 15px }
.vierteklasse:active { color: gray; font-family: Verdana, Geneva; line-height: 16px; text-decoration: none; padding-left: 15px }
.fuenfteklasse { color: gray; font-size: 11px; font-family: Verdana, Geneva; text-decoration: none }
.fuenfteklasse:hover { color: #2c94b5; font-size: 11px; font-family: Verdana, Geneva; text-decoration: none }
.fuenfteklasse:visited { color: gray; font-size: 11px; font-family: Verdana, Geneva; text-decoration: none }
.fuenfteklasse:active { color: gray; font-size: 11px; font-family: Verdana, Geneva; text-decoration: none }
Vielen Dank für die Tips
Den
|
|
| 19.02.2007 23:44:06 |
|
dkdenz
Administrator
Ort: Lübeck
Registriert: 25.04.2005
Beiträge: 605
|
|
Hallo
Abgesehen davon das man XHTML/CSS nicht programmiert, dürfte es i.d.R. keine Probleme geben, den XML-Prolog wegzulassen.
Es kommt halt drauf an, wie sehr man sich im Code für den IE6 verbogen hat.
Aber anscheinend hast Du keine Hacks verwendet.
Zur Problembehebung der Links:
Manchmal lohnt es sich, den Code nochmals von Anfang an neu aufzubauen.
Du wirst das sicher hinkriegen.
Das kann man eigentlich auch erwarten bei jemandem, der u.a. Webdesign verkaufen will. ;-)
Viel Spaß noch...
_______________________________________
Mozilla/5.0 (X11; U; Linux i686; de; rv:1.8.0.14eol) Gecko/20080418 Ubuntu/dapper-security Firefox/1.5.0.12eol
|
|
| 20.02.2007 09:46:07 |
| http://dkmd.de | http://dkdenz.de |
Zitieren |
|
Wechsel zu
Die letzten Beiträge aus diesen Forum
|
|
