Posted by hixx on December 17, 2009 at 11:49am
Hej, håller på att labba med imagefield och CCK som bildhantering, och undrar om jag på något sätt kan styra själva placeringen av bilderna? Kan man göra det hyfsat enkelt i temat? Kan man styra tumnageln i en teaser olika mot när man tittar på själva noden?
En annan fråga, är det möjligt att koppla ett textfält till en bild? Som en bildbeskrivning som man kan få ut om man tex gör ett galleri?
Mvh Jesper Urdén
Comments
Om du installerar
Om du installerar Imagecache-modulen så kan du sätta upp olika presets som bestämmer hur bilden ska skalas, croppas osv.
Sedan ställer du in hur fälten ska visas i full node respektive teaserläge, du hittar inställningarna under /admin/content/node-type/DIN_NODTYP/display
Om du går in i inställningarna för ditt bildfält så kan du aktivera ett beskrivningsfält (leta längst ner på sidan för inställningarna.
//Pontus Nilsson, Digitalist
Tack pontus
Det där är jag helt klar med. Kanske var lite oklar i min fråga. Som det är nu har man två val hur man vill placera sin bild i sin nod, antingen genom att ha bildfältet över eller under brödtextfältet i nodtypen. Jag skulle vilja ha tips på hur jag styr så att min bild i min teaser på frontpagen hamnar till vänster. Har fått till det hyfsat genom att lägga till detta till mitt tema,
.imagecache-imagecache_front {
float:left;
}
men fick problemet att bilden flöt över på andra teasers om teaserns textmassa är för kort.
Nån som har några tips?
Genom att floata (var det
Genom att floata (var det inte nån som sa att svengelska också är ett spårk ;-) tar du divven ur sidans normala flöde. Så om innehåll som kommer efter är för kort så kan det bli som du säger. Det finns flera sätt att lösa det på:
Lägg in en:
<div class="clear"></div>efter varje nod och lägg in .clear {clear: both; } i din css-fil.
Detta kan tyckas vara bra, men det kan generera ganska många extra divvar bara för att klara sig undan problemet....
Själv har jag börjat sätta en min-height på t.ex. teaser och sätta imagecachen för teasern till en lämplig höjd. På så sätt kommer jag undan problemet (tror jag.... har inte sett några problem ännu ;-)
Någon annan som har en snygg "state-of-the-art"-lösning?
/Hasse
Hasse tack för tipset
Vad menar du med att jag ska lägga in en
<div class="clear"></div>efter varje nod? Kan man göra det automatiskt i så fall? Vi har +100 registerade bloggare så lösningen jag kommer fram till måste vara automatisk om du förstår hur jag menar....En fråga till, hur ställer man minhöjd på teasers?Du kan lägga in <div
Du kan lägga in
<div class="clear"></div>efter node-divven i node.tpl.php, så får du med den automagiskt vid varje anrop av templaten, t.ex. både vid teaser och vid helnode-läge.Minhöjd beror lite på vilket tema du har. Kolla vad den yttersta classen heter i din node-tpl.php. Eller så granskar du med t.ex. FireBug så att du kan följa var divvarna finns. När du vet vad den heter så kan du skriva in:
.din-class {min-height:250px;
}
i din css-fil så är det hela klart ;-)
/Hans
PS: glöm inte att rensa cachen för att se ändringar ;-)
Nej men herregud vad vackert.
Nej men herregud vad vackert. Tillochmed en kod-idiot som jag fattar. Tack!
Inga problem ;-) Bara glad
Inga problem ;-) Bara glad att få hjälpa till.
Som ren kuriosa så Firebuggade jag din kommentar är ovanför och såg till slut denna rad:
<br class="clear"/>i koden.De har lagt den direkt efter innehållet och före länkarna så det funkar tydligen också.Eftersom de envisas med att ringa in innehåll på den här sidan med snygga runda hörn så använder de en div per hörn - en för övre vänstra hörnet, en för övre högra hörnet osv.... Så det gjorde det hela lite svårare att hitta i, men med FireBugg så kan man till och med dansa polka... ;-)
/Hasse
EDIT:Jag kollade även in deras css-kod för .clear och den ser ut så här (och funkar finfint - jag har just testat den):
.clear {clear:both;
font-size:0;
height:0;
line-height:0;
}
Annars, om du inte vill ha en
Annars, om du inte vill ha en fast höjd på DIV:en, så kan du lägga in regeln:
div.node {height:1%;
overflow:hidden;
}
på den omslutande DIV:en.
Alltså, med en markup som nedan:
<div class="node"><p>Nullam enim odio, rhoncus id aliquam et, sollicitudin hendrerit mi. Proin facilisis lobortis suscipit.</p>
<img src="bild.jpg" alt="Bild" style="float:right;" />
</div>
--
Peter Törnstrand, Happiness
tack så mycket.
Jag tackar för tipsen och återkommer med resultatet!