Zeilenumbruch erzwingen !

Hallo undzwar hab ich bei mir die Lazy Gallery installiert. Nur hab ich ein Problem, dass die Fotos jetzt alle nebeneinander angezeigt werden.

Hier gucken

http://www.chanthakim.de/blog/lazy-index.php

Wie erzwinge ich nun einen automatischen Zeilenumbruch ?

Ich habe in der lazy-index.php noch ein <table width=600 style="border:1px dashed #cccccc;" cellpadding=5 cellspacing=0><tr><td bgcolor="#ffffff"> eingefügt, damit die Bilder in einer Tabelle angezeigt werden.

Kann mir wer helfen ? :/ Wenn ich jetzt den Code für die Tabelle wieder wegmache, dann verschiebt sich meine ganze Navigationsleiste nach links, wenn man meine Gallery aufruft :/

Zitat von spacefrog

ähm, bei mir wird das ganze wunderbar angezeigt!
(firefox 1.0.4)...

hmm stimmt :roll: aber mit dem IE gehts halt net :?

weiß jemand sonst noch einen Rat ?

Zitat von Monika

nimm die ganze Tabelle raus,
denn wozu Bilder in eine Tabelle stecken

fixier die Breite mit einem div zB div id=gallery (dessen breite Du in der css definierst) und dann hast Du Deinen automatischen Zeilenumbruch.

lG
Monika

hm

der Code

<link href="./wp-content/plugins/lazy-gallery/lazy-style.css" rel="stylesheet"

type="text/css">
<div id="content" class="narrowcolumn">
<div id="gallery">

<?php showGallery();?>
</div>
</div>

da steht schon div id="gallery" .. hab die Tabell mal rausgenommen ...

Huhu Monika,

in der style.css steht folgendes

#gallery {
position: relative;
}
#gallery .image {
text-align: center;
}
#gallery .image img {
border: 1px solid #a9a9a9;
margin: 6px 6px 6px 6px;
padding: 2px;
}
#gallery .image img:hover, .image img:focus {
background-color: #a9a9a9;
}
#gallery .imgdata {
border: 1px solid #a9a9a9;
margin: 6px 0px 6px 0px;
padding: 4px;
}
#gallery #nav {
border: 1px solid #a9a9a9;
margin: 6px 0px 6px 0px;
padding: 4px 4px 0px 4px;
height: 18px;

}
#gallery #nav .alignleft {
float: center;
}
#gallery #nav .alignright {
float: right;
}
#gallery .folder {
margin: 6px 0px 6px 0px;
padding: 4px 0px 4px 0px;
}

habe übrigens die tabelle rausgenommen .. jetzt hat sich natürlich alles nach links verschoben :/ Ich verzweifle im moment ..

noch ne frage, kann ich das Problem nicht einfach mit nem
lösen ? Nur weiß ich nicht genau, wo ich das genau einfügen soll ..

Zitat von Monika

Du hast ja Deine ganzes blog mit Tabellenlayout !
:?

:shock:

ehrlich in Deinem Quelltext sind derartig viele Fehler drin, dass es eine Katastrophe ist, wenn ich mir Deine Startseite anseh wundert es mich, dass ich was seh.

der Validator meldet an die 230 html Fehler,

egal was ich Dir jetzt rate, es kann kaum funktionieren,

ich weiß, dass ich Dich damit wohl fruste,aber es ist so -
probiere--absolut ohne Gewähr! -
mal folgendes:
#gallery {
position: relative;
width:450px;
}

ich an Deiner Stelle würde nie wieder eine website mit Tebellen gestalten, oder den Editor wegschmeißen, denn Du hast --
nimm Dir doch lieber ein fertiges theme, wo Du nur die Farbe und die Bilder austauschen musst,
dann verbrauchst Du weniger Stunden und hast eindeutig mehr Freud....

oder lerne hmtl und css ;)

lG
Monika

Alles anzeigen

öhm das ist ein fertiges theme ... :D :D :D
Ich hab halt nur die Sidebar bisschen geändert....

man ich könnt schwören das es eben geklappt hat ..
hab mal das eingegeben was du geschrieben hast.. als ich dann den wert von 480 auf 700 geändert habe, ist es jetzt wie vorher ... :shock: naja egal, danke für deine Hilfe

wahhhhhhhh ich werd verrückt . es funktioniert .. danke MONIKA !!

[Blockierte Grafik: http://forum.communitys.de/images/smilies/flower.gif]