nicht angemeldet
Mehrere Probleme mit CSS und HTML
Moin Moin,
ich habe die Adminfunktion für eine Domain übernommen. Habe leider sehr wenig Ahnung bin aber motiviert...
How ever, nachfolgend ein listing von dem was ich mir zusammengebastelt habe.
Folgende Probleme habe ich:
-
Vom Hintergrundkasten (Stapelbox), wo die Texte eingefügt werden soll
wird die obere rechte Ecke (das unterste Bild)nicht angezeigt. Dort wird
nur der Text ausgegeben. -
wie kann ich den Text in der Box unterschiedlich formatieren
(am liebsten wäre mir ne Verknüpfung mit "a", "h1" u.s.w. vom style sheet
(zur Zeit habe ich das "Willkommen..." mit "inhalt w" verknüpft; würde
aber gerne auf "inhalt p" und "inhalt w" verzichtem. Ist das irgendwie
machbar?
Im Voraus schon mal vielen Dank für eure Hilfe!
lg
Dennis
listing
<style type="text/css">
html {}
/*...*/
html, body, table {
font-family:Arial, Helvetica, Verdana; /*...*/
font-size:20px; /*...*/
color:#9F9F9F; /*...*/
}
<!--Textformatierung-->
h1 { /*Überschriften*/
font-size:14px;
}
/*TEXT*/
a {
color:#0050A0; /*generelle Textfarbe*/
text-decoration:none} /*unterstrichen/kursiv??*/
/*...*/
a:hover {
color:#0050A0; /*...*/
text-decoration:underline /*...*/
}
/*...*/
#zentrierung {}
/*...*/
#website {
width:805px; /*...*/
text-align: left; /*Textausrichtung*/
margin:20px 0 40px 0; /*...*/
}
/*...*/
body {
height:100%; /*Größe vom Bildschirm*/
background-image:url(bilder/hintergrund.jpg); /*Auswahl Hintergrundbild*/
background-repeat:repeat; /*Wiederholung*/
margin:0px; /*Lücken zwischen den einzelnen Hintergrundbildern*/
padding:0px; /*Lücken zwischen den einzelnen Hintergrundbildern*/
}
/*Navigationsleiste*/
#Navigation {
list-style-type:none; /*...*/
margin:0px 0px 0px 0px; /*Abstand zur Umgebung oben/rechts/unten/links*/
padding:0; /*...*/
text-align:center; /*...*/
}
/*Navigationsleiste*/
#Navigation li {
list-style:none; /*...*/
display:inline; /*...*/
margin:10px; /*Abstand der einzelnen Butons*/
padding:0px 10px 0px 20px; /*...*/
}
/*...*/
#Navigation a, #Navigation span {
color:#FFFFFF; /*...*/
font-size:24px; /*...*/
font-weight:bold; /*...*/
text-align:center; /*...*/
}
/*...*/
#Navigation a:hover {
color:#FFFFFF; /*...*/
text-decoration:underline /*...*/
}
/*Text Formation Fußleiste*/
#foot {
font-family:Verdana, Arial, Sans-Serif; /*...*/
font-size:9px; /*...*/
color:#9F9F9F; /*...*/
}
/*...*/
#foot a {
color:#BFBFBF; /*...*/
}
<!-- Hintergrundbox Text-->
/*Box Ecke rechts oben*/
.ro {
background:url(http://www.mixed-up.net/bilder/navi/ro.gif) top right no-repeat; /*...*/
margin:0; /*...*/
padding:0; /*...*/
}
/*Box Ecke links oben*/
.lo {
background:url(http://www.mixed-up.net/bilder/navi/lo.gif) top left no-repeat; /*...*/
margin:0; /*...*/
padding:0; /*...*/
}
/*Box Ecke rechts unten*/
.ru {
background:url(http://www.mixed-up.net/bilder/navi/ru.gif) bottom right no-repeat; /*...*/
margin:0; /*...*/
padding:0; /*...*/
}
/*Box Ecke links unten*/
.lu {
background:url(http://www.mixed-up.net/bilder/navi/lu.gif) bottom left no-repeat; /*...*/
margin:0; /*...*/
padding:0; /*...*/
}
/*Boxinhalt*/
.inhalt {
margin:0; /*...*/
padding:2.5em 2.5em 3.5em 2.5em; /*...*/
}
/*Boxinhalt normaler Text*/
.inhalt p {
text-align:left; /*Ausrichtung*/
margin:0; /*...*/
padding:0; /*...*/
}
/*Boxinhalt Wilkommensseite*/
.inhalt w {
text-align:center; /*Ausrichtung*/
margin:0; /*...*/
padding:0; /*...*/
font-size:24px; /*Schriftgröße*/
font-weight:bolder; /*fett/kursiv*/
color:#CC0000 /*Textfarbe*/
}
</style>
</head>
<body>
<!-- Zentrierung-->
<table id="zentrierung" width="100%" height="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center">
<!-- Website -->
<table id="website" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<br /> <!--einfügen freier Zeile-->
<!-- HEADER -->
<img src="bilder/header.jpg" width="1024" height="200" border="0" alt="">
<br /> <!--einfügen freier Zeile-->
<!-- NAVIGATION -->
<ul id="Navigation">
<li><a href="http://www.mixed-up.net/index.html">Home</a></li>
<li><a href="http://www.mixed-up.net/musiker.html">Die Band</a></li>
<li><a href="http://www.mixed-up.net/musik.html">Musik</a></li>
<li><a href="http://www.mixed-up.net/fotos.html">Fotos</a></li>
<li><a href="http://www.mixed-up.net/booking-u-kontakt.php">Booking & Kontakt</a></li>
</ul>
<div align="center">
<!-- /NAVIGATION -->
<br />
<!--einfügen freier Zeile-->
<!-- Hintergrundbox -->
</div>
<div class="ro">
<div class="lo">
<div class="ru">
<div class="lu">
<div class="inhalt">
<!-- TEXT in Box -->
<w>Willkommen auf unseren Seiten!!</w>
<p> Test Test Test </p>
</div>
</div>
</div>
</div>
</div>
<div align="center"><br />
<!--einfügen freier Zeile-->
</div>
<div id="foot" align="right">©2008 by Mixed-up!
</div>
</td>
</tr>
</table>
<!-- Website -->
</td>
</tr>
</table>
<!-- Zentrierung -->
</body>
</html>
-
Hi,
How ever, nachfolgend ein listing von dem was ich mir zusammengebastelt habe.
Schaetze meine Lust auf Copy&Paste-Orgien bitte realistisch als minimalst ein - und liefere ein (valides) Online-Beispiel zum anschauen.
MfG ChrisB
--
"The Internet: Technological marvel of marvels - but if you don't know *what* you're lookin' for on the Internet, it is nothing but a time-sucking vortex from hell."