Klassen für Input-typen definieren

[parawaiter]

Hallo,

Ich bin grad dabei ein XT-Commerce Template zu erstellen und ecke da an einer Stelle an.
Manche der im Template verwendeten Bottons werden durch ein input-tag mit image-type
erstellt.

Da der IE mit Bild-Objekten aller Art nicht wirklich umgehen kann (z.B. setzt er unterhalb eines Bildes etwa 4 Pixel Abstand zum nächsten Element) hab ich allen Bildobjekten
die eigenschafft display: block; zugewiesen.

input
{
display: block;
}

img
{
display: block;
}

Das Problem dabei ist, dass jetzt natürlich auch z.B. Radiobottons mit display: block;
dargestellt werden.

Gibt es eine Möglichkeit den verschiedenen input typen mit CSS verschiedene
eigenschafften zu geben?

z.B.

input.image
{
display: block;
}

Würde mich sehr über Antworten freuen

MFG

parawaiter

 

[Maik]

Hi,

hast du es denn schon mit der Klassen-Implementierung versucht?

Denn das wäre aus der Sicht des IE <7 die einzige Möglichkeit, um Fallunterscheidungen für die unterschiedlichen input-Elemente vorzunehmen, da die Vorgänger der aktuellen 7er-Version mit den Attributsselektoren à la input[type=button] nichts anzufangen wissen.

 

[parawaiter]

Hi Maik,

nein, wie implementiere ich denn Klassen?

Mfg

 

[Maik]

<input type=text" class="Klassen-Name">

Siehe auch http://de.selfhtml.org/css/formate/zentrale.htm#klassen

 

[parawaiter]

ach so,

nein, das geht leider nicht weil die meißten input-tags durch php erzeugt werden
welches man nicht beeinflussen kann.
eine andere Möglichkeit gibt es nicht, oder?

MFG

 

[Maik]

Wenn du das class-Attribut nicht im PHP-Script unterbringen kannst, gibt es keine andere Möglichkeit, um für die älteren IEs eine Fallunterscheidung für die unterschiedlichen input-Elemente vorzunehmen.