h1 im Div auszeichnen?

G

GFX-Händchen

Erfahrenes Mitglied
Hi all,

ich bekomms einfach nicht hin ein h1 in einem Div auszuzeichen.:rolleyes:
Muss ein Div verwenden weil der Text sonst nicht an richtiger Stelle steht, daher habe ich einen Container entsprechend platziert in welchem ein Text stehen soll.
Leider wird mir die Überschrift in h1 überhaupt nicht angezeigt.:(

Diese müsste doch erstmal ohne Auszeichnung auch vorhanden und sichtbar sein oder?:confused:

Wenn ich die Überschrift per <p></p> im Div setze sehe ich sie nicht, setze ich sie so außerhalb des Div's dann sehe ich sie.:eek:
Verwende ich nun wieder h1 anstelle von <p></p> (außerhalb und innerhalb des Div's - für die Überschrift) sehe ich sie wieder nicht!:suspekt:
 
Hi,

zeig doch bitte mal deinen derzeitigen HTML- und CSS-Code, oder nenn uns den Link zur Seite.

mfg Maik
 
Seite ist nicht online.... Code musste ich abtippen da ich auf einem anderen PC arbeite.

html
Code: 
<html>
<head>
<title>titel der seite</title>
......
</head>
<body>
<div class="content">
<h1> herzlich willkommen</h1>
<p>hier irgendein text</p>
</div>
</body>
</html>

css
Code: 
.content p {font-size: 10pt; font-family: verdana, arial, sans-serif; color: #ffffff; margin: 10px}
.content h1 {font-size: 20pt; color: red}

Hoffe die Schnipsel sind korrekt, da der html-code noch mehr enthält, dieser aber passt weil er nur mit <p></p> etc. ausgezeichnet ist.;)

Komisch ist, dass im Alleycode HTML Editor alles richtig angezeigt wird, aber das mit dem Editor hatten wir ja schon mal!:rolleyes:
 
Zuletzt bearbeitet:
GFX-Händchen hat gesagt.:
Hoffe die Schnipsel sind korrekt, da der html-code noch mehr enthält, dieser aber passt weil er nur mit <p></p> etc. ausgezeichnet ist.;)
Zum Vergrößern anklicken....
Da fehlt zumindest schon mal der schliessende </div>-Tag.

Und den Text innerhalb von <p> ... </p> kann ich nicht sehen, da sich die weiße Schriftfarbe mit dem weißen Hintergrund "vereint".

mfg Maik
 
Ich seh die Überschrift mit dem fehlerhaften oder korrigierten Codeschnippel klar und deutlich in roten Lettern.

Welche CSS-Regeln besitzt denn .content?

mfg Maik
 
Code: 
.content {border: 1px solid yellow; width: 500px; height: 500px; margin-left: 240px; padding: 10px;}
Hoffe beim Abtippen keinen Fehler drin zu haben.;)
 
Dann tipp mal besser den vollständigen Quellcode (HTML + CSS) ab, denn:

demo.jpg


... was die Vermutung zulässt, dass die Ursache an einer anderen Stelle zu suchen ist.

mfg Maik
 
Na dann viel Spaß!:D

Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de" dir="ltr">
<head>
	<title></title>

	<!-- Contents -->
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<meta http-equiv="Content-Language" content="de" />
	<meta http-equiv="last-modified" content="12.01.2009 12:42:58" />
	<meta http-equiv="Content-Type-Script" content="text/javascript" />
	<meta name="description" content="" />
	<meta name="keywords" content="" />

	<!-- Others -->
		<meta http-equiv="ImageToolbar" content="False" />
	<meta name="MSSmartTagsPreventParsing" content="True" />

	<!-- Parent -->
	<link rel="sitemap" href="imsitemap.html" title="Seitenstruktur" />

	<!-- Res -->
	<script type="text/javascript" src="res/engine.js"></script>
	<link rel="stylesheet" type="text/css" href="res/styles.css" media="screen, print" />
	<link rel="stylesheet" type="text/css" href="res/template.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="res/print.css" media="print" />
	<!--[if lt IE 7]><link rel="stylesheet" type="text/css" href="res/iebehavior.css" media="screen" /><![endif]-->
	<link rel="stylesheet" type="text/css" href="res/home.css" media="screen, print" />
	<link rel="stylesheet" type="text/css" href="res/handheld.css" media="handheld" />
	<link rel="alternate stylesheet" title="Starker Kontrast - Zugänglichkeit" type="text/css" href="res/accessibility.css" media="screen" />

	<!-- Robots -->
	<meta http-equiv="Expires" content="0" />
	<meta name="Resource-Type" content="document" />
	<meta name="Distribution" content="global" />
	<meta name="Robots" content="index, follow" />
	<meta name="Revisit-After" content="21 days" />
	<meta name="Rating" content="general" />
</head>
<body>
<div id="imSite">
<div id="imHeader">
	
	<h1></h1>
</div>
<div class="imInvisible">
<hr />
<a href="#imGoToCont" title="Überspringen Sie das Hauptmenü">Direkt zum Seiteninhalt</a>
<a name="imGoToMenu"></a>
</div>
<div id="imBody">
	<div id="imMenuMain">

<!-- Menu Content START -->
<p class="imInvisible">Hauptmenü</p>
<div id="imMnMn">
<ul>
	<li><a href="index.html" title="">Homepage</a></li>
	<li><a href="seite_1.html" title="">Seite 1</a></li>
	<li><a href="seite_2.html" title="">Seite 2</a></li>
	<li><a href="seite_3.html" title="">Seite 3</a></li>
	<li><a href="seite_4.html" title="">Seite 4</a></li>
	<li><a href="seite_5.html" title="">Seite 5</a></li>
</ul>
</div>
<!-- Menu Content END -->

	</div>
<hr class="imInvisible" />
<a name="imGoToCont"></a>
	<div id="imContent">

<!-- Page Content START -->
<div id="imToolTip"></div>
<div id="imPage">

<div id="imCel7_00">
<div id="imCel7_00_Cont">
	<div id="imObj7_00">

<div class="content">
<h1>herzlich willkommen</h1>

<p>blablablubb</p>
<p>blablaaaaa</p>
</div>


	</div>
</div>
</div>

</div>

<!-- Page Content END -->

	</div>
	<div id="imFooter">
		<hr class="imInvisible" />
		<span id="imFooter_L"></span>
		<span id="imFooter_R"></span>
		<br class="imClear" />
	</div>
</div>
</div>
<div class="imInvisible">
<hr />
<a href="#imGoToCont" title="Lesen Sie den Inhalt der Seite noch einmal durch">Zurück zum Seiteninhalt</a> | <a href="#imGoToMenu" title="Navigieren Sie auf der Webseite">Zurück zum Hauptmenü</a>
</div>

<div id="imZIBackg" onclick="imZIHide()" onkeypress="imZIHide()"></div>
</body>
</html>

CSS für den von mir oben genannten Teilabschnitt kennst du ja.
Zum Rest kann ich wenig sagen!

Ich werds wohl mit <p></p> auszeichnen um das Problem zu umgehen.:rolleyes:
 
Maik hat gesagt.:
Dann tipp mal besser den vollständigen Quellcode (HTML + CSS) ab, denn:

Anhang anzeigen 44961


... was die Vermutung zulässt, dass die Ursache an einer anderen Stelle zu suchen ist.
Zum Vergrößern anklicken....
GFX-Händchen hat gesagt.:
CSS für den von mir oben genannten Teilabschnitt kennst du ja.
Zum Rest kann ich wenig sagen!
Zum Vergrößern anklicken....
Tja, und was soll ich damit nun ohne alle eingebundenen Stylesheets (CSS-Dateien) anfangen? :suspekt:

Das Resultat bleibt nämlich mit den drei bisher gezeigten Regeln das gleiche :p

demo2.jpg

Oder hast du beim Abtippen den vermeintlichen Fehler nicht mit abgeschrieben bzw. ihn währenddessen schon korrigiert? :-)

mfg Maik
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück