Bilderahmen geht nicht : type="image"

[hanns]

hallo,

ich schicke ein formular über ein bild ab:

<form action="uffuffufff.php" method="post">
<input type="hidden" name="klick" value="ne">
<input type="image" src="4sss.jpg">
</form>

nun sollen die bilder rahmen per css bekommen:

img {
border-style: solid;
border-width: 2px;
border-color: #000000;
}

funktioniert bei allen bilder, aber nicht bei 4sss.jpg
warum?
wie kann ich das ändern??

gruss
hanns

[Matt]

hi,

img {
border-style: solid;
border-width: 2px;
border-color: #000000;
}

funktioniert bei allen bilder, aber nicht bei 4sss.jpg warum?

weil der img { xxx } im css sich auf den img tag bezieht und nicht auf den input.

setz ihn für den input tag bei typ image und du erhälst dein gewünschtes ergebnis. außerdem empfehle ich dir dich mal generell mit css zu beschäftigen. das ganze hättest du auch brav nachlesen können. css grundregeln.

matt

[suit]

weil der img { xxx } im css sich auf den img tag bezieht

genauer gesagt bezieht sich der selektor "img" auf sämtliche img-elemente

ob da <img src="weee" alt="foo" /> steht oder <img src="bar">baz</img> steht, ist dabei unerheblich (natürlich müssen die entsprechenden schreibweise gemäß der verwendeten dtd erlaubt sein)

[Sven Rautenberg]

Moin!

<form action="uffuffufff.php" method="post">
<input type="hidden" name="klick" value="ne">
<input type="image" src="4sss.jpg">
</form>

nun sollen die bilder rahmen per css bekommen:

img {
border-style: solid;
border-width: 2px;
border-color: #000000;
}

funktioniert bei allen bilder, aber nicht bei 4sss.jpg
warum?

Weil dieses Bild nicht durch das von dir formatierte Element <img> eingebunden wird, sondern über das Element <input> - genauer durch ein input mit dem Attribut "type=image".

wie kann ich das ändern??

Formatiere das <input type=image> mit CSS. Weil der IE 6 zu blöde dafür ist, Attributselektoren zu verstehen, wirst du dem Input eine Klasse geben und die dann formatieren müssen (also input.imageklasse).

- Sven Rautenberg

[hanns]

img {
border-style: solid;
border-width: 2px;
border-color: #000000;
}

habs hier gefunden:
http://xhtmlforum.de/49165-input-type-image-border-none-geht.html

sooo ist es richtig:

input {
border-style: solid;
border-width: 2px;
border-color: #000000;
}

[minicrispie]

Hallo,

sooo ist es richtig:

nö

input {
border-style: solid;
border-width: 2px;
border-color: #000000;
}

dann setzt su aber ALLEN elementen, die mit "<input" beginnen, diesen Rahmen. Willst du das? bestimmt nicht. ;)
Also entweder du setzt selektoren:
input[type=image] {...}
oder du machst es so wie schon gesagt wurde:

eigene Klasse(besser wegen IE)

MfG. Christoph Ludwig

[hanns]

danke an alle :-)