Absätze in CSS vermeiden

Bookworm · 25.12.2005, 21:24

Also, euch ist sicher bekannt, dass automatisch ein neuer Absatz erzeugt wird, wenn eine neue Klasse, die per CSS definiert worden ist, wie etwa oder <h1>, ausgewähl ist. Auch wenn man den Text einfach als definieren möchte. Das ist aber zuweilen störend, wenn ganz oben auf der Seite ein unnötiger Absatz erscheint. Kann man das vielleicht igendwie vehindern, sodass bei neuer Klassenwahl kein Umbruch erzeugt wird?
Danke schon einmal im Vorraus für eure Hilfe.

Gruß
Bookworm

Corvin · 25.12.2005, 21:38

Verwende .

Bookworm · 25.12.2005, 21:40

Und das geht echt nicht anders? Mist!

Ben · 25.12.2005, 21:51

display:inline;

Bookworm · 25.12.2005, 21:57

Süß, was es da alles für Inline-Elemente gibt, aber welches davon nützt mir was?
CSS4you meint, das wäre Inline-Elemente:

a, abbr, acronym, b, bdo, big, br, button, cite, code, dfn, em, i, img, input, kbd, label, map, object, q, samp, script, select, small, span, strike, strong, sub, sup, textarea, tt, var, basefont, font, s, u

Soll ich jetzt also das -Ding nehmen, oder gibt es da Alternativen, die mir was bringen? Und kann ich span auch zentral im Head-Bereich der Seite definieren? Schon, oder?

Ben · 25.12.2005, 23:55

Je nachdem, was du machen willst ... kannst du auch

Code:

display:inline;

verwenden ... wie gesagt ...

Bookworm · 26.12.2005, 11:36

Das heißt zum Besipiel, das ich das so formatier:

.text{color:#000000; font-size:12; display:inline;}

und dann später so nen text schreiben kann:
blubb bla blubba
Obwohl p überhaupt kein inlinelement ist?

Chr!s · 26.12.2005, 11:44

Mit display: inline; machst du ein Element zum "Inlineelement". Das funktioniert mit <hx> genauso wie mit p.

Bookworm · 26.12.2005, 12:18

OK. Jetzt habe ichs begriffen. Gut, ich werde es nachher ausprobieren.

Ben · 26.12.2005, 13:43

Dazu noch:

http://www.css4you.de/display.html

Bookworm · 26.12.2005, 15:11

Uh, da haben manche Browser aber ganz gehörige Probleme, manche displays anzuzeigen.
Also, ich denke, ich habe es jetzt verstanden, und ich werde versuchen, es umzusetzten.
Gruß
Bookworm

---
Deine Frage im PS gehört nicht in diesen Thread. Stelle sie im Forum "Interessante Themen abseits der reinen Programmierung".
Danke, Ben.

Lars · 28.12.2005, 17:02

ist dazu gedacht, einen Absatz zu machen. Warum für das zweckentfremden, für das extra geschaffen wurde?

Bookworm · 28.12.2005, 18:16

ich habe ne subklasse definiert... span geht nicht, denn die datei wird includiert und in der anderen datei sind blöcke schon mit span formatiert -> formatierung geht verloren.

Ben · 28.12.2005, 18:20

Klappt es denn jetzt so, wie du das möchtest?

Lars · 28.12.2005, 18:24

Keine Ahnung, was du damit meinst

Ben · 28.12.2005, 19:17

Ich denke er hat einmal

Code:

span {
   /* irgendwelche Einstellungen */
}

und dann in der eingebundeten Datei nochmals

Code:

span {
   /* irgendwelche Einstellungen */
}

wobei die Einstellungen aber unterschiedlich sind. Somit wird das erste überschrieben und die Formatierung geht verloren.
Demnach ist das mit seiner Klasse schon richtig

.

Bookworm · 29.12.2005, 13:12

Hoffe ich auch...
Aber ich denke, ich werde später alle Formatierungen in einer Datei zusammenlegen. War mir bisher zu viel Arbeit, aber wenn ich mir nicht sauviel Stress beim validieren antun will, mache ichs so....

@Ben: Richtig, nur das die zweite Formatierung in einer Datei sitzt, die includiert wird. Wenn man die Datei alleine sieht, ist alles wunderbar, aber im Kontext ist es be...eiden.

25.12.2005, 21:24	Nach oben #1
Bookworm n00b -.- Registriert seit: 10.11.2005 Beiträge: 318	Absätze in CSS vermeiden Also, euch ist sicher bekannt, dass automatisch ein neuer Absatz erzeugt wird, wenn eine neue Klasse, die per CSS definiert worden ist, wie etwa <p> oder <h1>, ausgewähl ist. Auch wenn man den Text einfach als <p> definieren möchte. Das ist aber zuweilen störend, wenn ganz oben auf der Seite ein unnötiger Absatz erscheint. Kann man das vielleicht igendwie vehindern, sodass bei neuer Klassenwahl kein Umbruch erzeugt wird? Danke schon einmal im Vorraus für eure Hilfe. Gruß Bookworm __________________ Alle wollen doch nur mein Bestes. Aber sie werden es nicht kriegen!

25.12.2005, 21:38	Nach oben #2
Corvin Corvin Gröning Registriert seit: 19.03.2005 Ort: S-H \| Flensburg Beiträge: 449	Verwende <span>. __________________

25.12.2005, 21:40	Nach oben #3
Bookworm n00b -.- Registriert seit: 10.11.2005 Beiträge: 318	Und das geht echt nicht anders? Mist! __________________ Alle wollen doch nur mein Bestes. Aber sie werden es nicht kriegen!

25.12.2005, 21:51	Nach oben #4
Ben Benjamin Klaile Registriert seit: 02.12.2004 Ort: Remagen Beiträge: 4.480	display:inline; __________________ Mehr TuS Koblenz geht nicht ... - TuS Koblenz Forum Aktuell ... Kaiserslautern kommt in die Festung Oberwerth U14 erreicht Sieg im Testspiel gegen SF Troisdorf Testspiel gegen SV Wehen-Wiesbaden in Nassau E-Jugend Blitzturnier auf dem Oberwerth SV Ried gegen SK Rapid Wien

25.12.2005, 21:57	Nach oben #5
Bookworm n00b -.- Registriert seit: 10.11.2005 Beiträge: 318	Süß, was es da alles für Inline-Elemente gibt, aber welches davon nützt mir was? CSS4you meint, das wäre Inline-Elemente: a, abbr, acronym, b, bdo, big, br, button, cite, code, dfn, em, i, img, input, kbd, label, map, object, q, samp, script, select, small, span, strike, strong, sub, sup, textarea, tt, var, basefont, font, s, u Soll ich jetzt also das <span>-Ding nehmen, oder gibt es da Alternativen, die mir was bringen? Und kann ich span auch zentral im Head-Bereich der Seite definieren? Schon, oder? __________________ Alle wollen doch nur mein Bestes. Aber sie werden es nicht kriegen!

25.12.2005, 23:55	Nach oben #6
Ben Benjamin Klaile Registriert seit: 02.12.2004 Ort: Remagen Beiträge: 4.480	Je nachdem, was du machen willst ... kannst du auch Code: display:inline; verwenden ... wie gesagt ... __________________ Mehr TuS Koblenz geht nicht ... - TuS Koblenz Forum Aktuell ... Kaiserslautern kommt in die Festung Oberwerth U14 erreicht Sieg im Testspiel gegen SF Troisdorf Testspiel gegen SV Wehen-Wiesbaden in Nassau E-Jugend Blitzturnier auf dem Oberwerth SV Ried gegen SK Rapid Wien

26.12.2005, 11:36	Nach oben #7
Bookworm n00b -.- Registriert seit: 10.11.2005 Beiträge: 318	Das heißt zum Besipiel, das ich das so formatier: .text{color:#000000; font-size:12; display:inline;} und dann später so nen text schreiben kann: <p class="text">blubb bla blubba</p> Obwohl p überhaupt kein inlinelement ist? __________________ Alle wollen doch nur mein Bestes. Aber sie werden es nicht kriegen!

26.12.2005, 11:44	Nach oben #8
Chr!s Christian Mühlroth Registriert seit: 04.09.2005 Ort: Nürnberg Beiträge: 561	Mit display: inline; machst du ein Element zum "Inlineelement". Das funktioniert mit <hx> genauso wie mit p. __________________ http://www.ChrisDiary.De

26.12.2005, 12:18	Nach oben #9
Bookworm n00b -.- Registriert seit: 10.11.2005 Beiträge: 318	OK. Jetzt habe ichs begriffen. Gut, ich werde es nachher ausprobieren. __________________ Alle wollen doch nur mein Bestes. Aber sie werden es nicht kriegen!

26.12.2005, 13:43	Nach oben #10
Ben Benjamin Klaile Registriert seit: 02.12.2004 Ort: Remagen Beiträge: 4.480	Dazu noch: http://www.css4you.de/display.html __________________ Mehr TuS Koblenz geht nicht ... - TuS Koblenz Forum Aktuell ... Kaiserslautern kommt in die Festung Oberwerth U14 erreicht Sieg im Testspiel gegen SF Troisdorf Testspiel gegen SV Wehen-Wiesbaden in Nassau E-Jugend Blitzturnier auf dem Oberwerth SV Ried gegen SK Rapid Wien

26.12.2005, 15:11	Nach oben #11
Bookworm n00b -.- Registriert seit: 10.11.2005 Beiträge: 318	Uh, da haben manche Browser aber ganz gehörige Probleme, manche displays anzuzeigen. Also, ich denke, ich habe es jetzt verstanden, und ich werde versuchen, es umzusetzten. Gruß Bookworm --- Deine Frage im PS gehört nicht in diesen Thread. Stelle sie im Forum "Interessante Themen abseits der reinen Programmierung". Danke, Ben. __________________ Alle wollen doch nur mein Bestes. Aber sie werden es nicht kriegen! Geändert von Ben (26.12.2005 um 15:26 Uhr). Grund: Frage entfernt, die nichts mit dem eigentlichen Thema zu tun hat

28.12.2005, 17:02	Nach oben #12
Lars me pro ok? Registriert seit: 07.09.2005 Ort: Pulheim bei Köln Beiträge: 964	<p> ist dazu gedacht, einen Absatz zu machen. Warum <p> für das zweckentfremden, für das extra <span> geschaffen wurde? __________________ Gedanken aus Draht stricken einen Zaun.

28.12.2005, 18:16	Nach oben #13
Bookworm n00b -.- Registriert seit: 10.11.2005 Beiträge: 318	ich habe ne subklasse definiert... span geht nicht, denn die datei wird includiert und in der anderen datei sind blöcke schon mit span formatiert -> formatierung geht verloren. __________________ Alle wollen doch nur mein Bestes. Aber sie werden es nicht kriegen!

28.12.2005, 18:20	Nach oben #14
Ben Benjamin Klaile Registriert seit: 02.12.2004 Ort: Remagen Beiträge: 4.480	Klappt es denn jetzt so, wie du das möchtest? __________________ Mehr TuS Koblenz geht nicht ... - TuS Koblenz Forum Aktuell ... Kaiserslautern kommt in die Festung Oberwerth U14 erreicht Sieg im Testspiel gegen SF Troisdorf Testspiel gegen SV Wehen-Wiesbaden in Nassau E-Jugend Blitzturnier auf dem Oberwerth SV Ried gegen SK Rapid Wien

28.12.2005, 18:24	Nach oben #15
Lars me pro ok? Registriert seit: 07.09.2005 Ort: Pulheim bei Köln Beiträge: 964	Keine Ahnung, was du damit meinst __________________ Gedanken aus Draht stricken einen Zaun.

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Bildwechsel mit CSS Problem	jjelliss	HTML, XML und CSS	19	17.09.2007 01:36
[CSS] Div + CSS + IE6 -> Problem	Binary	HTML, XML und CSS	5	14.02.2007 16:24
"12 lessons for those afraid of CSS and standards", Ben Henick	Ben	Literatur	0	11.01.2007 10:12
[Umfrage] Hover Effekt: CSS oder Javascript	DER_Brain	Plauderecke	27	12.09.2006 13:05
css einführen	lycoos	HTML, XML und CSS	5	02.04.2006 13:36

28.12.2005, 19:17	Nach oben #16
Ben Benjamin Klaile Registriert seit: 02.12.2004 Ort: Remagen Beiträge: 4.480	Ich denke er hat einmal Code: span { /* irgendwelche Einstellungen / } und dann in der eingebundeten Datei nochmals Code: span { / irgendwelche Einstellungen / } wobei die Einstellungen aber unterschiedlich sind. Somit wird das erste überschrieben und die Formatierung geht verloren. Demnach ist das mit seiner Klasse schon richtig . __________________ Mehr TuS Koblenz geht nicht ... - TuS Koblenz Forum* Aktuell ... Kaiserslautern kommt in die Festung Oberwerth U14 erreicht Sieg im Testspiel gegen SF Troisdorf Testspiel gegen SV Wehen-Wiesbaden in Nassau E-Jugend Blitzturnier auf dem Oberwerth SV Ried gegen SK Rapid Wien

29.12.2005, 13:12	Nach oben #17
Bookworm n00b -.- Registriert seit: 10.11.2005 Beiträge: 318	Hoffe ich auch... Aber ich denke, ich werde später alle Formatierungen in einer Datei zusammenlegen. War mir bisher zu viel Arbeit, aber wenn ich mir nicht sauviel Stress beim validieren antun will, mache ichs so.... @Ben: Richtig, nur das die zweite Formatierung in einer Datei sitzt, die includiert wird. Wenn man die Datei alleine sieht, ist alles wunderbar, aber im Kontext ist es be...eiden. __________________ Alle wollen doch nur mein Bestes. Aber sie werden es nicht kriegen!

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