Kleine css-probleme

sers,wie erwähnt,sind bei mir kleine probleme aufgetreten,die ich nicht wirklich schaffe zu beseitigen:

Prob. 1:

ich hab in meinem kontaktformular 2 buttons:
-“submit” class=“button”
-“reset”

input .button {border: ne farbe}

im IE geht das nur zur hälfte,also es klappt wenn man oberhalb vom button mit der linken maustaste klickt…

im FF geht es gar nicht

=>why?wie kann ich es beheben?

Prob. 2:

ich hab da den link für “grafik neuladen”

die definition passt eigt. ganz gut,aber im IE klappt das mit :visited nicht,der nimmt da dieses lila

=>why?wie kann ich es beheben?


bitte antworten

MfG Rayvez

Da könntest du mal die URI eines Testdokumentes angeben,
damit man sich das angucken kann…

das führt alles auf mein kontaktformular zurück

rayvez.ath.cx/kontakt.php

Versuch doch mal sowas wie
input.button {border: 5px solid #0ff}

Vorne sollte kein Lehrzeichen stehen, sonst hat das eine
andere Bedeutung, Angaben für border kann man vorsichtshalber
auch komplett machen…

ich möchte den rahmen aber nut für den submit button…

problem 1 bezüglich dem link hat sich bereits geklärt

Dann schreibst du in dem Formular eben noch eine weitere
Klasse in das class-Attribut:

Und im CSS:

input.abschicken {border: 5px solid #0ff}

ich hab aber gesagt,dass border nur bei type=„submit“ da sein soll,so geht das aber net,es ist immer entweder bei beiden oder bei keinem :motz:

Mit was für einem browser guckst du dir das denn an?
Vielleicht interpretiert der das class-Attribut falsch, ansonsten
sollte es so gehen.

Alternative, du schreibst:

Und im CSS:
input#abschicken {border: 5px solid #0ff}

id=“abschicken” darf dann natürlich nur exakt einmal im
Dokument auftauchen ;o)

hat auch net geklappt

auch net wie ich type=“reset” class zugeordnet und dann border: #000000;

der hat das net überschrieben ?!?!?

Also bei deiner aktuellen Version ist das XHTML auch gar nicht
so wie beschrieben, wenn du nur das CSS änderst, kann es nicht
funktonieren.

Prinzipiell kannst du die Zuordnung tatsächlich auch mit den
Attributwerten nur in CSS machen, antike browser beherrschen
das aber nicht (etwa MSIE6, keine Ahnung, ob MSIE7 damit klar
kommt).

Sieht dann zum Beispiel so aus:

input[type=submit] {border: 5px solid #0ff}
input[type=reset] {border: 5px solid #f00}

vielen dank!^^

nur noch eine frage,wieso ändert sich beim IE7 im falle eines klicks oberhalb der buttons
die größe vom submit button??

Tja, MSIE ist immer eine spannende Geschichte.
Was Spezifisches sehe ich da jedenfalls erst mal nicht als
Ursache.

Pauschal kannst du erstmal die groben Strukturfehler der
Seite beseitigen und gucken, ob es dann anders aussieht.

In die erste Zeile kommt entweder die
xml-Verarbeitungsanweisung oder der Doctype, keine Leerzeile
jedenfalls.

Dann gibt es exakt einen Doctype pro Dokument, den zweiten
kannst du entsorgen, ebenso das zweite html, head und body.
Die kommen auch alle nur exakt einmal im Dokument vor.

iso-8859-1 heißt es übrigens, nicht is0-8859-1

Wenn der Validator meint, daß alle Fehler weg sind und der MSIE
immer noch ein Problem mit der Seite hat, kann es auch ein
Fehler vom MSIE sein (kommt häufiger vor).

validator.w3.org/check?uri=http% … ontakt.php

schonmal vielen dank,auch wenn es bisher leider nichts bewirkt hat

[quote]Alternative, du schreibst:

Und im CSS:
input#abschicken {border: 5px solid #0ff}
[/quote]
naja im CSS würde es eher so heissen:
#abschicken.input {border: 5px;solid;#0ff;}
oä. das wichtigste ist natürlich dass mindestens am ende ein ; vorkommt…
und wenn du mint klassen arbeitest muss noch bei irgend einem element (

oder so) das vorkommen: id=“klassenname” , sonst gehts net

und mit id= … sollte es auch so gehen:
#id {css kram;}

ABER: mit klassen zu arbeiten lohnt sich nur dann, wenn diese Klasse auch mehrere elemante beinhaltet…
und id bringts auch nur dann, wenn du ncoh parallel mit klassen oder PHP arbeitest…

(ich hab zwar nicht das ganze thema durch gelesen, aber )evtl. geht es besser, wenn du mit dem style attribut im element arbeitest
<input type=“submit” … style=“border-width: 5px; border-color: #0ff;…” />

hoffe ich konte helfen
MfG

Zu
#abschicken.input {border: 5px;solid;#0ff;}
oder auch
input#abschicken.input {border: 5px;solid;#0ff;}

müßte das wie folgt aussehen:

Oder anders ausgedrückt, das .input braucht man nicht wie
bereits angegeben. Die Alternative mit Klassen wurde auch
bereits weiter oben diskutiert ;o)

Semikolon hinter der letzten Eigenschaft braucht man nicht,
das dient nur dazu, verschiedene Eigenschaften voneinander
zu trennen, da es am Ende nichts zu trennen gibt, trennt ein
Semikolon dort also eher die vorherige vor einer leeren Angabe,
die nichts bewirkt, weshalb man sich das auch schenken kann,
aber nicht muß.

Auf das style-Attribut sollte man nach Möglichkeit ganz verzichten,
weil das sehr schwer mit einer anderen Stilvorlage zu
überschreiben ist aufgrund seiner hohen Spezifität. Dessen
Verwendung deutet meist auf schlechten Stil hin, in sehr wenigen
Fällen auch auf einen inhaltlichen Notbehelf, weil ein
Präsentationsattribut nicht verfügbar ist oder man eigentlich ein
anderes Fromat und nicht (X)HTML verwenden sollte.

also mittlerweile hat es sich mim input border getan,allerdings ist noch das problem mim IE.

bei ihm kann man durch mausklick oberhalb des buttons den submit-button verkleinern & bei wiederholtem drückn wieder normal machn