Alles ist zentriert - außer der Text!
thor
- html
Hallo liebe Community,
wie schaffe ich es, das hier der Text auch Zentriert ist?
Denn laut dem Quelltext müsste es eigentlich so sein... :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>TITLE</title>
<style type="text/css">
/* Vertikale Navigation */
div#Tmenu {
font-size: 94%;
width: 10em;
padding: 0.8em;
border: 1px solid white;
background-color: #00003d;
}
* html div#Tmenu {
width: 11.3em;
w\idth: 10em; /* (IE 6 in standards-compliant mode) */
}
ul#Navigation {
font-size: 0.91em;
float: left; width: 22em;
margin: 0 0 1em 1em; padding: 0;
border: 0px dashed silver;
}
div#Inhalt { } /* keine Formatierungen (das div kann wegfallen) */
body {
min-width: 20em; /* Mindestbreite (der Navigation) verhindert Anzeigefehler in modernen Browsern */
}
ul#Navigation li {
list-style: none;
position: relative;
margin: 0.4em; padding: 0;
}
* html ul#Navigation li {
margin-right:1.5em; /* Platz fuer Link-Verbreiterung im IE reservieren */
margin-bottom:0;
}
ul#Navigation li ul {
margin: 0; padding: 0;
position: absolute;
top: 0; left: 9.3em;
}
*:first-child+html ul#Navigation li ul {
left: 9em; /* (IE 7 in standards-compliant mode) */
}
ul#Navigation li ul li {
margin: 0; padding-left: 1.4em;
}
ul#Navigation a, ul#Navigation span {
display: block;
width: 7em;
font-family: "Trebuchet MS", "Century Gothic", Helvetica, Arial, sans-serif;
text-decoration: none; font-weight: bold;
padding: 0.2em 1em;
border: 1px solid #900;
border-left-color: #c96; border-top-color: #c96;
color: white; background-color: #c00;
}
* html ul#Navigation a, * html ul#Navigation span {
width: 9em;
w\idth: 7em; /* (IE 6 in standards-compliant mode) */
}
ul#Navigation a:hover, ul#Navigation span, li a#aktuell:hover {
border-color: #c96;
border-left-color: #900; border-top-color: #900;
background-color: #e00;
}
li a#aktuell {
border-right-color: #300; border-bottom-color: #300;
background-color: #900;
}
ul#Navigation li ul span {
border-color: #900; border-left-color: #c96;
color: #900; background-color: white;
}
ul#Navigation li a:active {
color: black; background-color: #f00;
}
/* dynamisches Ein-/Ausblenden */
ul#Navigation li ul {
display: none;
}
ul#Navigation li:hover>ul {
display: block;
}
ul#Navigation>li:hover>a {
width: 8.2em;
background: #e00 url(pfeil.gif) no-repeat center right;
}
/* dynamisches Ein-/Ausblenden der JavaScript-generierten Klasse im IE */
* html ul#Navigation li.hoverIE {
margin-right:0; /* reservierten Platz freigeben */
margin-bottom:-1.15em; /* Fehlerkorrektur, ggfls. anpassen */
}
* html ul#Navigation li.hoverIE ul {
display: block;
}
* html ul#Navigation li .hoverIE {
width: 10.3em;
w\idth: 8.2em; /* (IE 6 in standards-compliant mode) */
background: #e00 url(pfeil.gif) no-repeat center right;
}
</style>
<!--[if IE]>
<script type="text/javascript">
// <![CDATA[
if(window.navigator.systemLanguage && !window.navigator.language) {
function hoverIE() {
var LI = document.getElementById("Navigation").firstChild;
do {
if (sucheUL(LI.firstChild)) {
LI.onmouseover=einblenden; LI.onmouseout=ausblenden;
}
LI = LI.nextSibling;
}
while(LI);
}
function sucheUL(UL) {
do {
if(UL) UL = UL.nextSibling;
if(UL && UL.nodeName == "UL") return UL;
}
while(UL);
return false;
}
function einblenden() {
var UL = sucheUL(this.firstChild);
UL.style.display = "block"; UL.style.backgroundColor = "#eee";
}
function ausblenden() {
sucheUL(this.firstChild).style.display = "none";
}
window.onload=hoverIE;
}
// ]]>
</script>
<![endif]-->
</head>
<body bgcolor="#00003d" text="#ff8c00" link="red" alink="green" vlink="green">
<div id="Tmenu">
<ul id="Navigation">
<li><a id="aktuell" href="home.html">Home</a>
<ul>
<li><span> Home </span></li>
<li><a href="feedback.html">Feedback</a></li>
</ul>
</li>
<li><a href="info.html">Info</a></li>
<li><a href="#Beispiel">Team</a></li>
<li><a href="projekte.html">Projekte</a>
<ul>
<li><a href="video.html">Video der 5. Klassen</a></li>
<li><a href="projektkarten.html">Gehegekartierung der 5. Klassen</a></li>
<li><a href="#Beispiel">Kunstprojekt: Ziegenkacheln</a></li>
</ul></li>
<li><a href="#Beispiel">Seite 3</a>
<ul>
<li><a href="#Beispiel">Seite 3a</a></li>
<li><a href="#Beispiel">Seite 3b</a></li>
<li><a href="#Beispiel">Seite 3c</a></li>
</ul>
</li>
</ul>
</div>
<div id="Inhalt">
<div style="font-family:Verdana,Tahoma,Impact">
Besucherzähler:
<img src="http://www.besucherzaehler.org/counter.html?id=27381&c=10" alt="Besucherzähler" border="0">
<br>
<img src="hannesauge.bmp"></img>
<br>
<div style="font-size:0.9em">
Homepage-Design © 2008 by Vincent Rolfs, Kl. 7e.
</div>
</div>
</div>
</body>
</html>
Gruß
Thor
Denn laut dem Quelltext müsste es eigentlich so sein... :
Kannst du mir die Anweisung zeigen, welche laut deinem Quelltext Text zentrieren soll? Ich finde Sie nicht
mfg Beat;
Denn laut dem Quelltext müsste es eigentlich so sein... :
Kannst du mir die Anweisung zeigen, welche laut deinem Quelltext Text zentrieren soll? Ich finde Sie nicht
mfg Beat;
Aber warum ist denn alles andere zentriert?
Denn laut dem Quelltext müsste es eigentlich so sein... :
Kannst du mir die Anweisung zeigen, welche laut deinem Quelltext Text zentrieren soll? Ich finde Sie nicht
Aber warum ist denn alles andere zentriert?
Unter allem anderen verstehst du wohl Blockelemente?
Diese werden durch die Angabe margin und width zentriert, genauer
margin-right:auto;
margin-left:auto;
und
width:<nnn><UNIT>;
also nicht auto
mfg Beat;
Hi,
Kannst du mir die Anweisung zeigen, welche laut deinem Quelltext Text zentrieren soll? Ich finde Sie nicht
Aber warum ist denn alles andere zentriert?
Was soll denn da ueberhaupt zentriert sein?
Es mag vielleicht bei der Browserfensterbreite, die du gerade verwendest, halbwegs zentriert aussehen - aber bei der meinen kann ich da von einer Zentrierung wenig entdecken.
Vielleicht solltest du dir neben der Eigenschaft zum horizontalen Zentrieren von Text (und inline Elementen) auch mal den hiesigen FAQ-Punkt Wie zentriere ich Elemente mit CSS? anschauen.
MfG ChrisB
Hi,
wie schaffe ich es, das hier der Text auch Zentriert ist?
Denn laut dem Quelltext müsste es eigentlich so sein... :
Soll Dein Text hellsehen, daß Du ihn zentriert haben willst?
Ich seh in Deinem CSS keine einzige Angabe zur Textausrichtung (text-align).
cu,
Andreas