• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Fehler bei der Navigation..

Du lädst Dir mit Deinem FTP-Prog von Funpig Dein "Untitled Document", gleich bedeutend mit der index.html, auf Deinen Rechner runter.
In Deinem Editor löschst Du dann den gesamten Quelltext raus, kopierst Dir den unteren Quelltext mit Strg + C, und kopierst ihn mit Strg + V in die leere index.html.
Dann speichern und wieder zu Funpig hochladen.
PHP: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="banner"></div>
<div id="bar">Whatever here...</div>
<div id="gradient"><div><img src="images/top.png" alt="Top" /></div>    </div>
<div id="container">
    <!-- Left -->

<div id="left">
<div><img src="images/navigation.png" alt="Navigation" /></div>
<div class="box">
  <ul>
    <li><a href="home.html">Home</a></li>
    <li><a href="events.html">Events</a></li>
    <li><a href="habbohotel.html">Habbohotel</a></li>
    <li><a href="bobbawelt.html">BobbaWelt</a></li>
    <li><a href="fancenter.html">Fancenter</a></li>
    <li><a href="goodys.html">Goodys</a></li>
    <li><a href="community.html">Community</a></li>
    <li><a href="weahledeinwunschthema.html">Wähle dein Wunschthema</a></li>
  </ul>
</div>
</div>
<div><img src="images/box_bottom.png" alt="Box Bottom" /></div>
<div><img src="images/user.png" alt="User Login" /></div>
<div class="box">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse turpis. Vivamus semper rutrum erat. Nam sed purus nec massa adipiscing auctor. Morbi quam. Morbi fermentum, mi sed pharetra facilisis, ipsum magna faucibus lorem, sit amet auctor mauris odio id lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.</div>
<div><img src="images/box_bottom.png" alt="Box Bottom" /></div>
<div><img src="images/disclaimer.png" alt="Disclaimer" /></div>
<div class="box">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse turpis. Vivamus semper rutrum erat. Nam sed purus nec massa adipiscing auctor. Morbi quam. Morbi fermentum, mi sed pharetra facilisis, ipsum magna faucibus lorem, sit amet auctor mauris odio id lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.</div>
<div><img src="images/box_bottom.png" alt="Box Bottom" /></div>

</div>
    <!-- End Left -->
              <!-- Right -->
<div id="right">
<div><img src="images/headlines.png" alt="Latest Headlines" /></div>
<div class="box">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse turpis. Vivamus semper rutrum erat. Nam sed purus nec massa adipiscing auctor. Morbi quam. Morbi fermentum, mi sed pharetra facilisis, ipsum magna faucibus lorem, sit amet auctor mauris odio id lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.</div>
<div><img src="images/box_bottom.png" alt="Box Bottom" /></div>
<div><img src="images/stats.png" alt="Site Statistics" /></div>
<div class="box">
 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse turpis. Vivamus semper rutrum erat. Nam sed purus nec massa adipiscing auctor. Morbi quam. Morbi fermentum, mi sed pharetra facilisis, ipsum magna faucibus lorem, sit amet auctor mauris odio id lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.
</div>
<div><img src="images/box_bottom.png" alt="Box Bottom" /></div>
<div><img src="images/charts.png" alt="Latest Charts" /></div>

<div class="box">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse turpis. Vivamus semper rutrum erat. Nam sed purus nec massa adipiscing auctor. Morbi quam. Morbi fermentum, mi sed pharetra facilisis, ipsum magna faucibus lorem, sit amet auctor mauris odio id lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.</div>
<div><img src="images/box_bottom.png" alt="Box Bottom" /></div>
</div>
             <!-- End Right -->
        <!-- Content -->  
<div id="contentcontainer">
<div id="content">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse turpis. Vivamus semper rutrum erat. Nam sed purus nec massa adipiscing auctor. Morbi quam. Morbi fermentum, mi sed pharetra facilisis, ipsum magna faucibus lorem, sit amet auctor mauris odio id lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Maecenas pharetra est aliquet risus. Etiam arcu nulla, elementum et, interdum a, rhoncus ac, felis. Vestibulum malesuada nonummy neque. Suspendisse potenti. Praesent eu quam at enim hendrerit elementum. Etiam eleifend tempus arcu. Aenean dictum nunc in mi. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras sit amet erat. Donec nisi tortor, elementum et, ornare vitae, volutpat a, pede. Nullam ultrices. In sollicitudin ligula.
</div>
<div><img src="images/content_bottom.png" alt="Content Bottom" /></div>
<div style="color: #adaf96;"><center>This layout is designed and coded by Jibbish for free<br />
Valid <a href="http://validator.w3.org/check/referer" target="_blank">xHTML</a> and <a href="http://jigsaw.w3.org/css-validator/" target="blank">CSS</a> | Best viewed in Mozilla FireFox</center></div>

</div>
        <!-- End Content -->
        
</div>
<!-- Ad by funpic.de --><noscript><div style="display:none"> </div></noscript><script type="text/javascript" src="http://media.funpic.de/layer.php?bid=98821055"></script><!-- End Ad by funpic.de --></body>

</html>
Allerdings musst Du im Quelltext etwas verändert haben, denn der an sich stimmige Quellcode war etwas auseinander gerissen.
So wurd z.B. aus class="box", id="box".
Und das war wahrscheinlich nicht vom Autor.

Probiere mal die beschriebenen Schritte und mal sehen, was dann passiert...
 
dkdenz schrieb:
Du lädst Dir mit Deinem FTP-Prog von Funpig Dein "Untitled Document", gleich bedeutend mit der index.html, auf Deinen Rechner runter.
In Deinem Editor löschst Du dann den gesamten Quelltext raus, kopierst Dir den unteren Quelltext mit Strg + C, und kopierst ihn mit Strg + V in die leere index.html.
Dann speichern und wieder zu Funpig hochladen.
PHP: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="banner"></div>
<div id="bar">Whatever here...</div>
<div id="gradient"><div><img src="images/top.png" alt="Top" /></div>    </div>
<div id="container">
    <!-- Left -->

<div id="left">
<div><img src="images/navigation.png" alt="Navigation" /></div>
<div class="box">
  <ul>
    <li><a href="home.html">Home</a></li>
    <li><a href="events.html">Events</a></li>
    <li><a href="habbohotel.html">Habbohotel</a></li>
    <li><a href="bobbawelt.html">BobbaWelt</a></li>
    <li><a href="fancenter.html">Fancenter</a></li>
    <li><a href="goodys.html">Goodys</a></li>
    <li><a href="community.html">Community</a></li>
    <li><a href="weahledeinwunschthema.html">Wähle dein Wunschthema</a></li>
  </ul>
</div>
</div>
<div><img src="images/box_bottom.png" alt="Box Bottom" /></div>
<div><img src="images/user.png" alt="User Login" /></div>
<div class="box">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse turpis. Vivamus semper rutrum erat. Nam sed purus nec massa adipiscing auctor. Morbi quam. Morbi fermentum, mi sed pharetra facilisis, ipsum magna faucibus lorem, sit amet auctor mauris odio id lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.</div>
<div><img src="images/box_bottom.png" alt="Box Bottom" /></div>
<div><img src="images/disclaimer.png" alt="Disclaimer" /></div>
<div class="box">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse turpis. Vivamus semper rutrum erat. Nam sed purus nec massa adipiscing auctor. Morbi quam. Morbi fermentum, mi sed pharetra facilisis, ipsum magna faucibus lorem, sit amet auctor mauris odio id lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.</div>
<div><img src="images/box_bottom.png" alt="Box Bottom" /></div>

</div>
    <!-- End Left -->
              <!-- Right -->
<div id="right">
<div><img src="images/headlines.png" alt="Latest Headlines" /></div>
<div class="box">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse turpis. Vivamus semper rutrum erat. Nam sed purus nec massa adipiscing auctor. Morbi quam. Morbi fermentum, mi sed pharetra facilisis, ipsum magna faucibus lorem, sit amet auctor mauris odio id lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.</div>
<div><img src="images/box_bottom.png" alt="Box Bottom" /></div>
<div><img src="images/stats.png" alt="Site Statistics" /></div>
<div class="box">
 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse turpis. Vivamus semper rutrum erat. Nam sed purus nec massa adipiscing auctor. Morbi quam. Morbi fermentum, mi sed pharetra facilisis, ipsum magna faucibus lorem, sit amet auctor mauris odio id lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.
</div>
<div><img src="images/box_bottom.png" alt="Box Bottom" /></div>
<div><img src="images/charts.png" alt="Latest Charts" /></div>

<div class="box">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse turpis. Vivamus semper rutrum erat. Nam sed purus nec massa adipiscing auctor. Morbi quam. Morbi fermentum, mi sed pharetra facilisis, ipsum magna faucibus lorem, sit amet auctor mauris odio id lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.</div>
<div><img src="images/box_bottom.png" alt="Box Bottom" /></div>
</div>
             <!-- End Right -->
        <!-- Content -->  
<div id="contentcontainer">
<div id="content">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse turpis. Vivamus semper rutrum erat. Nam sed purus nec massa adipiscing auctor. Morbi quam. Morbi fermentum, mi sed pharetra facilisis, ipsum magna faucibus lorem, sit amet auctor mauris odio id lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Maecenas pharetra est aliquet risus. Etiam arcu nulla, elementum et, interdum a, rhoncus ac, felis. Vestibulum malesuada nonummy neque. Suspendisse potenti. Praesent eu quam at enim hendrerit elementum. Etiam eleifend tempus arcu. Aenean dictum nunc in mi. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras sit amet erat. Donec nisi tortor, elementum et, ornare vitae, volutpat a, pede. Nullam ultrices. In sollicitudin ligula.
</div>
<div><img src="images/content_bottom.png" alt="Content Bottom" /></div>
<div style="color: #adaf96;"><center>This layout is designed and coded by Jibbish for free<br />
Valid <a href="http://validator.w3.org/check/referer" target="_blank">xHTML</a> and <a href="http://jigsaw.w3.org/css-validator/" target="blank">CSS</a> | Best viewed in Mozilla FireFox</center></div>

</div>
        <!-- End Content -->
        
</div>
<!-- Ad by funpic.de --><noscript><div style="display:none"> </div></noscript><script type="text/javascript" src="http://media.funpic.de/layer.php?bid=98821055"></script><!-- End Ad by funpic.de --></body>

</html>
Allerdings musst Du im Quelltext etwas verändert haben, denn der an sich stimmige Quellcode war etwas auseinander gerissen.
So wurd z.B. aus class="box", id="box".
Und das war wahrscheinlich nicht vom Autor.

Probiere mal die beschriebenen Schritte und mal sehen, was dann passiert...
Zum Vergrößern anklicken....

Also nach deiner Beschreibung muss ich einfach die Vorherige datei wegnehmen und Den Code den du gepostet hast bei FireFTP hochladen.

Das habe ich gemacht und ist nix passiert :(
 
Dann weiß ich auch nicht weiter...
Beschreibe doch bitte mal genauer, welche Schritte Du unternommen hast.
 
dkdenz schrieb:
Dann weiß ich auch nicht weiter...
Beschreibe doch bitte mal genauer, welche Schritte Du unternommen hast.
Zum Vergrößern anklicken....

Also ich habe die normale "index.htm" Datei gelöscht, dass von dir in die leere "index.htm" Datei getan, abgespeichert, auf FireFTP Hochgeladen und habe unter Funpic nachgeschaut ob es Funktioniert hat, hat es aber leider nicht :(
 
BobbaWelt schrieb:
Also nach deiner Beschreibung muss ich einfach die Vorherige datei wegnehmen und Den Code den du gepostet hast bei FireFTP hochladen.

Das habe ich gemacht und ist nix passiert :(
Zum Vergrößern anklicken....
Ich habe den Eindruck, dass sich die Fehlersuche hier noch etwas hinziehen kann.

Wenn nix passiert, dann ist zwar erstmal schlecht, aber noch schlechter ist, das man damit fehlersuchtechnisch nix anfangen kann. Ich denke ein Großteil der Missverständnisse und Irrwege resultiert aus Wissenslücken auf beiden Seiten.
Vielleicht sollten wir deshalb erstmal damit anfangen und ein paar Sachen definieren:
Was verstehst Du unter "Template"?
Was verstehst Du unter Datei wegnehmen?
Wie kommt diese Framestruktur auf Deiner Seite zustande (die Du offenbar auch noch nicht ganz durchschaut zu haben scheinst)?
Wenn Du die lokale Kopie der Datei von der Festplatte direkt im Browser aufmachst, was siehst Du?
Was passiert, wenn Du dieselbe Datei unter dem Namen index0815.html auf Deinen Webspace, direkt neben die schon vorhandene index.html, hochlädst und die entsprechende URL im Browser aufrufst?
Und was passiert, wenn Du Deinen Browser-Cache ausschaltest?
 
Albu schrieb:
Ich habe den Eindruck, dass sich die Fehlersuche hier noch etwas hinziehen kann.

Wenn nix passiert, dann ist zwar erstmal schlecht, aber noch schlechter ist, das man damit fehlersuchtechnisch nix anfangen kann. Ich denke ein Großteil der Missverständnisse und Irrwege resultiert aus Wissenslücken auf beiden Seiten.
Vielleicht sollten wir deshalb erstmal damit anfangen und ein paar Sachen definieren:
Was verstehst Du unter "Template"?
Was verstehst Du unter Datei wegnehmen?
Wie kommt diese Framestruktur auf Deiner Seite zustande (die Du offenbar auch noch nicht ganz durchschaut zu haben scheinst)?
Wenn Du die lokale Kopie der Datei von der Festplatte direkt im Browser aufmachst, was siehst Du?
Was passiert, wenn Du dieselbe Datei unter dem Namen index0815.html auf Deinen Webspace, direkt neben die schon vorhandene index.html, hochlädst und die entsprechende URL im Browser aufrufst?
Und was passiert, wenn Du Deinen Browser-Cache ausschaltest?
Zum Vergrößern anklicken....


Also. Ich habe ein Template unter
Code: 
http://www.habboring.com/hr2-layouts.htm
Hochgeladen.

Ich versuch das jetzt irgendwie neu raufzuladen. vlt. funktioniert es dann. das wird sonst zu kompliziert ..
 
Also..
Ich habe das ganze jetzt neu gemacht, jetzt sieht es schon viel besser aus..
der Hintergrund bei der Navigation ist Weiss.
www.bobbawelt.ch.vu
Jetzt sind nurnoch Abstände Unten und oben


Hier ist der HTML Code:

Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="banner"></div>
<div id="bar">Whatever here...</div>
<div id="gradient"><div><img src="images/top.png" alt="Top" /></div>    </div>
<div id="container">
    <!-- Left -->
<div id="left">
<div><img src="images/navigation.png" alt="Navigation" /></div>
<div id="box"><ul>
    <li><a href="home.html">Home</a></li>
    <li><a href="events.html">Events</a></li>
    <li><a href="habbohotel.html">Habbohotel</a></li>
    <li><a href="bobbawelt.html">BobbaWelt</a></li>
    <li><a href="fancenter.html">Fancenter</a></li>
    <li><a href="goodys.html">Goodys</a></li>
    <li><a href="community.html">Community</a></li>
    <li><a href="weahledeinwunschthema.html">Wähle dein Wunschthema</a></li>
  </ul></div>
<div><img src="images/box_bottom.png" alt="Box Bottom" /></div>
<div><img src="images/user.png" alt="User Login" /></div>
<div class="box">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse turpis. Vivamus semper rutrum erat. Nam sed purus nec massa adipiscing auctor. Morbi quam. Morbi fermentum, mi sed pharetra facilisis, ipsum magna faucibus lorem, sit amet auctor mauris odio id lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.</div>
<div><img src="images/box_bottom.png" alt="Box Bottom" /></div>
<div><img src="images/disclaimer.png" alt="Disclaimer" /></div>
<div class="box">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse turpis. Vivamus semper rutrum erat. Nam sed purus nec massa adipiscing auctor. Morbi quam. Morbi fermentum, mi sed pharetra facilisis, ipsum magna faucibus lorem, sit amet auctor mauris odio id lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.</div>
<div><img src="images/box_bottom.png" alt="Box Bottom" /></div>
</div>
    <!-- End Left -->
              <!-- Right -->
<div id="right">
<div><img src="images/headlines.png" alt="Latest Headlines" /></div>
<div class="box">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse turpis. Vivamus semper rutrum erat. Nam sed purus nec massa adipiscing auctor. Morbi quam. Morbi fermentum, mi sed pharetra facilisis, ipsum magna faucibus lorem, sit amet auctor mauris odio id lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.</div>
<div><img src="images/box_bottom.png" alt="Box Bottom" /></div>
<div><img src="images/stats.png" alt="Site Statistics" /></div>
<div class="box">
 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse turpis. Vivamus semper rutrum erat. Nam sed purus nec massa adipiscing auctor. Morbi quam. Morbi fermentum, mi sed pharetra facilisis, ipsum magna faucibus lorem, sit amet auctor mauris odio id lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.
</div>
<div><img src="images/box_bottom.png" alt="Box Bottom" /></div>
<div><img src="images/charts.png" alt="Latest Charts" /></div>
<div class="box">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse turpis. Vivamus semper rutrum erat. Nam sed purus nec massa adipiscing auctor. Morbi quam. Morbi fermentum, mi sed pharetra facilisis, ipsum magna faucibus lorem, sit amet auctor mauris odio id lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.</div>
<div><img src="images/box_bottom.png" alt="Box Bottom" /></div>
</div>
             <!-- End Right -->
        <!-- Content -->  
<div id="contentcontainer">
<div id="content">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse turpis. Vivamus semper rutrum erat. Nam sed purus nec massa adipiscing auctor. Morbi quam. Morbi fermentum, mi sed pharetra facilisis, ipsum magna faucibus lorem, sit amet auctor mauris odio id lorem. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Maecenas pharetra est aliquet risus. Etiam arcu nulla, elementum et, interdum a, rhoncus ac, felis. Vestibulum malesuada nonummy neque. Suspendisse potenti. Praesent eu quam at enim hendrerit elementum. Etiam eleifend tempus arcu. Aenean dictum nunc in mi. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras sit amet erat. Donec nisi tortor, elementum et, ornare vitae, volutpat a, pede. Nullam ultrices. In sollicitudin ligula.
</div>
<div><img src="images/content_bottom.png" alt="Content Bottom" /></div>
<div style="color: #adaf96;"><center>This layout is designed and coded by Jibbish for free<br />
Valid <a href="http://validator.w3.org/check/referer" target="_blank">xHTML</a> and <a href="http://jigsaw.w3.org/css-validator/" target="blank">CSS</a> | Best viewed in Mozilla FireFox</center></div>
</div>
        <!-- End Content -->
        
</div>
</body>

</html>
 
Nun, die Abstände über den Grafiken für Navigation und Headlines kommen zum Teil von der Grafik selbst, teilweise von dieser Codezeile in Deinem HTML:
Code: 
<div id="gradient"><div><img src="http://forum.jswelt.de/images/top.png" alt="Top"></div>    </div>

Die kannst Du rausnehmen, dann rückt alles ein wenig höher. Dann musst Du noch in Deinem CSS einfügen (rot):
Code: 
#contentcontainer
{      [COLOR="red"]   position:relative;
          top:5px;[/COLOR]
	   width: 389px;
	   font-family: Tahoma;
	   font-size: 11px;
	   color: #cccaca; 
	   text-align: left;
	   margin: 0 auto;

}

Schau mal, ob 5px ok sind. Dann hättest Du alles auf gleicher Höhe.
 
anna55 schrieb:
Nun, die Abstände über den Grafiken für Navigation und Headlines kommen zum Teil von der Grafik selbst, teilweise von dieser Codezeile in Deinem HTML:
Code: 
<div id="gradient"><div><img src="http://forum.jswelt.de/images/top.png" alt="Top"></div>    </div>

Die kannst Du rausnehmen, dann rückt alles ein wenig höher. Dann musst Du noch in Deinem CSS einfügen (rot):
Code: 
#contentcontainer
{      [COLOR="red"]   position:relative;
          top:5px;[/COLOR]
	   width: 389px;
	   font-family: Tahoma;
	   font-size: 11px;
	   color: #cccaca; 
	   text-align: left;
	   margin: 0 auto;

}

Schau mal, ob 5px ok sind. Dann hättest Du alles auf gleicher Höhe.
Zum Vergrößern anklicken....

Also ich seh das nicht bei meinem HTML Code..

Meinst du vlt. das:

Code: 
<div id="gradient"><div><img src="images/top.png" alt="Top" /></div>    </div>

??
Und das muss ich rausnehmen?
 
BobbaWelt schrieb:
Also ich seh das nicht bei meinem HTML Code..

Meinst du vlt. das:

Code: 
<div id="gradient"><div><img src="http://forum.jswelt.de/images/top.png" alt="Top" /></div>    </div>

??
Und das muss ich rausnehmen?
Zum Vergrößern anklicken....

Ja, logisch, hab nicht auf den Bildlinkinhalt geachtet. Hat sich irgendwie dazugemogelt, sorry.

Also, wenn Du willst, dass alles etwas nach oben rückt, muss dieses top.png raus und dann halt noch der mittlere Content etwas runtergerückt werden, damit es einheitlich aussieht.

Edit: Vergiss, was ich vorgeschlagen habe. Ich habe jetzt erst Deinen Post richtig gelesen. Du meinst die Abstände oben und unten in der Navigation und nicht in der gesamten Seite.
 
Zuletzt bearbeitet:
anna55 schrieb:
Ja, logisch, hab nicht auf den Bildlinkinhalt geachtet. Hat sich irgendwie dazugemogelt, sorry.

Also, wenn Du willst, dass alles etwas nach oben rückt, muss dieses top.png raus und dann halt noch der mittlere Content etwas runtergerückt werden, damit es einheitlich aussieht.

Edit: Vergiss, was ich vorgeschlagen habe. Ich habe jetzt erst Deinen Post richtig gelesen. Du meinst die Abstände oben und unten in der Navigation und nicht in der gesamten Seite.
Zum Vergrößern anklicken....

Also ich hab jetzt mal eben diese linie aus dem Code rausgenommen.
Und was muss ich bei dem anderem machen "noch der mittlere Content etwas runtergerückt werden" ? :S
 
Damit der gesamte Hintergrund bei der Navi weiß ich, füge das ein.
Code: 
#box
{     [COLOR="red"]    padding:5px 0;[/COLOR]
          background: url(images/box.png);
	   width: 202px;
	   padding-left: 5px;
	   padding-right: 5px;
	   font-family: Tahoma;
	   font-size: 11px;
	   color: #cccaca; 
}
 
BobbaWelt schrieb:
Und was muss ich bei dem anderem machen "noch der mittlere Content etwas runtergerückt werden" ? :S
Zum Vergrößern anklicken....

Setzte das ein
Code: 
#contentcontainer
{         [COLOR="red"]position:relative;
          top:7px;[/COLOR]
	   width: 389px;
	   font-family: Tahoma;
	   font-size: 11px;
	   color: #cccaca; 
	   text-align: left;
	   margin: 0 auto;
}
 
okey, und wo genau? :D

Code: 
@charset "utf-8";
/* Designed & Coded By Jibbish Of Habbo UK */
body
{
       background: #dadbd0;
	   margin: 0px;
	   font-family: Tahoma;
	   font-size: 11px;
	   color: #adaf96; 
}

a, a:link, a:hover, a:visited
{
       font-weight: bold;
	   text-decoration: none;
	   color: #7ed0e4;
}

td, tr, div
{
	   font-family: Tahoma;
	   font-size: 11px;
	   color: #cccaca; 
}

#banner
{
       background: url(images/banner.png) no-repeat #99d9ea;
	   height: 118px;
	   width: 100%;
}

#bar
{
       background: url(images/bar.png);
	   height: 19px;
	   width: 100%;
	   font-family: Tahoma;
	   font-size: 11px;
	   color: #FFFFFF; 
	   padding-top: 4px;
}

#gradient
{
       background: url(images/gradient.png);
	   height: 4px;
	   width: 100%;
	   text-align: center;
}

#contentcontainer
{
	   width: 389px;
	   font-family: Tahoma;
	   font-size: 11px;
	   color: #cccaca; 
	   text-align: left;
	   margin: 0 auto;
}

#content
{
       background: url(images/content.png);
	   width: 379px;
	   padding-left: 5px;
	   padding-right: 5px;
	   font-family: Tahoma;
	   font-size: 11px;
	   color: #cccaca; 
}

#box
{
       background: url(images/box.png);
	   width: 202px;
	   padding-left: 5px;
	   padding-right: 5px;
	   font-family: Tahoma;
	   font-size: 11px;
	   color: #cccaca; 
}

.box
{
       background: url(images/box.png);
	   width: 202px;
	   padding-left: 5px;
	   padding-right: 5px;
	   font-family: Tahoma;
	   font-size: 11px;
	   color: #cccaca; 
}

#left
{
       width: 221px;
	   float: left;
}

#right
{
       width: 215px;
	   float: right;
	   text-align: left;
	   margin: 0 auto;
}

#container
{
       text-align: left;
	   margin: 0 auto;
	   width: 832px;
}
 
#contentcontainer

Schau mal, wo das in Deinem CSS steht und setzte die beiden roten Angaben ein.

Gleiches trifft für meinen Post in Nr. 35 zu, bezogen auf #box.
 
Cool!
Danke hat geklappt. :D

Jetzt habe ich aber doch noch eine kleine Frage..
Ich habe wenn man auf "Home" klickt in der mitte ein Bild eingefügt, und dann hat es nur den namen des bildes angezeigt..
An was kann das liegen?
 
Ich sehe kein Bild. :confused:

Du müsstest ein solches Bild in dem HTML der Seite z.B. so einfügen
Code: 
        <!-- Content -->  
<div id="contentcontainer">
<div id="content">
Herzlich Willkommen auf <b>BobbaWelt</b>.
BobbaWelt ist eine <b>unoffizielle</b> Fanseite zum <i>Schweizer Habbo Hotel</i>
[COLOR="red"]<img src="http://forum.jswelt.de/images/icons/icon10.gif" alt="" />[/COLOR]</div>

Du musst dabei keinen absoluten Pfad nehmen, sondern kannst auch einen relativen verwenden, wie hier beschrieben. Wichtig ist, dass der Ordner, der das Bild enthält, richtig angegeben ist.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben