Több kép egymás melett képaláírással? help pls.

Sziasztok.



Kezdő WP-s vagyok, és minden szintű webszerkesztői tudás nélkül.

Egyik ismerősömék cégének csinálok, egy weboldalt.

Minden jól is alakult, csak egy olyan problémába akadtam, hogy a termékeket 150*150-es képként kép aláírással akartam elrendezni egy oldalon egymás mellet 3-at.

Az a baj, hogy 3 képet még be tudok rakni egymás mellé, de ugye az csak kép, kellene termék leírás, amire a képaláírás tökéletes is lenne, vagy feliratozás, vagy minek írja ( bocsi nagyon fáradt vagyok 3 napja csak kódokat bámulok), de ha azt hozzá adok a képhez akkor a következő képet automatikusan új sorba rakja. Ezáltalá nekem ott marad az oldal 2/3 része kihasználatlanul.

Keresgéltem plugint, fórumban, kódokban de nem találtam semmit.



Nincs valakinek valami épkézláb ötlete, hogy ezt hogy lehetne orvosolni?

Vagy milyen alternatív ötletek vannak, amivel ehhez hasonló módon tudnám megoldani az oldal szerkezetét?



Az oldalról csak képet tudok mutatni ,mert virtual serveren van. A szenvedő alany képe.





Előre is köszi , ha valakinek van ötlete.



Süti

A WP beépített galériája tud ilyen 3 oszlopos elrendezést. Részletes leírás itt: http://codex.wordpress.org/The_WordPress_Gallery



A 2012 sablon a mellékelt kép szerint jelenítette meg a galériát. Érdemes tanulmányozni a generált HTML/CSS kódot.

Köszi.



Közben rájöttem, hogy a BMo Expo plugin miatt nem működött az általad mutatott lehetőség. Felülírja az alap galéria kezelőt. Kikapcsoltam és működött is úgy ahogy kell enki, csak sajnos külön külön a képeknek nem engedett linket adni galéria képeinek csak a galériának 1-et, nekem meg külön külön kellet volna. De megoldottam a képaláírást, beszerkesztettem a képekbe. ^^’ Sima képként egymás mellet is engedte berakni őket. Szóval ami nem ment webszerkesztésből megoldottam PShopból … az az én területem. :slight_smile:

Azért érdemes a generált kódot megnézni, mert azt felhasználva az egyedi igényeknek megfelelően testre szabható (pl. egyedi linkek).

<br />
#gallery-1 {<br />
margin: auto;<br />
}<br />
#gallery-1 .gallery-item {<br />
float: left;<br />
margin-top: 10px;<br />
text-align: center;<br />
width: 33%;<br />
}<br />
#gallery-1 img {<br />
border: 2px solid #cfcfcf;<br />
}<br />
<br />
<div id="'gallery-1'" class="'gallery"><br />
<dl class="'gallery-item'"><br />
<dt class="'gallery-icon"><br />
<a href="'#'" title="'kep1'"><img width="150" height="150" src="kep1-150x150.jpg" class="attachment-thumbnail" alt="felirat 1" /></a><br />
</dt><br />
<dd class="'wp-caption-text"><br />
felirat 1<br />
</dd><br />
</dl><br />
<dl class="'gallery-item'"><br />
<dt class="'gallery-icon"><br />
<a href="'#'" title="'kep2'"><img width="150" height="150" src="kep2-150x150.jpg" class="attachment-thumbnail" alt="felirat 2" /></a><br />
</dt><br />
<dd class="'wp-caption-text"><br />
felirat 2<br />
</dd><br />
</dl><br />
<dl class="'gallery-item'"><br />
<dt class="'gallery-icon"><br />
<a href="'#'" title="'kep3'"><img width="150" height="150" src="kep3-150x150.jpg" class="attachment-thumbnail" alt="felirat 3" /></a><br />
</dt><br />
<dd class="'wp-caption-text"><br />
felirat 3<br />
</dd><br />
</dl><br />
<br style="clear: both" /><br />
<dl class="'gallery-item'"><br />
<dt class="'gallery-icon"><br />
<a href="'#'" title="'kep4'"><img width="150" height="150" src="kep4-150x150.jpg" class="attachment-thumbnail" alt="felirat 4" /></a><br />
</dt><br />
<dd class="'wp-caption-text"><br />
felirat 4<br />
</dd><br />
</dl><br />
<br /><br />
</div>