Juergens-Workshops.de Forum › HTML und Co › CSS und Javascript
CSS Ausrichten

Ansichts-Optionen
CSS Ausrichten
Basilisk Offline
Junior Member
Beiträge: 3
Themen: 1
Danke erhalten: 0 in 0 Posts
Danke gesagt: 0
Registriert seit: 18.10.2005
#1
22.10.2005, 18:12
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
Zitieren
Hulot Offline
Gesperrt
Beiträge: 1.027
Themen: 27
Danke erhalten: 0 in 0 Posts
Danke gesagt: 0
Registriert seit: 12.11.2003
#2
22.10.2005, 18:55
Hallo,

entweder mit
Zitat:<div align="center">Dein Menue</div>
oder mit text-align: middle;. Siehe dazu auch hier nach.

Gruß Hulot
Zitieren
Basilisk Offline
Junior Member
Beiträge: 3
Themen: 1
Danke erhalten: 0 in 0 Posts
Danke gesagt: 0
Registriert seit: 18.10.2005
#3
23.10.2005, 11:16
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&uuml;</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
Zitieren
Hulot Offline
Gesperrt
Beiträge: 1.027
Themen: 27
Danke erhalten: 0 in 0 Posts
Danke gesagt: 0
Registriert seit: 12.11.2003
#4
23.10.2005, 11:25
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
Zitieren
Basilisk Offline
Junior Member
Beiträge: 3
Themen: 1
Danke erhalten: 0 in 0 Posts
Danke gesagt: 0
Registriert seit: 18.10.2005
#5
28.10.2005, 15:01
Danke für die Hilfe.
Es funzt.




Gruss Basilisk
Zitieren