XCarinaX
Threadersteller
Dabei seit: 28.06.2006
Ort: -
Alter: 35
Geschlecht:
|
Verfasst Mo 03.08.2009 04:41
Titel Text mittig setzen in Dreamweaver |
|
|
Hallo an alle. Ich lerne gerade in Dreamweaver Internetseiten zu erstellen. Versuche mir das selbst beizubringen.
Jetzt habe ich folgendes Problem:
Meine Webseite sitzt nach langem Versuchen glaube ich mal Mittig. Aber der Text nicht. Im Hintergrund ist ein Bild was sich immer dem Browserfenster anpasst und sich mittig Ausrichtet. Darüber habe ich mit dem Biedienfeld "AP Div Zeichen" ein Feld gezeichnet und darein meinen Text geschrieben in Dreamweaver. Der Vorteil dieses Feldes ist, dass ich es frei bewegen kann und in meine Gestaltung hinziehen kann wo ich mag. Aber wenn ich das Browserfenster kleiner ziehe bewegt sich mein Hintergrundbild mit und richtet sich mittig aus und mein Text bleibt fest stehen, bewegt sich nicht mit. Bei Leuten mit anderer Auflösung steht der Text dann zu weit links oder rechts. Das bekomme ich einfach nicht hin.
Hier der Quellcode. Vielleicht kann mir einer sagen was ich da rein schreiben muss un wo das sich der Text mit anpasst. Wenn ich schreibe "0 auto" bei dem Div mit dem Text geht der text mit und passt sich an, aber der Text sitzt dann bei 0 und das is falsch. Ich brauch eure Hilfe
Code: | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>TuS Mühlbach 1921 e.V.</title>
<style type="text/css">
<!--
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #666666;
margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
padding: 0;
text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
color: #000000;
background-color: #E2001A;
background-image: url(pics/IMG_8852.jpg);
}
.oneColLiqCtr #container {
width: 80%; /* Hierdurch wird ein Container mit einer Breite erstellt, die 80% der Browserbreite beträgt. */
background: #FFFFFF;
margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
border: 1px solid #000000;
text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
}
.oneColLiqCtr #mainContent {
padding: 0 0px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
}
body,td,th {
font-size: 10pt;
color: #FFFFFF;
}
a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #000000;
}
a:link {
text-decoration: none;
color: #FFFFFF;
}
a:visited {
text-decoration: none;
color: #FFFFFF;
}
a:hover {
text-decoration: none;
color: #FFFFFF;
}
a:active {
text-decoration: none;
color: #FFFFFF;
}
.Stil28 {color: #000000}
.Stil29 {color: #FFFFFF; }
.Stil30 {
color: #E2001A;
font-weight: bold;
}
-->
</style></head>
<body class="oneColLiqCtr">
<div id="container">
<div id="mainContent">
<div class="Stil28" id="Layer" style="position:absolute; left:950px; top:9px; width:144px; height:601px; z-index:3; overflow: auto;"><img src="Bausteine/werbebanner.gif" alt="Werbung" width="144" height="589" /></div>
<div class="Stil29" id="Layer2" style="position:absolute; left:316px; top:222px; width:591px; height:354px; z-index:3; overflow: auto;">
<p><strong>Termine</strong></p>
<p><br />
<br />
</p>
<table width="588" border="0">
<tr>
<td bgcolor="#FFFFFF"><span class="Stil30">So. 29.08.09</span></td>
<td bgcolor="#FFFFFF"><span class="Stil30">Waffelfest im Sportheim Mühlbach</span></td>
</tr>
<tr>
<td> </td>
<td>TuS Mühlbach gegen SV Ulmet</td>
</tr>
<tr>
<td> </td>
<td>Anstoß 2. Mannschaft um 14:15 Uhr</td>
</tr>
<tr>
<td> </td>
<td>Anstoß 1. Mannschaft um 16:00 Uhr</td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><span class="Stil30">Sa. 17.10.09</span></td>
<td bgcolor="#FFFFFF"><span class="Stil30">Bayrischer Abend im Sportheim Mühlbach</span></td>
</tr>
<tr>
<td> </td>
<td>TuS Mühlbach gegen SV Hüffler</td>
</tr>
<tr>
<td> </td>
<td>Anstoß 2. Mannschaft um 14:15 Uhr</td>
</tr>
<tr>
<td> </td>
<td>Anstoß 1. Mannschaft um 16:00 Uhr</td>
</tr>
</table>
</div>
<img src="Bausteine/hintergrund-alle.jpg" alt="Startseite" width="981" height="609" border="0" usemap="#Map" />
<map name="Map" id="Map"><area shape="rect" coords="26,360,139,385" href="ah.html" target="_self" alt="AH" /><area shape="rect" coords="26,389,140,414" href="jsg.html" target="_self" alt="JSG" /><area shape="rect" coords="26,418,140,444" href="aerobic.html" target="_self" alt="aerobic" /><area shape="rect" coords="29,450,140,472" href="termine.html" target="_self" alt="Termine" /><area shape="rect" coords="28,480,141,503" href="aktuelles.html" target="_self" alt="Aktuelles" /><area shape="rect" coords="26,541,143,562" href="notbrems.pdf" target="_blank" alt="Vereinszeitung" /><area shape="rect" coords="22,570,139,596" href="http://www.tusmühlbach.de/gb/index.php" target="_blank" />
<area shape="rect" coords="724,195,800,216" href="impressum.html" target="_self" />
<area shape="rect" coords="25,328,138,353" href="2mannschaft.html" target="_self" />
<area shape="rect" coords="25,511,139,533" href="bilder.html" target="_self" alt="Bilder" />
<area shape="rect" coords="26,301,138,322" href="1mannschaft.html" target="_self" alt="1. Mannschaft" />
<area shape="rect" coords="16,13,151,220" href="http://www.your-creative-design.de" target="_blank" alt="Werbeagentur" />
<area shape="rect" coords="27,269,140,292" href="vostand.html" target="_self" alt="Vorstand" />
<area shape="rect" coords="646,195,716,217" href="index.html" target="_self" />
</map>
</div>
<!-- end #container --></div>
</body>
</html>
|
url dazu ist. www.tusmühlbach.de/termine.html
[Verschoben von Programmierung -- HTML/CSS sind keine Programmiersprachen]
Zuletzt bearbeitet von Kash am Mo 03.08.2009 09:46, insgesamt 1-mal bearbeitet
|
|