xanthia123
Neues Mitglied
Hallo ihr lieben,
ich weiß nicht genau ob mein Problem an CSS oder HTML liegt, aber wenn ihr mal auf meine Webseite music-diary.de.vu schaut seht ihr, dass der Banner im gegensatz zu den unteren beiden divs verschoben ist..
ich weiß echt nicht mehr was ich noch machen soll bin aber auch noch relativ unerfahren mit CSS und HTMl, hab früher alles mit Dreamweaver Hilfe gemacht und jetzt dsa erste mal selbst runterprogrammiert.. ich poste euch mal meinen Code und hoffe, ihr könnt mir helfen.. vllt habt ihr auch Verbesserungsvorschläge ;)
HTML Datei:
CSS-Datei:
ich weiß nicht genau ob mein Problem an CSS oder HTML liegt, aber wenn ihr mal auf meine Webseite music-diary.de.vu schaut seht ihr, dass der Banner im gegensatz zu den unteren beiden divs verschoben ist..
ich weiß echt nicht mehr was ich noch machen soll bin aber auch noch relativ unerfahren mit CSS und HTMl, hab früher alles mit Dreamweaver Hilfe gemacht und jetzt dsa erste mal selbst runterprogrammiert.. ich poste euch mal meinen Code und hoffe, ihr könnt mir helfen.. vllt habt ihr auch Verbesserungsvorschläge ;)
HTML Datei:
Code:
<html>
<head>
<title>Music Diary</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body id="Start">
<center>
<div id="Banner">
</div>
</center>
<center>
<table id="Tabelle">
<tr>
<td>
<div id="Leiste">
<h3>Willkommen</h3>
auf meinem kleinem Musik-Diary. Hier werde ich regelmäßig über Musik schreiben,
aktuelle CDs vorstellen und von Konzerten berichten, die ich besucht habe. Viel Spaß!
<p>
<h3>Navigation</h3>
<ul id="Liste">
<li><a href="http://julia1985.lima-city.de/cutenews/show_news.php" target="hauptfenster">Home</a></li>
<li><a href="cds.html" target="hauptfenster">CD-Rating</a></li>
<li><a href="top10.html" target="hauptfenster">Top 10</a> </li>
<li><a href="konzerte.html" target="hauptfenster">Konzerte</a> </li>
<li><a href="about.html" target="hauptfenster">About</a> </li>
<li><a href="http://gb.webmart.de/gb.cfm?id=1192349" target="hauptfenster">Gästebuch</a></li>
</ul>
<p><h3>About</h3>
Diese Webseite wurde zu privaten Zwecken erstellt und ich verdiene kein Geld damit. Wer mich kontaktieren möchte, kann dies per <a href="mailto:[email protected]">Mail</a> sehr gerne tun.
<p>
</div>
</td>
<td>
<div id="IFrame">
<iframe id="hauptfenster" src="http://julia1985.lima-city.de/cutenews/show_news.php" width="760" height="500" name="hauptfenster" noresize="noresize" frameborder="0" border="0"
</iframe>
</div>
</td>
</tr>
</table>
</center>
</body>
</html>
Code:
body {
background-color: #d6d6d6;
font: 10pt Verdana, Arial;
text-align: justify;
}
#rezensionen {width: 700px; background-color: #c4c3c3 ; border: 1px solid #9d9c9c; font: 10pt Verdana, Arial; padding: 3px 5px; text-align: justify;}
h3 {border-bottom: 1px solid #9d9c9c; color: #5a0d0d; font-size: 11pt;}
h2 {border-bottom: 1px solid #9d9c9c; color: #5a0d0d; font-size: 10pt;}
#Banner { width: 1000px; height: 250px; background-image: url(header_png.png); border: 1px solid #9d9c9c; margin: 5px 0px; }
#Leiste { width: 200px; height: 500px; background-color: #d6d6d6; font: 10pt Verdana, Arial; float: left; border: 1px solid #9d9c9c; padding: 8px; margin: 0px 5px 0px 0px; text-align: justify; }
#IFrame { width: 755px; height: 500px; background-color: #d6d6d6; font: 10pt Verdana, Arial; border: 1px solid #9d9c9c; padding: 8px; margin: 0px 5px 0px 0px;
}
#Tabelle { width: 1000px; border: 0; cellpadding: 0; cellspacing: 0; margin: 0; padding: 0; }
#ratings {border: 0px; }
#blog {border: 1px solid #9d9c9c; }
#cdcover {border: 1px solid #9d9c9c; float: left; margin: 5px; }
#Liste {list-style-type: square; padding: 0 15px; }
#fotos_berichte {border: 1px solid #9d9c9c; float: left; margin: 0px 5px 0px 0px; }
#counter {font: 9pt Verdana, Arial; }
a:link {color: #502222; text-decoration: underline; }
a:visited {color: #502222 ;text-decoration: underline; }
a:focus {color: #502222; text-decoration: underline; }
a:hover {color: #502222; text-decoration: blink; text-decoration: underline; }
a:active {color: #502222; text-decoration: underline; }