• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Problem Linkfarbe Foto IE

V

Vincnet

New member
Hallo

Ich habe meine erste Seite mit CSS geschrieben, habe allerdings einen Problem.
Ich habe Fotos als Link gemacht, die Farben habe ich geändert, klappt allerdings nicht mit IE.
Sonst kein Problem.
Und wirklich nur mit Fotos, für den Text als Link geht es perfekt.

Die Seite ist http://www.ragnarhayn.com

Ich würde mich sehr freuen wenn Ihr weiterhelfen könntet.

Vielen Dank in voraus

Vincnet
 
Pack mal in Deine css-Datei folgendes:

img {
border: 0px;
}

falls Du den orangenen Border beibehalten willst:

img {
border: 1px solid #FFCC33;
}
 
Evtl hab ich es auch falsch verstanden? Naja, jedenfalls stellt der IE Bilder, welchen das Border-Attribut fehlt, den Border dann in diesem schicken blau dar. Dies kann man durch meinen Vorschlag abwenden.

Edit: Grad nochmal den Quelltext angeschaut - Du hast ab und an "with" und "heigh" geschrieben. Aus with bitte
width machen und aus heigh doch bitte height machen.

Sind noch so einige Fehlerchen drin - <p>-tags nicht mit <a>-tags kreuz und quer verschachteln.

Gute Infos zu CSS findest du auf www.css4you.de
 
Zuletzt bearbeitet:
Das kommt davon, wenn man arbeitet und mal so nebenbei Fragen beantworten will.
Und noch dazu keinen IE zum Gucken hat (Gottseidank nicht)... :D

Vincnet schrieb:
Ich würde mich sehr freuen wenn Ihr weiterhelfen könntet.
Zum Vergrößern anklicken....
Da hast Du beim IE leider Pech...
 
Zuletzt bearbeitet:
Vielen Dank zuerst - ich glaube ihr habt doch richtig verstanden :)

Leider klappt es nicht - ich habe beide Sachen probiert, mit 0px und mit rand .

Die Farbe ändert sich nicht wenn ich über die Fotos gehe und komischerweise die Größe der Fotos hat sich geändert :brainless

Hier wäre das CSS Dokument

Wenn ich eh alles falsch gemacht habe zerbricht euch nicht den Kopf...

Vincnet
 
Entschuldigung, die Größe von Fotos kommt von die Anderungen in height und width - ich muss diese jetzt rückgängig um alles genauer wiederzuändern.

Bleibt also nur das Problem mit die Fotos-Lonks...


vincnet
 
Moin!

So sollte es gehen (am Ende des CSS hinzufügen):

a img{
border:2px solid #FFFFFF;
}
a:hover img{
border:2px solid #FF9900;
}

Ahoi - Pit
 
Zuletzt bearbeitet:
pit-r schrieb:
Moin!

So sollte es gehen (am Ende des CSS hinzufügen):

a img{
border:2px solid #FFFFFF;
}
a:hover img{
border:2px solid #FF9900;
}

Ahoi - Pit
Zum Vergrößern anklicken....

Für den IE?
Ich dachte, der zeigt Hover-Effekte nur für den a-Tag an...?
 
Hi!
dkdenz schrieb:
Für den IE?
Ich dachte, der zeigt Hover-Effekte nur für den a-Tag an...?
Zum Vergrößern anklicken....
Richtig, aber die Pseudoklasse bezieht sich ja auf die a-Tags. Hab es gerade mal ausprobiert und es funzt. :D

Ahoi - Pit
 
Hi!

Haste das denn auch damit:
a:link, a:visited { text-decoration: none; color:#FFFFFF;}
a:hover { text-decoration: none; color:#FF9900;}
a:active { text-decoration: none; color:#FFFFFF;}
kombiniert? Nur dann geht es...

Ahoi - Pit
 
War an sich nur eine (allerdings recht sichere Vermutung), daß die Kombination funzen müßte. Hab in der Vergangenheit schon einige nette Experimente mit hover im IE gemacht (primär mit in a-Tags befindlichen anderen Tags) und dabei ganz drollige Resultate erzielt.

Ahoi - Pit
 
An Alle Vielen Dank :love:
Ich bin sprachlos, ihr seid einfach gut.
Toll - Merci !

Ich habe dieser link von dkdenz probiert, konnte damit einige fehler korrigieren, nur verstehe ich nicht warum er sagt : "XML-Deklaration nicht vorhanden" obwohl es eine gibt... :(

Mensch...
Vincnet
 
Das ist eine XML-Deklaration:
<?xml version="1.0" encoding="ISO-8859-1"?>
Da es aber keine Fehlermeldung sondern eher ein Hinweis ist,
kannst Du das auch unbeachtet lassen...
 
Cool ich danke dir.
Kannst du mir eventuell noch ein Wort zu die 4 gleiche Fehler die es noch gibt ?
Habe gerade gesucht leider ohne Erfolg.
Vincnet

(letzte Frage versprochen :p )
 
Moin!

Du hast p-Tags unmittelbar in a-Tags - das geht so nicht. Wenn das validieren soll, pack am besten ein object um die p's => <object><p>blah</p></object>

Ahoi - Pit
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben