+- Juergens-Workshops.de Forum (https://forum.juergens-workshops.de)
+-- Forum: HTML und Co (https://forum.juergens-workshops.de/forumdisplay.php?fid=62)
+--- Forum: CSS und Javascript (https://forum.juergens-workshops.de/forumdisplay.php?fid=86)
+--- Thema: CSS Ausrichten (/showthread.php?tid=19485)
CSS Ausrichten - Basilisk - 22.10.2005
Hallo zuerst einmal Danke für die Antwort
im Webtamplate bereich.
Jetzt bin ich ein wenig am Ausprobieren von CSS,habe vorher nur mit
HTML gearbeitet.
Ich habe mal ein Mustermenü zu Testzwecken installiert.
Jetzt wie kann ich diese zb.in die Mitte eines Frames ausrichten.
Habe im Code nichts gefunden.
Vielleicht habe ich was übersehen,aber es fängt ja jder mal klein
an.
Danke und Grüsse
Basilisk
CSS Ausrichten - Hulot - 22.10.2005
Hallo,
entweder mit
Zitat:<div align="center">Dein Menue</div>oder mit text-align: middle;. Siehe dazu auch hier nach.
Gruß Hulot
CSS Ausrichten - Basilisk - 23.10.2005
Hallo also irgendwie habe ich jetzt ein Schwimmfest:
Wo kommt den das "div" hinein ?Habe auch in den anderen Beispielen nichts gefunden.Es wird eigentlich immer nur von "margin o geredet,
wobei dies auch nicht weiter hilft.
Habe mal zur Veranschaulichung den Quelltekt reinkopiert:
Zitat:<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Test</title>
</head>
<head>
<title>CSS Menü</title>
<style type="text/css">
<!--
#links {
width: 100px;
border-collapse:collapse;
}
#links a {
display: block;
background: #E0E0E0;
color: #000080;
font: bold 11px Verdana,Arial;
margin: 0px auto;
padding: 4px 2px;
text-decoration: none;
width: 120px;
}
#links a:hover {
background: url('images/fbg.gif');
color: blue
}
.td {
border:1px solid #800000;
background-color:#E0E0E0;
width:120px;
}
#th {
margin: 2px auto;
padding: 4px 4px;
font: bold 12px Verdana,Arial;
border:1px solid maroon;
background: steelblue;
width: 120px;
color: #FFFFFF;
}
-->
</style>
<base target="Hauptframe">
</head>
<body bgcolor="#FFFFF" topmargin="0" leftmargin="0" bgproperties="fixed" background="hint_blau027.gif">
<body>
<table id="links" width="133" cellpadding="0" cellspacing="0" border="0">
<tr>
<td id="th" width="153">Top News</td>
<tr>
<td class="td" width="153"><a href="index.html">Nur Test</a</td>
</tr>
<tr>
<td class="td" width="153"><a href="index.html>Weitere LInks</a></td>
</tr>
<tr>
<td class="td" width="153">Weitere LInks</td>
</tr>
<tr>
<td class="td" width="153"><a href="index.html">Weitere Links</a</td>
</tr>
<tr>
<td class="td" width="153">Weitere Links</td>
</tr>
<tr>
<td class="td" width="153">Weitere Links</td>
</tr>
</table>
</body>
</body>
</html>
Mfg und Danke
Basilisk
CSS Ausrichten - Hulot - 23.10.2005
Hi,
entweder so, wenn die Navigation mittig sein soll:
Zitat:<div align="center">
<table id="links" width="133" cellpadding="0" cellspacing="0" border="0">
<tr>
<td id="th" width="153">Top News</td>
<tr>
<td class="td" width="153">Nur Test</td>
</tr>
<tr>
<td class="td" width="153">Weitere LInks</td>
</tr>
<tr>
<td class="td" width="153">Weitere Links</td>
</tr>
<tr>
<td class="td" width="153">Weitere Links</td>
</tr>
<tr>
<td class="td" width="153">Weitere Links</td>
</tr>
</table>
</div>
oder so:
Zitat:<td class="td" width="153">
<div align="center">
Nur Test
</div>
</td>
Gruß Hulot
CSS Ausrichten - Basilisk - 28.10.2005
Danke für die Hilfe.
Es funzt.
Gruss Basilisk