Nicht mehr ganz neu hier
AW: Design in CSS umsetzen
margin und padding vertauscht, das wars...
So nächstes Problemchen:
Das Logo wird nicht angezeigt! Warum?
Und kann ich das Flash Zeug auch in die .css packen?
margin und padding vertauscht, das wars...
So nächstes Problemchen:
Das Logo wird nicht angezeigt! Warum?
Und kann ich das Flash Zeug auch in die .css packen?
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[URL]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd[/URL]">
<html xmlns="[URL="http://www.w3.org/1999/xhtml"]XHTML namespace[/URL]">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css">
<title>..::[URL="http://www.ravox.de::"]www.ravox.de::[/URL].. Lifestyle Webdesign Photography</title>
</head>
<body>
<div id="wrapper">
<div id="header">
<div id="logo"></div>
<div id="navibereich">
<ul id="navi">
<li><a href="index.html"><font size="2">Home</font></a></li>
<li><a href="foto.html"><font size="2">Webdesign</font></a></li>
<li><a href="location.html"><font size="2">Photography</font></a></li>
<li><a href="galerie.html"><font size="2">Galerie</font></a></li>
<li><a href="labor.html"><font size="2">Lifestyle</font></a></li>
<li><a href="kontakt.html"><font size="2">Kontakt</font></a></li>
<li><a href="impressum.html"><font size="2">Impressum</font></a></li>
</ul>
</div>
</div>
<div id="flash">
<object classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" id="obj1" codebase="[URL]http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0[/URL]" border="0" width="800" height="199">
<param name="movie" value="http://www.psd-tutorials.de/modules/Forum/images/mazda.swf">
<param name="quality" value="High">
<embed src="http://www.psd-tutorials.de/modules/Forum/images/mazda.swf" pluginspage="[URL="http://www.macromedia.com/go/getflashplayer"]Adobe - Adobe Flash Player[/URL]" type="application/x-shockwave-flash" name="obj1" width="800" height="199"></object>
</div>
<div id="content">hier kommt dann ganz viel Text rein</div>
<div id="footer">ich bin der Footerr</div>
</div>
</body>
</body>
</html>
Code:
* {
margin:0; /**damit setzt du erstmal alles auf 0**/
padding:0;
}
body {
background-color:#656060;
background-image : url(images/bg.jpg);
background-repeat:repeat-x;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color:#fff;
text-align:center;
}
#wrapper { /**Inhalt zentriert Breite 800px**/
margin:0 auto;
width:800px;
text-align:left;
}
#header {
margin:0px;
height:66px;
width:800px;
background-color:#19366e;
}
#logo {
margin:0px;
background-image: url(images/logo.gif);
}
#navibereich{
padding-top:50px;
padding-left: 300px;
}
#navibereich a {
color: white;
text-decoration: none;
padding: 4px 5px;
}
#navibereich a:hover {
color:black;
}
#navi li {
display: inline;
list-style-type: none; /*Aufzählungszeichen entfernen */
}
#flash {
margin:0px;
height:199px;
text-align:center;
}
#content {
margin:0px;
height:100px;
background-color:#FFFFFF;
color:#000;
}
#footer {
background-color:#656060;
height:50px;
text-align:center;
}
Zuletzt bearbeitet:
