[Erledigt] P-Element Zeilenumbruch Problem

03.05.2006, 03:01

Hi

ich verwende das

Code:

<p style="visibility:hidden"> ... </p>

Element um per JavaScript Texte und Grafiken ein / auszublenden (per Visibility:hidden oder visibility:visible).

Es funktioniert auch ganz gut. Aber: Das P-Element erzeugt von sich aus einen Absatz oder Zeilenumbruch... na jedenfalls nen FETTEN Abstand. Ich möchte es teilweise gerne irgendwo mitten im Text einsetzen, so das Sätze ein/ausgeblendet werden können.

Wie ist die korrekte CSS definition um dem P-Element all diese störenden Eigenschaften zu nehmen, so das es sich nicht "bemerkbar" macht?

Momentan habe ich:

Code:

p {
	font-size: 12px;
	font-weight: normal;
	border: none;
}

im allgemeinen Stylesheet drinne. Hoffe da gibt's speziell etwas.

Wenn ich nach Zeilenumbruch verhindern suche finde ich immer nur dieses komische nobr-Element...

M3g4Star · 03.05.2006, 08:49

Code:

style="display: inline"

Zergling-new · 03.05.2006, 11:55

Und warum benutzt du dann

?
<span> sollte dafür besser geeignet sein.

03.05.2006, 12:35

display:none zum Ausblenden.
display:block zum Einblenden (von Blockelementen wie p)

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
	<head>
		<title>Positionstest</title>
		<style type="text/css">
			p { border: 1px solid black }
		</style>
		<script type="text/javascript">
			function toggle(sId) {
				o = document.getElementById(sId);
				if (o!=null) {
					if (o.style.display.toLowerCase() == "none")
						o.style.display = "block";
					else
						o.style.display = "none";
				}
			}
		</script>
	</head>
	<body>
		<button onclick="javascript:toggle('abc')">klick</button>
		


			bla bla bla

			bla bla bla

			bla bla bla
		</p>
		


			bla bla bla

			bla bla bla

			bla bla bla
		</p>
		<p id="abc" style="display:none">
			laber laber

			bla bla bla

			laber laber

			bla bla bla

			laber laber
		</p>
		


			bla bla bla

			bla bla bla
		</p>
	</body>
</html>

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] CSS: Zeilenumbruch in einem Element	Gawain	HTML, Usability und Barrierefreiheit	5	13.07.2008 18:12
[Erledigt] Galerie Problem...	coraplanet	PHP Tipps 2008	4	06.06.2008 13:42
Aktives Element in Navi hervorheben?!	lindner	PHP Tipps 2008	12	15.04.2008 01:57
datensätze defekt oder problem mit dem einlesen?	Ministry	Datenbanken	4	06.07.2006 18:42
Array Element vor und nach dem aktuellen Element ausgeben	NetLook	PHP Tipps 2006	2	09.05.2006 15:29
zeilenumbruch problem.	CrashonNet	PHP Tipps 2006	7	23.03.2006 16:44
problem!!!		PHP Tipps 2006	6	08.02.2006 11:06
[Erledigt] wieder ein Problem bei phpmailer und smtp		PHP Tipps 2006	24	07.02.2006 01:07
Flash: Keine Speicherung in DB mit Zeilenumbruch in Textfeld	cytrobic	HTML, Usability und Barrierefreiheit	1	03.02.2006 16:38
Problem mit & beim XML - Parsen		PHP Tipps 2005-2	1	27.08.2005 14:08
Zeilenumbruch	Chrescht	PHP Tipps 2005-2	7	19.08.2005 13:33
[Erledigt] Problem mit Backslash	Patrick Schwarz	PHP Tipps 2005-2	5	26.07.2005 09:54
problem mit element löschen im array	chief-thomson	PHP-Fortgeschrittene	3	17.10.2004 14:06
Problem mit Zeilenumbruch		PHP Tipps 2004	5	21.09.2004 13:35
Problem mit alter JavaScript-Funktion	woods	PHP Tipps 2004	1	13.08.2004 13:34

03.05.2006, 03:01
Gast Beiträge: n/a	[Erledigt] P-Element Zeilenumbruch Problem Hi ich verwende das Code: <p style="visibility:hidden"> ... </p> Element um per JavaScript Texte und Grafiken ein / auszublenden (per Visibility:hidden oder visibility:visible). Es funktioniert auch ganz gut. Aber: Das P-Element erzeugt von sich aus einen Absatz oder Zeilenumbruch... na jedenfalls nen FETTEN Abstand. Ich möchte es teilweise gerne irgendwo mitten im Text einsetzen, so das Sätze ein/ausgeblendet werden können. Wie ist die korrekte CSS definition um dem P-Element all diese störenden Eigenschaften zu nehmen, so das es sich nicht "bemerkbar" macht? Momentan habe ich: Code: p { font-size: 12px; font-weight: normal; border: none; } im allgemeinen Stylesheet drinne. Hoffe da gibt's speziell etwas. Wenn ich nach Zeilenumbruch verhindern suche finde ich immer nur dieses komische nobr-Element...


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

03.05.2006, 08:49
M3g4Star Erfahrener Benutzer Registriert seit: 23.08.2007 Beiträge: 1.510	Code: style="display: inline"

03.05.2006, 11:55
Zergling-new Erfahrener Benutzer Registriert seit: 21.05.2008 Beiträge: 9.937	Und warum benutzt du dann ? <span> sollte dafür besser geeignet sein.