Slika levo, ostalo desno

Ja .. vem, da sem se smotano izrazil, ampak drugače ne znam :)

Želel bi spodnjo kodo, da mi prikazuje sliko levo, ostalo (title, text, readmore) pa desno ob sliki eno pod drugim .. aja, pa fotka da ima malo razmaka stran od besedila .. padding, spacing?

Hvala

<ul>

     <li >

      <div align="left" class="moduleItemImage"><img src="http://www.domain.com/images/bon.jpg"/>

      <a class="moduleItemTitle" href="#">Podarite </a>

      <div class="moduleItemIntrotext">Besedilo</div>

      <a class="moduleItemReadMore" href="#>">Naročila</a>

      <a class="moduleItemReadMore" href="#>">Naročila</a>

      <a class="moduleItemReadMore" href="#>">Naročila</a>

      <a class="moduleItemReadMore" href="#>">Naročila</a>

      <div class="clr"></div>

    </li>

  </ul>

huh .. ugotovil ... en align sem pozabil dodati ;)

A list je nujen?

Pa prvega diva nimaš zaključenega.

Zdravo,

tole če ti še kaj koristi.

<style>

ul.article {width: 100%; height: auto; margin: 0; padding: 0; list-style-type: none;}

ul.article li {margin-bottom: 30px;}

ul.article li .col14 {width: 25%; height: auto; float: left;}

ul.article li .col14 img.imageLeft {max-width: 100%;}

ul.article li .col3_4 {width: 70%; height: auto; margin: 0; padding: 0; float: right;}

ul li:after {content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}

</style>

<ul class="article">

<li>

<div class="col1_4">

<img src="http://www.domain.com/images/bon.jpg" class="imageLeft"/>

</div>

<div class="col3_4">

<h2>Title</h2>

<p>Lorem ipsum dolor sit amet... <a class="moduleItemTitle" href="#">Več</a></p>

</div>

</li>

</ul>

Matjaž, pravzaprav v tej fazi ni, samo nisem še spremenil css-ja .. K2 template sem čist spremenil, pa najprej da dobim videz, tako kot bi hotel ,.. imam pa pravzaprav drug problem .. koda

<div class="moduleItemImage"><img src="http://www.balonarstvo.com/new/images/za_darilni_bon.jpg" hspace=50 align=left >

      <a class="moduleItemTitle" href="#">Podarite polet z balonom</a>

      <div class="moduleItemIntrotext">Ste povabljeni na poroko ali obletnico, greste na praznovanje rojstnega dne, potrebujete poslovno darilo in darila nimate? V EKOPOOL-u vam ponujamo darilne bone za polet s toplozračnim balonom! Da pa ostane polet z balonom za vedno v spominu, celoten polet posnamemo s HD kamero...</div>

      <a class="moduleItemReadMore" href="#>">Naročila</a>

      <a class="moduleItemReadMore" href="#>">Naročila</a>

      <a class="moduleItemReadMore" href="#>">Naročila</a>

      <a class="moduleItemReadMore" href="#>">Naročila</a>

      </div>

mi noče narediti razmaka med fotko in besedilom ...

strani v nastajanju ;)

Pa daj sliki margin-right: 10px; ali kaj podobnega, čeprav bi se dalo bolj elegantno rešiti.

ne šljivi .. sem umaknil še un class, tako, da trenutno koda, ki ne daje željenega učinka :) je

<ul>

     <li >

      <img src="http://www.balonarstvo.com/new/images/za_darilni_bon.jpg" margin-right="10px" align="left" >

      <a class="moduleItemTitle" href="#">Podarite polet z balonom</a>

      <div class="moduleItemIntrotext">Ste povabljeni na poroko ali obletnico, greste na praznovanje rojstnega dne, potrebujete poslovno darilo in darila nimate? V EKOPOOL-u vam ponujamo darilne bone za polet s toplozračnim balonom! Da pa ostane polet z balonom za vedno v spominu, celoten polet posnamemo s HD kamero...</div>

      <a class="moduleItemReadMore" href="#>">Naročila</a>

      <a class="moduleItemReadMore" href="#>">Naročila</a>

      <a class="moduleItemReadMore" href="#>">Naročila</a>

      <a class="moduleItemReadMore" href="#>">Naročila</a>

      <div class="clr"></div>

    </li>

  </ul>

Popravi menu :)

tenx .. spregledal tale Vitranc, ko sem dodajal "milijon" menujev :)

Milijon, zakaj?