hallo,
habe eine hp erstellt und verstehe nicht was ich am code ändern muss, damit ein weiteres bild in der reihe gezeigt wird. Hier kann man es sehen http://www.nesrin.at/schmetterling.html
ein 4tes bild paßt anscheinend nicht rein. Aber als ich bei der Css datei den Wert geändert habe, hat es mein Design total zerfetzt? Welche Werte muß ich ändern, damit ein viertes Bild auch reinpasst? in der css datei oder doch in der indexdatei? ich hab z.b. 590 px in 597 geändert aber das design war dann auf einmal weg, der Inhalt war ganz unten beim footer.
danke
liebe grüße
css:
Code
/* CSS Document by Dieter Schneider 2006 | www.csstemplateheaven.com */
* {margin: 0;
padding: 0;
}
body {
background-image: url(http://www.nesrin.at/images/body_tile.jpg);
background-repeat: repeat-y;
font-size: 62.5%;
font-family: Georgia, "Times New Roman", Times, serif;
}
#container {
width: 954px;
font-size: 1.2em;
}
#left {
background-image: url(http://www.nesrin.at/images/left_bg.jpg);
float: left;
height: 434px;
width: 274px;
padding-top: 275px;
}
#right {
background-image: url(http://www.nesrin.at/images/right_bg.jpg);
float: left;
width: [COLOR=#ff0000]590[/COLOR]px;
padding-top:150px;
padding-right: 90px;
background-repeat: no-repeat;
}
#footer {
background-image: url(http://www.nesrin.at/images/footer.jpg);
background-repeat: no-repeat;
height: 100px;
width: 524px;
padding-left: 430px;
padding-top: 28px;
clear: both;
}
#navcontainer { width: 150px; }
#navcontainer ul
{
margin-left: 55px;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}
#navcontainer a
{
display: block;
padding: 3px;
width: 160px;
}
#navcontainer a:link, #navlist a:visited
{
color: #74752b;
text-decoration: none;
background-image: url(http://www.nesrin.at/images/bullet.png);
background-repeat: no-repeat;
padding-left: 25px;
padding-bottom: 7px;
font-weight: bolder;
}
#navcontainer a:hover
{
color: #75492b;
background-image: url(http://www.nesrin.at/images/bullet_hover.png);
background-repeat: no-repeat;
}
p {margin-bottom: 15px;
margin-top: 15px;}
h1 {
text-align: center;
margin-top: -55px;
font-family: "Times New Roman", Times, serif;
font-style: italic;
color: #808D33;
font-size: 2em;
}
h2 {
text-align: center;
margin-top: 7px;
margin-bottom: 40px;
font-family: "Times New Roman", Times, serif;
font-style: italic;
color: #9BA46D;
font-size: 1.2em;
}
h3 {
text-align: left;
font-family: "Times New Roman", Times, serif;
font-style: italic;
color: #98A549;
font-size: 1.5em;
}
h4 {
text-align: left;
font-family: "Times New Roman", Times, serif;
font-style: italic;
color: #808D33;
font-size: 1.5em;
margin-left: 107px;
margin-bottom: 30px;
}
blockquote {
font-style: italic;
border: 1px dotted #98A549;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 15px;
margin-top: 15px;
color: #74752B;
}
a:link {color: #7C8832}
a:visited {color: #74752B}
a:hover {color: #993300}
a:active {color: #993300}
Alles anzeigen
index:
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="http://www.nesrin.at/lightbox/js/prototype.js"></script>
<script type="text/javascript" src="http://www.nesrin.at/lightbox/js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="http://www.nesrin.at/lightbox/js/lightbox.js"></script>
<link rel="stylesheet" href="http://www.nesrin.at/lightbox/css/lightbox.css" type="text/css" media="screen" />
<title>Echte Schmetterlinge</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="http://www.nesrin.at/style.css" />
</head>
<body>
<div id="container">
<div id="left">
<h4>Menu</h4>
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="http://www.nesrin.at/index.html" id="current">Home</a></li>
<li><a href="http://www.nesrin.at/ketten.html">Ketten</a></li>
<li>usw. links</li>
</ul>
</div>
</div>
<div id="right">
<h1>Handmade with love</h1>
<h2>Unique</h2>
<p>test text usw.</p>
<a href="http://www.nesrin.at/gross/anhaenger 60.4.jpg" rel="lightbox[gruen]"><img src="http://www.nesrin.at/thumbnails/anhaenger 60.4kl.jpg"></a>
<a href="http://www.nesrin.at/gross/anhaenger 60.3.jpg" rel="lightbox[gruen]"></a>
<a href="http://www.nesrin.at/gross/anhaenger 60.2.jpg" rel="lightbox[gruen]"></a>
<a href="http://www.nesrin.at/gross/anhaenger 60.jpg" rel="lightbox[gruen]"></a>
<a href="http://www.nesrin.at/gross/anhaenger 60.5.jpg" rel="lightbox[gruen]"></a>
<a href="http://www.nesrin.at/gross/anhaenger 62.3.jpg" rel="lightbox[blau]"><img src="http://www.nesrin.at/thumbnails/anhaenger 62.3kl.jpg"></a>
<a href="http://www.nesrin.at/gross/anhaenger 62.4.jpg" rel="lightbox[blau]"></a>
<a href="http://www.nesrin.at/gross/anhaenger 62.5.jpg" rel="lightbox[blau]"></a>
<a href="http://www.nesrin.at/gross/anhaenger 62.jpg" rel="lightbox[blau]"></a>
<a href="http://www.nesrin.at/gross/anhaenger 62.2.jpg" rel="lightbox[blau]"></a>
<a href="http://www.nesrin.at/gross/anhaenger 62.1.jpg" rel="lightbox[blau]"></a>
<a href="http://www.nesrin.at/gross/anhaenger88e.jpg" rel="lightbox[orange]"><img src="http://www.nesrin.at/thumbnails/anhaenger88ekl.jpg"></a>
usw...
</div>
</div>
<div id="footer">
<p>Created by: Dieter Schneider 2007| <a href="http://www.csstemplateheaven.com">www.csstemplateheaven.com</a></p>
</div>
<div align=center>This template downloaded form <a href='http://all-free-download.com/free-website-templates/'>free website templates</a></div></body>
</html>
Alles anzeigen