Hallo,

ich hab jetzt endlich meine Website langsam fertig, aber ein Problem lässt mir einfach keine Ruhe.
Ich hab bis jetzt alles in eine ausgelagerte Style Sheet-Datei gepackt. Jetzt will ich allerdings zum Beispiel, das nicht jedes Bild einen Rahmen bekommt, wie z. B. die Buttons in meinem Online-Shop.
Informationstechniker-Meister Thomas K. Seitz

Wie stell ich das jetzt am dümmsten an? Einfach im Header einen anderen Style angeben oder wie machen dass die professionellen Entwickler?

In der style.css sind für die input Felder ein Border eingetragen.

#inhalt-haupt  input, #inhalt-haupt textarea {
background:none  repeat scroll 0 0 #E3E3E3;
border:1px solid #AAAAAA;
margin:3px 3px 0;
padding:2px 2px 0;
}

Wenn du diesen Code entfernst löst es dein Problem. So sollte es funktionieren:

 #inhalt-haupt   input, #inhalt-haupt textarea {
background:none  repeat scroll 0 0 #E3E3E3;
margin:3px 3px 0;
padding:2px 2px 0;
}

Man kann auch statt <INPUT>-Buttons als <BUTTON TYPE="..."><IMG ... /></BUTTON> definieren (vgl. SelfHTML), dann greift die INPUT-CSS-Regel nicht. (Es ginge auch noch anders, attributbedingt, aber das ist nicht so kompatibel.) Insgesamt ist es mit CSS bei den Rahmen und Formular-Elementen so eine Sache, das ist nicht sonderlich Browser-übergreifend.

Weiterhin, Du sprichst von Bildern, die kriegen auch eine Border, wenn sie in Links sind (<A ...><IMG ... /></A>). Da kann noch die folgende Regel helfen:

a img { border:0; }

Grüße,
Thorsten

@Philip: das ist mir schon klar, das soll ja auch so sein. In meiner Galerie will ich ja den Border haben nur nicht auf meinen Warenkorb Buttons

-----Doppelpost zusammengeführt am 5.3.2010 um 18:41:53-----

Quatsch was schreib ich denn.
Der Border stammt vom Kontaktformular da dort die Input felder auch grau sein sollen. Muss ich dann im Kontaktformular ne ID verwenden?

Ja, was schreibst Du denn?

Ich verstehe nur Bahnhof!

Wo in Deinem jetzigen Kontaktformular ist ein Rahmen/Border, der da nicht sein soll?

Für die zwei Buttons im Shop gilt das bereits gesagte!

ich habs jetzt direkt im shop.php gemacht

<style>
		#shopbild {
			float: left; 
			padding-right: 40px;
		}
		#inhalt-haupt input, #inhalt-haupt textarea {
			padding: 0;
			margin: 0;
			background: 0;
			border: 0;
		}

	</style>

Wenns ne bessere Lösung gibt, freue ich mich auf die Antwort.

Wie gesagt wäre BUTTON statt INPUT noch eine Option gewesen, oder Du gibst dem INPUT ein explizites STYLE-Attribut:

<input src="https://www.paypal.com/.../btn_cart_SM.gif" name="submit" alt="PayPal" border="0" type="image" style="border:0;background-color:transparent;" />

"background:0;" ist falsch, höchstens "background-color:transparent;"

Und ", #inhalt-haupt textarea" ist hier überflüssig, es geht ja nur um die INPUT-Buttons.