nicht angemeldet
Hallo Ingo,
danke, hast recht, die Formatierung von h1 gehört zur Gänze in die CSS. Hab herum probiert und vergessen, es in die CSS zu übertragen.
Damit ist die Box 5em vom linken Rand entfernt und der Inhalt hierin zentriert.
Wo ist nun das Problem?
Die Ausrichug vom linken Rand ist ok. Was mir nicht gefällt ist, dass sich der Inhalt von h1 nach links verschiebt, wenn eine Seite meiner HP rechts einen Scrollbalken hat. Damit ist die Überschrift der HP nicht immer exakt in derselben Position, sondern verschiebt sich ein wenig, je nachdem, ob eine Seite einen Scrollbalken hat oder nicht.
Viele Grüße
Christian
Hi,
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
Das Beispiel war für den standardkompatiblen Modus erstellt, wozu ein kompletter DOCTYPE erforderlich ist.<h1><font color="#999999" face="Comic Sans MS">christian's guitar stuff</font></h1>
<div id="Inhalt">
<p align="center"><img src="Fotos/Page/chris_title2.jpg" width="306" height="460"></p>
<br>ohje... warum verschandelst Du den Code nur so? :-(
Nutze doch bitte CSS zur Formatierung - die übrigen Angaben für h1 z.B. hast Du doch auch bereits im CSS angegeben.<li><a href="about_me.html" target="_self">steckbrief</a></li>
Diese target-Angaben sind übrigens völlig überflüssig.H1 {
BORDER-RIGHT: silver 2px ridge; PADDING-RIGHT: 0.3em; BORDER-TOP: silver 2px ridge; PADDING-LEFT: 0.3em; FONT-SIZE: 1.5em; PADDING-BOTTOM: 0.3em; MARGIN: 0.5em 0.5em 0.5em 5em; BORDER-LEFT: silver 2px ridge; PADDING-TOP: 0.3em; BORDER-BOTTOM: silver 2px ridge; BACKGROUND-COLOR: #660000; TEXT-ALIGN: center
}
also vereinfacht und übersichtlich:
h1 {
margin:0.5em 0.5em 0.5em 5em;
padding:0.3em;
border:2px silver ridge;
text-align:center;
background:#660000;
}
Damit ist die Box 5em vom linken Rand entfernt und der Inhalt hierin zentriert.
Wo ist nun das Problem?freundliche Grüße
Ingo