HTML-Problem in der Sidebar

Herr Nack

Hallo, guten Abend!

Bitte nicht böse sein - ich glaube, das ist mehr ein HTML-Problem als ein
WP-Problem, aber ich stehe gerade total auf dem Schlauch und wäre für
Hilfe sehr dankbar.

Ich bastele gerade an meinem Blog, hier zu sehen.

Jetzt habe ich rechts in der Sidebar eine Grafik eingefügt per HTML in der
Sidebar, zu sehen ganz unten rechts "Nacko geht aus". Das Problem ist, dass
die Linkliste darunter, "Alles andere", eben auf einmal nicht mehr darunter
erscheint, sondern daneben, sprich, das Layout zerschiesst.

Ich habe keine Ahnung warum. Sind keine Tags offen, soweit ich das sehen kann, an der Bildbreite liegts auch nicht. Ich weiß da nicht mehr weiter.

Bitte, hat da wer einen Tipp?

Vielen herzlichen Dank und schönen Abend!

Petar

ERGÄNZUNG:

So, jetzt hab ichs geschafft.

Allerdings klebt jetzt die Linkliste "ALLES ANDERE"
direkt unter dem Bild "NACKO GEHT AUS". Und das,
obwohl da gleich zwei dazwischen sind.

Warum is das so? Hab ich demoliertes HTML...?

Vielen Dank, alles Gute

Petar

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

SuMu

ganz kurz, ein MUSS in xhtml immer so sein:
 
und vor dem / ein Leerzeichen, sonst ist der code nicht valide

#sidebar h2 {
font-weight: bold;
text-transform: uppercase;
color: #dddddd;
font-size: 110%;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #555;
margin-bottom: 10px;
margin-top: 10px; /* ergaenzung */

}

Herr Nack

Hallo SuMu!

Danke für den Tipp!

Aber des isses glaub ich net. Denn ich habe in der Sidebar
an mehreren Stellen und die funktionieren alle. Nur das
eine unter dem Bild in "Nacko geht aus" funktioniert nicht und
die nachfolgende Linkliste "Alles anders" klebt direkt darunter,
ohne Zeilenabstand.

Ich verstehe nicht ganz, warum das nicht funktioniert, wenn
 doch an anderen Stellen in der Sidebar wunderbar tut...

Petar

Herr Nack

Die Ergänzung in der CSS löst das Problem irgendwie auch nicht,
klebt immer noch am Bild dran. Wirklich sehr komisch. Woran könnte
das denn sonst noch liegen, Himmel?!

SuMu

dein code an besagter Stelle, guck einfach in den Quelltext deiner Seite

HTML

</li><li><h2>Nacko geht mal aus:</h2>
<a onclick="window.open(this.href, '_blank', 'width=380,height=532,left=250,top=100,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false" href="http://www.nackonet.de/sonstigepics/photoviewer.php?show=flyer.jpg"><img src="http://www.nackonet.de/sonstigepics/flyer.jpg" style="margin: 0px 10px 10px 0px; float: left;" alt="25" border="0" height="251" width="179"></a>
</li>

am Anfang ist ein </li> zu viel, und mach mal
style="margin: 0px 10px 10px 0px;

Herr Nack

SuMu, ich DANKE DIR SEHR!

Ich weiß nicht, obs am li lag, aber ich habe das hier:

Code

style="float:left; margin:0px 10px 0px 0px;" alt="25" /

Jetzt ganz rausgenommen, und jetzt funktioniert das auch
mit dem Zeilenumbruch. Der Code is da ja eigentlich eh unnütz.

Ich hatte den ausm Eintrag kopiert, da habe ich mit Hilfe des styles
den Text ums Bild rumfließen lassen, aber brauche ich ja in der Sidebar
eh nicht, und jetzt tut auch der Zeilenumbruch.

:-D

Danke Dir sehr! Und schönen Abend, gell!

Petar

Willkommen! Melden Sie sich an oder registrieren Sie sich.

HTML-Problem in der Sidebar

Jetzt mitmachen!