h1 im Div auszeichnen? @ tutorials.de: Tutorials, Forum & Hilfe

GFX-Händchen · 12.01.09 12:10

Hi all,

ich bekomms einfach nicht hin ein h1 in einem Div auszuzeichen.

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?

Wenn ich die Überschrift per im Div setze sehe ich sie nicht, setze ich sie so außerhalb des Div's dann sehe ich sie.

Verwende ich nun wieder h1 anstelle von (außerhalb und innerhalb des Div's - für die Überschrift) sehe ich sie wieder nicht!

Maik · 12.01.09 12:11

Hi,

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

mfg Maik

GFX-Händchen · 12.01.09 12:23

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 :

1 2	.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 etc. ausgezeichnet ist.

Komisch ist, dass im Alleycode HTML Editor alles richtig angezeigt wird, aber das mit dem Editor hatten wir ja schon mal!

Maik · 12.01.09 12:25

Zitat von GFX-Händchen

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

Da fehlt zumindest schon mal der schliessende </div>-Tag.

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

mfg Maik

GFX-Händchen · 12.01.09 12:28

Sorry, das hatte ich beim Abtippen vergessen, ist aber im Code bei mir drin und jetzt auch oben im Code-Tag vorhanden.

Maik · 12.01.09 12:29

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

Welche CSS-Regeln besitzt denn .content?

mfg Maik

GFX-Händchen · 12.01.09 12:34

Code :

1	.content {border: 1px solid yellow; width: 500px; height: 500px; margin-left: 240px; padding: 10px;}

Hoffe beim Abtippen keinen Fehler drin zu haben.

Maik · 12.01.09 12:37

Dann tipp mal besser den vollständigen Quellcode (HTML + CSS) ab, denn:

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

mfg Maik

GFX-Händchen · 12.01.09 13:03

Na dann viel Spaß!

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 auszeichnen um das Problem zu umgehen.

Maik · 12.01.09 13:07

Zitat von Maik

Dann tipp mal besser den vollständigen Quellcode (HTML + CSS) ab, denn:

Anhang 44961

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

Zitat von GFX-Händchen

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

Tja, und was soll ich damit nun ohne alle eingebundenen Stylesheets (CSS-Dateien) anfangen?

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

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

mfg Maik

Maik · 12.01.09 13:24

Bevor du nun anfängst, alles Übrige abzutippen, empfehle ich dir, alle Dateien in einem ZIP-Archiv hier hochzuladen.

mfg Maik

GFX-Händchen · 12.01.09 13:25

Das Programm mit dem ich arbeite erstellt alles "automatisch", nur das was ich per HTML- und CSS-Code hinzufüge kommt automatisch in die entsprechenden Dateien.
Darum wurden auch die Stylesheets nicht gepostet, weil eben nur die 3 Zeilen CSS-Code in dem einen Stylesheet automatisch hinzugefügt wurden.

Erledigt ist das Problem per h1 noch nicht.

Trotzdem Danke!

Edit:
Komisch ist auch, dass h1 nicht ausgezeichnet wird, aber h2, h3 und h4 schon.

Also hab mal h1 durch h2, h3 und h4 ersetzt und da gehts jeweils.

Maik · 12.01.09 13:29

Zitat von GFX-Händchen

Das Programm mit dem ich arbeite erstellt alles "automatisch", nur das was ich per HTML- und CSS-Code hinzufüge kommt automatisch in die entsprechenden Dateien.
Darum wurden auch die Stylesheets nicht gepostet, weil eben nur die 3 Zeilen CSS-Code in dem einen Stylesheet automatisch hinzugefügt wurden.

Erledigt ist das Problem per h1 noch nicht.

Trotzdem Danke!

Tja, dann wird dir das Programm wohl in einer der CSS-Dateien eine Regel "automatisch" ohne dein Wissen untergeschoben haben, die z.B. eine andere Schriftfarbe für h1 setzt (wie z.B. beim p-Element die weiße), die deine erstellte Regel überschreibt, womit der Text im weißen Hintergrund abtaucht, denn dass es an deinen drei gezeigten Regeln nicht liegt, hab ich dir mit meinen beiden Screenshots bewiesen.

Viel Glück bei der Suche, und auch viel Erfolg, in der nahen Zukunft "Herr und Meister" des Programms zu werden

mfg Maik

GFX-Händchen · 12.01.09 13:36

Die weiße Schrift im p-Element ist gewollt, sie liegt ja über/auf einem Bild.

Ich wende mich mal an den Support!

Nochmals Danke für die Hilfe und deine Geduld Meister Maik.

Maik · 12.01.09 13:42

Zitat von GFX-Händchen

Die weiße Schrift im p-Element ist gewollt, sie liegt ja über/auf einem Bild.

Dass du die weiße Schriftfarbe für die Textabsätze selbst definiert hast, ist mir schon klar. Dies sollte nur ein Beispiel für eine mögliche Ursache sein, warum du die Überschrift nicht siehst.

Doch wie heißt es immer: "Alle Angaben ohne Gewähr!"

mfg Maik

tut orials.de	tut verbinden	tut dir helfen	tut kooperieren
©2000-2012 tutorials.de Alle Rechte vorbehalten	tut informieren » Impressum » Nutzungsregeln » Netiquette » Team » Redaktion	» Tutorials » Videotutorials » Showroom » Events & Contests » Chat » RSS-Feed » Blogs	» der-webdesigner.net » DesignerInAction » Design Nation » Directorforum » Flashhilfe » PHP-Resource » PHPwelt » PSD-Tutorials

Themen-Optionen

Anzeige

Ähnliche Themen

Bestimmte Elemente besonders auszeichnen

E-Mail:

Abonnieren Abbestellen