CSS - DIV Text Formatieren [Archiv]

ooAlbert

2013-01-11, 21:56:43

Hi,

ich versuche Text in einem DIV zu formatieren, jedoch wird die Formatierung von "H1" durch die Formatierung von "Inhalt" überschreiben. Das Ziel sollte eigentlich sein, das man Text in das DIV schreiben kann ohne Zeilenumbrüche und Einrückungen speziell angeben zu müssen.

CSS
#inhalt {
white-space:pre;
margin:0px;
padding:0px;
position:absolute;
left:150px; top:130px;
width: 650px;
height: 410px;
color: #151515;
font-family:Verdana;
font-weight:bold;
font-size: 0.75em;
}

h1 {
font-weight: bold;
font-size: 1em;
font-family: Verdana;
color: black;
margin:0px;
padding:0px;
}

HTML
<p ID="inhalt">
<h1>Überschrift</h1>
Text Text
</p>

Falls da wer eine Idee zu hat :)

Grüße

fdk

2013-01-11, 22:22:30

Eine Überschrift hat in einem Absatz nichts verloren. In einem Brief schreibst du ja auch nicht

SOFORTIGE KÜNDIGUNG, ja darum halt. Grüße und so.

ooAlbert

2013-01-11, 22:26:28

Naja aber die Texte haben mehrere Überschriften drum hoffte ich das kombinieren zu können.

fdk

2013-01-11, 22:40:01

http://validator.w3.org/check Dein bester Freund. Erfahrungsgemäß ist es aber schwer aus dem Stand optisch ansprechende Ergebnisse zu erzielen wenn man praktisch bei Null anfängt. Unter Umständen kann es sich lohnen sich in ein kompaktes CSS-Framework einzuwursten (zB. Bootstrap komplett eingedampft - 15kb). Diese SelfHtml experimente sind einfach nicht mehr Zeitgemäß.

http://twitter.github.com/bootstrap/getting-started.html#examples
http://twitter.github.com/bootstrap/customize.html hier kannst du alles abwählen was du nicht brauchst (Vermutlich fast alles bis auf scaffolding und base css).

robobimbo

2013-01-11, 23:24:01

so circa?

<head>
<meta charset="utf-8" />
<title>Test</title>
<style type="text/css">
#inhalt {
white-space:pre;
margin:0px;
padding:0px;
position:absolute;
left:150px; top:130px;
width: 650px;
height: 410px;
color: #151515;
font-family:Verdana;
font-weight:bold;
font-size: 0.75em;
}
#inhalt h1 {
font-weight: bold;
font-size: 1em;
font-family: Verdana;
color: black;
margin:0px;
padding:0px;
}
#inhalt h2 {
font-weight: bold;
font-size: 0.9em;
font-family: Verdana;
color: #4cff00;
margin:0px;
padding:0px;
}

</style>
</head>
<body>
<div id="inhalt">
<h1>Überschrift</h1>
<p>Text Text Text</p>
<h2>Überschrift</h2>
<p>Text Text Text</p>
</div>
</body>

Aber, ich glaub die Frage hast du auch im falschen Forum gestellt, mit programmieren hat Deine Frage nix zu tun :)