• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Bilderproblem

W

Witschi262

Blogger
Huhu,
ich habe Buttons für meine Homepage erstellt.Diese sollen untereinander angezeigt werden.Aber ein Fehler ist aufgetreten. Erstmal das Script:
Code: 
<html>
<head>
<title>FunChat</title>
<style type="text/css">
body {
  background-color: #CCFFFF;
  background-image: url("hintergrund.jpg");
  background-repeat: no reapeat;
}
</style>
<body>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<a href="index.htm"><img src="button2.jpg></a><br />
<a href="page1.htm"><img src="button1.jpg>
</body>
</html>

Nun, Sollten beide Buttons untereinander angezeigt werden.Tuen es aber nicht.button2.jpg wird nicht angezeigt, und neben dem nichtangezeigten Bild wird button1.jpg angezeigt.Der Link ist index.htm

Wie kriege ich die Button suntereinander?
 
Indem du sie als Liste auszeichnest, die ganzen <br /> entfernst, die den Layout dienen und den Link um deinen 2. Button schließt. HTML dient nur der Semantik deines Inhaltes, für das Layout und das Anordnen der Elemente ist ausschließlich CSS zuständig.

HTML: 
<ul>
  <li><a href=""><img src="" alt="" title="" /></a></li>
  <li><a href=""><img src="" alt="" title="" /></a></li>
</ul>
 
Dein Problem liegt daran, dass das src-Attribut nicht mit Gänsefüßchen geschlossen wird.

Du hast aber noch ein paar andere Probleme ;-)

Ein <br />-Tag dient nicht dazu, ein Element zu plazieren. Das ist Aufgabe von CSS. Ein <br />-Tag sollte nur da genutzt werden, wo ein Zeilenumbruch unabdingbar ist, z. B. bei Gedichten. Ein anderes Problem ist, dass die Doctype-Declaration fehlt. Das veranlasst die unterschiedlichen Browser dazu, in den sogenannten Quirskmode zu verfallen. Das hat zur Folge, das die verschieden Browser den Inhalt der Website unterschiedlich interpretieren.

Und zu guter Letzt, ein Auflistung von Links ist eine ungeordnete Liste (ul). Wenn Du die Links mit <ul> und innerhalb der Liste die einzelnen Elemente mit <li> auszeichnest, dann werden die Links automatisch untereinander angezeigt (Standardverhalten des Browsers, sofern ihm mit CSS nichts anderes mitgeteilt wird).

Die anderen Probleme, die Du hast, nehmen wir später durch ;-)

Gruß thuemmy
 
Okay, jetzt ist ein anderes Problem aufgetreten.Mein Hindergrund wird nicht angezeigt.Stattdessen schwarz.Ich fahre mit meinem Notepad über den Brwoser, und der Hintergrund erscheint.Ein Computerfehler?0
 
Also ich würde mal auf Grafikkarte tippen. Aber ob es das ist, kann man natürlich aus der Ferne nicht beurteilen.

Gruß thuemmy
 
So, das ist jetzt eigentlich CSS und gehört deswegen in einen anderen Bereich.

Erweitere die style-Angaben um folgendes:
Code: 
img
{
border:none;
}
#navi
{
padding-left:10px;
padding-top: 250px;
}
und den <ul>-Tag schreibst Du dann so um:
Code: 
<ul [COLOR=Red][B]id="navi"[/B][/COLOR]> und die <br>-Tags die machst Du vor der ul raus!
Was passiert hier?

  • Keine Bilder haben mehr einen Rahmen
  • Die Liste hat einen linken Innenabstand von 10 Pixel
  • Die Liste hat einen oberen Innenabstand vom oberen Rand von 250 Pixel
Gruß thuemmy
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben