Megoldva Ötleteket kérek hír blog elrendezés átszabásához

Sziasztok

A híreket blogos elrendezésnél úgy szeretném megjeleníteni, hogy a cikk bevezető képe háttérképként jelenjen meg, rajta a cím alul megadott háttérszínnel.

Mutatom a példaoldalt: sek.elte.hu/

A kérdés az, hogy nem ragaszkodom ehhez külső bővítményhez. Egyszerű css felülírással gantryban megoldanám, ha lehet. Annyi lenne a kérdésem, hogy a bevezető kép és a cikk címe div azonosítóját elárulja nekem valaki.

Ettől függetlenül várom az ötleteket, ha valaki máshogy oldaná meg, ne fogja magát vissza.

A külső bővítménytől sem zárkózom el, de nem is ragaszkodom hozzá.

Szerintem szimplán csak feltolja a cikk címét egy mínuszos felső margóval.

A KUTYAFÁJÁT!

Erre nem is gondoltam, hogy ilyen egyszerűen is meg lehet oldani. Mesteri vagy mester!

Van egy két apróság, amit nem bírok megfejteni.

Akkor megmutatom melyik oldalon dolgozom:
gae.hu/ujoldal/egyesuleti-hirado/egyesuleti-elet.html

Szeretnék a címnek háttérszínt. Ez meg is van, beszínezi a hátteret a cikk címében viszont a kép mögé teszi.

A cikkek képeinek az osztály neve .pull-left.item-image
A contentnek adtam saját div id-t tartalom névvel.
Így a blogelrendezésű cikkek címe az alábbi azonosítóval van ellátva: #tartalom .page-header. Tehát a page header szövege a .pull-left.item-image előtt van, de a háttérszíne a .pull-left.item-image mögött.

Akármit variálok mindkét osztály z-indexén, nem akarjabtudomásul venni. A gantry cache-sét szorgalmasan ürítem.
Tuti valami apróság felett siklok el.

Ha lehet még egy kérdésem. A cikke bevezető szövegének milyen egyedi azonosítója van? azon is szeretnék variálni.

A z-indexel együtt adj egy position: relative értéket is a css-ben
A cím css-e tehát ezzel bővüljön:
A .pull-left.item-image elemről leveheted a z-index értéket

A bevezető szöveg jelenleg csak paragrafusban van így csak azt tudod formázni, valahogy így

Húúú, de jó vagy!

Most egy újabb gikszer jelentkezett. Az almenü a cím mögé került. Ha állítgatom az almenü z-indexét, semmi változás, ha pedig a relative/absolute-on, összecsúszik az egész.

Kösöznet. Szerintem megoldottként megjelölhetjük ezt a szálat.

Csak pusztán kíváncsiság miatt kérdezem, nem lényeges a feladat szempontjából. A szombathelyi eltés honlapnál a hoover funkciónál becsúszik egy szöveg, ami alapból nem látszik/jelenik meg. Ez gondolom php-vel van megoldva. Tehát css felülírással nem lehet, mert akkot is valahol meg kellene jelennie.

Nem néztem meg részletesen a kódot, de ott van szöveg, csak nem látszik ki a boxból, lehet, hogy egy kis scripttel van rejtve.