id nicht in css verwendbar

[Gary]

Hallo zusammen

Ich habe im HTML diese Zeiel:
<p id="01">Anrede: <input type="text" name="anrede" size="5" maxlength="5"></input></p>

Und will diese eine id (01) in CSS formatieren.
p.01 geht nicht...
p.#01 geht nicht...
p#01 geht auch nicht...

Wie geht das nochmal in einer externen css-Datei. Mit classen ist das kein Problem. Aber da es immer einzelne / einzigartige Formatierungen sind wollte ich das mit id's machen.

Ich habe sowohl in google als auch auf Selfhtml geschaut - und nichts gefunden. Ich vermute schwehr, das es irgendwo im Selfhtml genau so ein Beispiel gibt - aber es ist mittlerweile einfach zu groß um gezielt was zu finden. Die Suchfunktion sagt Limit von über 100 Treffern erreicht. Das hilft natürlich...

Auf meinen bisherigen Seiten ist alles mit class gemacht, also kann ich dort auch nirgens nachschauen...

Wäre nett, wenn mir einer einen tipp geben könnte...

Gruß Gary

[Beat]

<p id="01">Anrede: <input type="text" name="anrede" size="5" maxlength="5"></input></p>

IDs dürfen nicht mit einer Ziffer beginnen.

Und will diese eine id (01) in CSS formatieren.
p.01 geht nicht...
p.#01 geht nicht...
p#01 geht auch nicht...

Du willst die Grundlagen zu CSS Selektoren lernen.
http://de.selfhtml.org/css/formate/zentrale.htm

mfg Beat

[Gary]

Hi Beat

AUs:

<p id="01">Anrede: <input type="text" name="anrede" size="5" maxlength="5"></input></p>

Wurde:
<p id="Zelle01">Anrede: <input type="text" name="anrede" size="5" maxlength="5"></input></p>

Und im CSS:
p#Zelle01 {
          }

Und alles wurde gut :-)

IDs dürfen nicht mit einer Ziffer beginnen.

Ja, das steht aber dirgens in dieser Anleitung - soweit ich das durchgelesen habe!

Du willst die Grundlagen zu CSS Selektoren lernen.
http://de.selfhtml.org/css/formate/zentrale.htm

Ja, das will ich wohl *g*

Gruß Gary

[Jens Holzkämper]

Tach,

IDs dürfen nicht mit einer Ziffer beginnen.
Ja, das steht aber dirgens in dieser Anleitung - soweit ich das durchgelesen habe!

http://de.selfhtml.org/html/referenz/attribute.htm#id_idref_name

mfg
Woodfighter

[Gary]

Hi Woodfighter

http://de.selfhtml.org/html/referenz/attribute.htm#id_idref_name

Sagen wir 2:1 für dich...

Stand nicht in der CSS-Anleitung die verlinkt war  - desshalb bekomme ich auch noch ein Pünktchen...

Gruß Gary

[Jens Holzkämper]

Tach,

Stand nicht in der CSS-Anleitung die verlinkt war  - desshalb bekomme ich auch noch ein Pünktchen...

das entfällt, da du glaubst, es hätte auch nur das geringste mit CSS zu tun.

mfg
Woodfighter

[Gary]

Hi Woodfighter

das entfällt, da du glaubst, es hätte auch nur das geringste mit CSS zu tun.

Dann muss aber der Fiarness wegen das Ergebnis auf 1:0 korrigiert werden.

*g*

Gary

[MudGuard]

Hi,

Dann muss aber der Fiarness wegen das Ergebnis auf 1:0 korrigiert werden.

Das gibt gelb-rot für Dich wegen Nachmaulens ;-)

cu,
Andreas

[Gary]

Hi Beat

Ich bleibe gerade in diesem Thread...

Habe diese Webseite für Testzwecke online.

Die zugehörige und die CSS.

Ich bekomme das Feld "Kd.Nr.:" nicht rechts hinter das Feld "Anrede", obwohl ich bei dem Feld "Kd.Nr.:" margin-top: 0px; gesetzt habe. Es soll in einer Zeile mit dem Feld "Anrede" stehen.

Normalerweise läßt sich mit css doch alles überall hin schieben...

Gruß Gary

[Der-Dennis]

Hallo Gary,

Ich bekomme das Feld "Kd.Nr.:" nicht rechts hinter das Feld "Anrede", obwohl ich bei dem Feld "Kd.Nr.:" margin-top: 0px; gesetzt habe. Es soll in einer Zeile mit dem Feld "Anrede" stehen.

Margin hat damit ja auch nicht wirklich was zu tun. Margin ist lediglich der Außenabstand des Elements.
Mit dem <p></p> erzeugst Du einen neuen Absatz, Du rutschst also in die nächste Zeile. Versuche es mal mit http://de.selfhtml.org/css/eigenschaften/positionierung.htm#float@title=float.
Und entferne mal die ganzen &nbsp; und versuche es nur mit CSS. Insbesondere die Elemente <p>&nbsp;</p> kannst Du Dir sparen, dafür kannst Du nämlich super margin-top, etc. verwenden.

Normalerweise läßt sich mit css doch alles überall hin schieben...

Ja, auch in diesem Fall.

Gruß, Dennis

[Der-Dennis]

Kurzer Nachtrag: Das mit den &nbsp; bist Du ja schon angegangen. Hatte Deinen vorherigen Post vergessen.

Gruß, Dennis

[Gary]

Hi Dennis

Margin hat damit ja auch nicht wirklich was zu tun. Margin ist lediglich der Außenabstand des Elements.

Das wußte ich *g*

Mit dem <p></p> erzeugst Du einen neuen Absatz, Du rutschst also in die nächste Zeile. Versuche es mal mit http://de.selfhtml.org/css/eigenschaften/positionierung.htm#float@title=float.

Das wußte ich nicht. dacht \n oder <br> macht Absätze...

Und entferne mal die ganzen &nbsp; und versuche es nur mit CSS. Insbesondere die Elemente <p>&nbsp;</p> kannst Du Dir sparen, dafür kannst Du nämlich super margin-top, etc. verwenden.

Ja, wie du selber in deinem unterem Posting bemerkt hast, bin ich dran...
Sollte so ziehmlich alle &nbsp; weg sein (außer eines - das kommt später eventuell weg *g*)

Danke für dein float-Hinweis - habe alles gefloatet - zu sehen hier

Momentanzustand der hier.

So, jetzt gehts weiter mit der Quelltexterstellung. Muss mir noch alles zur bedienung überlegen und wie die Funktionen abzurufen sind. (Dachte da an Checkboxen oder Radiobottons)... mal schauen...

liebe Grüße

Gary

[suit]

Mit dem <p></p> erzeugst Du einen neuen Absatz, Du rutschst also in die nächste Zeile. Versuche es mal mit http://de.selfhtml.org/css/eigenschaften/positionierung.htm#float@title=float.

Das wußte ich nicht. dacht \n oder <br> macht Absätze...

\r\n\r\n macht in der Tat einen "Absatz - zumindest in vorformatierten Umgebungen. Aber in HTML-Fließtext gibt es dafür eben ein eigenes Element.

[Cheatah]

Hi,

Das wußte ich nicht. dacht \n oder <br> macht Absätze...

\n (bzw. das, was Du vermutlich mit \n meinst) hat in HTML die selbe Bedeutung wie ein Leerzeichen. <br> macht keinen Absatz, sondern ein Zeilenende. Und auch wenn der Elementname von "break" stammt: Ein Zeilenende ist etwas anderes als ein Umbruch. Beispielsweise ist folgende Darstellung von Versen völlig legitim und üblich:

Roses are red / Violets are blue / And all my base / Are belong to you.

Die "/" könnten dabei jeweils von einem <br> rühren, welches innerhalb eines Gedichtes seine Aufgabe hervorragend erfüllt. Es erfüllt seine Aufgabe *nicht*, wenn Du einfach nur zwischen zwei Textabschnitten einen Umbruch haben möchtest.

So, jetzt gehts weiter mit der Quelltexterstellung. Muss mir noch alles zur bedienung überlegen und wie die Funktionen abzurufen sind. (Dachte da an Checkboxen oder Radiobottons)... mal schauen...

Es gibt in dieser unserer Welt viel zu lernen, beispielsweise wann das Wort hier ein sinnvoller Linktext ist und wann nicht. Dies nur als Randnotiz ;-)

Cheatah

[Beat]

Habe diese Webseite für Testzwecke online.

Egal, Auch Testformulare sollten valide sein.
Im übrigen solltest du label Elemente verwenden.
Deine Formulargruppen sind im Übrigen eine Listen.
Deine CSS-Strategie dürfte sich dadurch einiges ändern.

Ich bekomme das Feld "Kd.Nr.:" nicht rechts hinter das Feld "Anrede", obwohl ich bei dem Feld "Kd.Nr.:" margin-top: 0px; gesetzt habe. Es soll in einer Zeile mit dem Feld "Anrede" stehen.

Na schön.
Elemente mit display:inline oder inline-block stehen in einer Zeile.
Nur letzteres akzeptiert (in den meisten Browsers) auch weitere Blockeigenschaften.

mfg Beat

[suit]

Im übrigen solltest du label Elemente verwenden.

Das sagte ich bereits - aber Doppelposting sind heute wohl an der Tagesordnung ;)

[Gunnar Bittersmann]

@@Gary:

nuqneH

IDs dürfen nicht mit einer Ziffer beginnen.
Ja, das steht aber dirgens in dieser Anleitung - soweit ich das durchgelesen habe!

In welcher Anleitung? In http://de.selfhtml.org/@title=SELFHTML? Wollen wir uns gemeinsam auf die Suche begeben? Click.

In welchem Kapitel hattest du gesucht? CSS? Da steht es nicht drin, denn mit CSS hat das nichts zu tun. IDs werden im http://de.selfhtml.org/html/index.htm@title=HTML gesetzt und auch in diesem Kapitel behandelt. Click.

@id-Attribute kann man fast jedem Element verpassen; es ist ein http://de.selfhtml.org/html/attribute/index.htm@title=Universalattribut. Click.

Ein http://de.selfhtml.org/html/attribute/allgemeine.htm@title=allgemeines solches, kein Eventhanlder. Click.

In der http://de.selfhtml.org/html/attribute/allgemeine.htm#uebersicht@title=Übersicht nachgeschaut. Click.

Nö, da steht’s auch nicht. Aber: siehe http://de.selfhtml.org/html/referenz/attribute.htm#universalattribute@title=HTML-Referenz. Click.

Nö, da steht’s auch nicht. Aber: In der Spalte Wert ist http://de.selfhtml.org/html/referenz/attribute.htm#id_idref_name@title=[ID\] verlinkt. Click.

Und in der HTML-Spezifikation steht es natürlich auch: 6.2 Grunddatentypen in SGML.

Du willst die Grundlagen zu CSS Selektoren lernen.
http://de.selfhtml.org/css/formate/zentrale.htm

Ja, das will ich wohl *g*

Dann lerne auch, wie man in CSS Zeichen escapet. In die CSS-2-Spezifikation geschaut. Click.

Escapes werden wohl mit Syntax zu tun haben: 4 CSS2-Syntax und grundlegende Datentypen. Click.

4.1.3 Zeichen  und Groß-/Kleinschreibung. Click.

„In CSS2 dürfen Bezeichner (inklusive Elementnamen, Klassen und IDs in Selektoren) nur die Zeichen [A-Za-z0-9_] und ISO 10646-Zeichen 161 und höher enthalten, ebenso wie den Trennstrich (-); sie dürfen nicht mit einem Trennstrich oder einer Ziffer beginnen. Außerdem dürfen sie geschützte Zeichen („escaped characters“) enthalten, ebenso wie beliebige ISO 10646-Zeichen als numerischen Code (siehe nächsten Punkt).“

Aha. Die erste 0 muss also escapet werden: p#\01

CSS kümmert sich herzlich wenig darum, ob "01" in HTML ein gültiger ID-Bezeichner ist. Der Fehler sollte natäurlich trotzdem im HTML berichtigt werden.

Qapla'