nicht angemeldet
Problem mit CSS oder HTML
0 0 
Der Martin
0 0
Problem mit CSS oder HTML
Hallo Experten!
Zuersteinmal eine Problembeschreibung:
Die obere rechte Ecke der Textbox wird nicht angezeigt - ich verstehe nicht warum nicht.
Dann sollte der Text in der Box eigentlich unterschiedlich formatiert sein.
.inhalt p
.inhalt w
Im IE7 wird er aber mit der gleichen Formatierung angezeigt.
Am liebsten würde ich die Formatierung über das styleshett regeln - könnt Ihr mir einen Tipp geben wie ich das regeln kann?
Schon mal im voraus vielen Dank für eure Hilfe!
beste Grüße
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>
-
Sorry, der link ist
http://www.mixed-up.net/indexaa.html
Gruss
Dennis-
Ave Dennis1980!
Sorry, der link ist
http://www.mixed-up.net/indexaa.htmlUnd mit 50 Erroren gut im rennen.
Grüße aus H im R an Dennis1980,
Primus Enginus*--
Und wenn´s dir nicht gefällt, dann.nimmet.net/mir-doch-egal!
Der Valligator
"Fernsehen wie es sein sollte"
"Fernsehen wie es sein sollte - Teil 2"
-
-
Hallo,
.inhalt w
<w>Willkommen auf unseren Seiten!!</w>wo hast du denn das w-Element her? Das ist kein HTML, kein anständiger Browser dieser Welt muss das interpretieren!
Davon abgesehen krankt dein Code anscheinend an Divitis.
So long,
Martin--
Datenbanken speichern keine User.
Das liegt daran, daß Datenbanken mit der Lebensmittelversorgung für gespeicherte biologische Lebensformen derzeit noch Probleme haben.
(Christoph Schnauß) -
Hi there,
von diversen übrigen Widrigkeiten einmal abgesehen, was sofort ins Auge fällt:
<!--Textformatierung-->
hat innerhalb der Style-Anweisungen nichts verloren. <!-- und --> dienen zwischen <style> und </style> NICHT als Kommentare...
-
Hi!
hat innerhalb der Style-Anweisungen nichts verloren. <!-- und --> dienen zwischen <style> und </style> NICHT als Kommentare...
... sondern man nimmt /* und */.
-
-
hi!
Liegt eindeutig am Falschen kommentieren! nimm die Kommentare mal raus, dann sollte es funktionieren.
gruss von K aus Z in S