Beiträge von Nes

Nes

@Bandit wie ist das gemeint? wenn ich dort keine hilfreiche Antwort bekomme, stelle ich meine Frage wo anders rein. Warum ist das bitte nicht gestattet? wird jeder Beitrag zuerst einmal im www gesucht, ob es nicht irgendwo schon aufgetaucht ist?

wenn beim Bäcker kein Brot da ist, frag ich halt beim anderen Bäcker nach..geht man so mit neuen Usern um. Ich werde wohl mein Problem bei noch einem anderen Forum posten-du erlaubst?

nun danke leute für die Antworten. Ich werde wohl alle Bilder etwas verkleinern, wird etwas dauern, aber das Design sollte somit nicht verpfuscht werden-hoffe ich mal. Achja Beitrag kann gelöscht, gesperrt oder sonstwas werden, ich habe anscheinend gegen die Forumsregeln verstossen.

Nes

hallo und vielen Dank!

wenn ich das so mache, verrutscht die ganze Seite. Ich habe dann am Rand so ein Balken der bis nach oben geht. Total mir unverständlich. Ich lasse es mal so ein paar Tage damit du es siehst. Das mit dem Mauszeiger ist unvermeidlich weil die Fotos ja nicht alle gleich gross sind. Ich kann sie ja nicht alle gleich groß machen, weil manche klein besser aussehen, oder groß sein müssen um die Details zu erkennen.

Nes

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

Beiträge von Nes

Welche Werte muß ich ändern, damit ein weiteres Bild in einer Reihe reinpasst?

Welche Werte muß ich ändern, damit ein weiteres Bild in einer Reihe reinpasst?

Welche Werte muß ich ändern, damit ein weiteres Bild in einer Reihe reinpasst?