Formularelemente in speziellem DIV per CSS ansprechen

mentalman · 23.11.2011, 22:47

Hi,

sorry, ich stehe gerade auf dem Schlauch und weiss nicht, wonach ich suchen soll.

Folgender Code:

Code:

<div class="Headline">
<input type="text" name="textfield" id="textfield" />
<select name="select" id="select"></select>
</div>

Input und Select spreche ich per CSS folgendermaßen an:

Code:

.Headline select, input[type=text] {
  blabla
}

Wenn ich das aber so schreibe, bekommen ALLE Textfelder auf der Seite diesen CSS-Stil verpasst, was nicht richtig ist.

Wenn ich es so schreibe geht es, braucht aber natürlich viel mehr Code:

Code:

.Headline select {
  blabla
}

.Headline input[type=text] {
  blabla
}

Wo ist denn mein Fehler?

ChrisB · 23.11.2011, 23:16

Code:

.Headline select, .Headline input[type=text] { … }

Zitat:

Wo ist denn mein Fehler?

Wenn du DIV-Elemente mit der Klasse "Headline" auszeichnest, dann vermutlich schon in der HTML-Struktur …

mentalman · 24.11.2011, 00:09

Zitat:

Zitat von ChrisB

Code:

.Headline select, .Headline input[type=text] { … }

Danke, hat geklappt!!

Zitat:

Zitat von ChrisB

Wenn du DIV-Elemente mit der Klasse "Headline" auszeichnest, dann vermutlich schon in der HTML-Struktur …

Ja, wird im HTML ausgezeichnet. Was meinst Du damit?

fab · 24.11.2011, 07:25

Für "Headlines" gibt es <h1>, <h2> usw.

mentalman · 24.11.2011, 10:19

Zitat:

Zitat von fab

Für "Headlines" gibt es <h1>, <h2> usw.

Ja das weiss ich, aber das ist doch für Textauszeichnung gedacht, nicht für Div-Elemente, oder?

eagle275 · 24.11.2011, 13:15

ich glaub es geht mehr um den Widersinn .. class="headline" impliziert <h1> - zumindest vom allgemeinen Erwartungswert her .

mentalman · 24.11.2011, 13:28

Zitat:

Zitat von eagle275

ich glaub es geht mehr um den Widersinn .. class="headline" impliziert <h1> - zumindest vom allgemeinen Erwartungswert her .

Achso, jetzt kapiere ich das erst, da war mal wieder ein dezenter ironischer Unterton am Werk

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] Mit Prototype Select Element ansprechen	eisenhans	JavaScript, Ajax und mehr	6	10.11.2011 17:48
JOOMLA \| PHP - MYSQl Spalten ansprechen	DonDemf	PHP Einsteiger	3	12.09.2011 12:40
[Erledigt] XML RPC Schnittstelle ansprechen	bibo03	PHP Einsteiger	20	28.03.2011 17:25
[Erledigt] Objekte in Arrays ansprechen	solick	PHP Einsteiger	26	25.02.2011 11:44
Best Practice jQuery -> DOM Elemente Ansprechen	da.eXecutoR	JavaScript, Ajax und mehr	9	08.01.2011 16:12
Tabellenfelder ansprechen	Choba	PHP Tipps 2010	21	24.11.2010 20:42
[Erledigt] Dynamische Elemente (createElement) per CSS ansprechen	Arne Drews	JavaScript, Ajax und mehr	6	01.09.2010 21:52
jQuery Bild in DIV ansprechen.	JanM	JavaScript, Ajax und mehr	2	14.06.2010 13:12
Ansprechen eines Arrays aus *.csv	D4rth R4tz3	PHP Tipps 2010	1	19.04.2010 21:06
[Erledigt] $_POST['Feld'] nicht direkt ansprechen	Ahrta5	PHP Tipps 2009	21	15.01.2010 15:07
Formular in Hauptfenster auf iframe ansprechen	R.E.M.	HTML, Usability und Barrierefreiheit	2	24.09.2006 15:33
Unsichtbares Formularfeld mit Javascript ansprechen	mAy^daY	HTML, Usability und Barrierefreiheit	6	13.08.2006 21:25
Prozedur auf MSSQL-Server mit php ansprechen	duerov	PHP Tipps 2006	2	03.08.2006 10:07
Seite per ID ansprechen?	tayke	PHP Tipps 2006	4	01.06.2006 23:37
AVM KEN als lokalen SMTP Server ansprechen	workaholic	PHP Tipps 2005	3	04.02.2005 13:20

23.11.2011, 22:47
mentalman Erfahrener Benutzer Registriert seit: 07.07.2010 Beiträge: 231 PHP-Kenntnisse: Anfänger	Formularelemente in speziellem DIV per CSS ansprechen Hi, sorry, ich stehe gerade auf dem Schlauch und weiss nicht, wonach ich suchen soll. Folgender Code: Code: <div class="Headline"> <input type="text" name="textfield" id="textfield" /> <select name="select" id="select"></select> </div> Input und Select spreche ich per CSS folgendermaßen an: Code: .Headline select, input[type=text] { blabla } Wenn ich das aber so schreibe, bekommen ALLE Textfelder auf der Seite diesen CSS-Stil verpasst, was nicht richtig ist. Wenn ich es so schreibe geht es, braucht aber natürlich viel mehr Code: Code: .Headline select { blabla } .Headline input[type=text] { blabla } Wo ist denn mein Fehler? __________________ Da ist schon wieder dieses Wort 'stark'... Warum ist in der Zukunft alles 'stark'? Hängt das irgendwie mit Veränderungen in der Erde zusammen?


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

24.11.2011, 07:25
fab Erfahrener Benutzer Registriert seit: 28.07.2010 Beiträge: 2.308 PHP-Kenntnisse: Fortgeschritten	Für "Headlines" gibt es <h1>, <h2> usw. __________________ PHP Blog + Library CSS Effects + Tools

24.11.2011, 13:15
eagle275 Erfahrener Benutzer Registriert seit: 01.09.2010 Beiträge: 4.561 PHP-Kenntnisse: Fortgeschritten	ich glaub es geht mehr um den Widersinn .. class="headline" impliziert <h1> - zumindest vom allgemeinen Erwartungswert her . __________________ "Irren ist männlich", sprach der Igel und stieg von der Drahtbürste