Um schreiben oder kommentieren zu können, benötigen Sie ein Benutzerkonto.
Sie haben schon ein Benutzerkonto? Melden Sie sich hier an.
Jetzt anmeldenHier können Sie ein neues Benutzerkonto erstellen.
Neues Benutzerkonto erstellen
Hallo zusammen!
Ich versuche gerade, Zufallsbilder von mygallery in meine sidebar zu integrieren. Klappt auch hervorragend, Bilder sind da, das css-Design wird angesprochen.
Aber: Der nachfolgende Text fließt neben das Bild. Es sieht so aus, als würde die Höhe des Bildes einfach nicht erkannt. Ich habe es mit einem clear:both versucht, aber dann wird der Zwischenraum zu den darunter folgenden Listings zu groß.
Zu bewundern ist das hier:
http://test.janeidens.de
Hat jemand einen Tipp für mich?
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.
<ul>
<li><h2>Der Augenblick</h2>
<ul>
<div class="myrandompic"><a rel="lightbox" href="http://test.janeidens.de/wp-content/myfotos/gesammeltes/Bild001.jpg"><img src="http://test.janeidens.de/wp-content/myfotos/gesammeltes/tumbs/tmb_Bild001.jpg" alt="" title="" width="150" height="112" /></a></div> </ul>
</li>das ist falsches html
zwischen einem
ul und /ul MUSS ein
li /li kommen also versuch es mal so
<ul>
<li><h2>Der Augenblick</h2>
<ul><li>
<div class="myrandompic"><a rel="lightbox" href="http://test.janeidens.de/wp-content/myfotos/gesammeltes/Bild001.jpg"><img src="http://test.janeidens.de/wp-content/myfotos/gesammeltes/tumbs/tmb_Bild001.jpg" alt="" title="" width="150" height="112" /></a></div>
</li></ul>
</li>lg
Hey, Danke für den Hinweis, wieder was gelernt :-)
Geändert, aber leider funktioniert es so auch nicht.
Ich hatte das li rausgenommen, da es in der sidebar einen >> generiert, der etwas doof vor bzw über dem randompic aussieht. Ich habe auch schon versucht, die sidebar mit einer festen Breite festzunageln, das Ergebnis war, dass der FF den Text nach wie vor neben das Bild setzt und im IE die sidebar unter die Artikel rutscht...
jetzt wird getrickst ;)
vielleicht nicht die feine, aber die *ich bin noch nicht so gut in css* hilfreiche Methode,
<ul>
<li><h2>Der Augenblick</h2>
<ul><li>
<div class="myrandompic" style="float:none;"><a rel="lightbox" href="http://test.janeidens.de/wp-content/myfotos/gesammeltes/Bild001.jpg"><img src="http://test.janeidens.de/wp-content/myfotos/gesammeltes/tumbs/tmb_Bild001.jpg" alt="" title="" width="150" height="112" /></a></div>
</li></ul>
</li>
wenn die sidebar immer noch nach unten rutscht, dann musst du den content links schmaler machen, denn die Bilder sind nun mal 150px breit und dies braucht Platz
lg
Herrlich!
Vielen Dank, Monika! :D
Die Pfeile habe ich komplett rausgenommen, da es bestimmt zu umständlich wäre, nur für das Bild die Pfeile auszublenden. Oder gibt es dafür auch einen Trick? Aber ich kann auch ohne die Pfeile gut leben! :-)
Nochmal Danke für die schnelle und kompetente Hilfe!
Gruß
JanBob
der Trick heißt Hierarchie ;)
<ul>
<li><h2>Der Augenblick</h2>
<ul class="random"><li>
<div class="myrandompic" style="float:none;"><a rel="lightbox" href="http://test.janeidens.de/wp-content/myfotos/gesammeltes/Bild001.jpg"><img src="http://test.janeidens.de/wp-content/myfotos/gesammeltes/tumbs/tmb_Bild001.jpg" alt="" title="" width="150" height="112" /></a></div>
</li></ul>
</li>in die style.css dort wo du es wieder findest
gehts nicht, musst Du eventuell
#sidebar ul li ul.random,
#sidebar ul li ul.random li
{list-style-type:none;background-image:none;}
nehmen
lg
Danke für den heißen Tipp!!
Ich habs versucht, aber irgendwie klappt es nicht. Kann natürlich an der Uhrzeit liegen... :roll:
Die sidebar.php:
<div id="sidebar">
<ul>
<li><h2>Der Augenblick</h2>
<ul class="random">
<li><?php myrandompic(); ?></li>
</ul>
</li>Die css:
#sidebar ul li ul.random, #sidebar ul li ul.random li {
list-style-type: none;
background-image: none;
}Egal, ob mit oder ohne #sidebar.
Ich habs auch schon mit !important versucht.
Die Pfeile werden bei mir so angegeben:
Dieses ul ul hintereinander iritiert mich ein wenig... Ist das so korrekt?
Zu bewundern immer noch unter http://test.janeidens.de
sorry war meines
1. der IE kann das nicht, da gibts eh keine Pfeilchen
2. die kannst du für die anderen ul mit kleine Bildchen machen,
/*specials for posts*/
.entry ul li,
.entry ol.content li{
padding:2px 0 2px 12px;
line-height:140%;
background-position:0 7px;
background-repeat:no-repeat;}
.entry ol.content li{
.entry background-image: url(images/ol-li.gif);}
ul.content li{
background-image: url(images/ul-li.gif);}/*specials for sidebar*/
#sidebar ul ul li{
padding-left:12px;
background-image: url(images/ul-li.gif);
background-position:0 7px;
background-repeat:no-repeat;}wenn es noch nirgends steht dann
das ul ul ist deswegen richtig, weil es eine Liste in der Liste ist,
wäre dann ul ul ul li
;)
Hey Monika!
Sehr nett, wie Du Dich hier um die fragenden User kümmerst!
Ich werde Deinen Tipp mit den Bildchen bei Gelegenheit ausprobieren (nach Silvester?), vielen Dank aber trotzdem dafür!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!