15 válasz erre a témára

[sharky]

Sziasztok,

Nem biztos, hogy jó helyre tettem a topicot, de a megjelenési dolgoknál inkább kinézeti dolgokat láttam, nekem pedig szerintem szerkesztési van.

Kezdő wordpress használó vagyok és rögtön az elején bele futottam abba, hogy nem úgy jelenik a bejegyzés ahogy megszerkesztettem.

Erről a bejegyzésről lenne szó: http://www.sharkycomputer.hu/blog/?p=5
A képek alá teszi a szöveget, pedig a szerkesztőben úgy van megírva, hogy a képek mellé tegye, és ott úgy is néz ki.
Kép itt: http://sharkycompute...ress%20hiba.jpg

Tehát erre a problémára keresnék megoldást. Remélem valaki tud segíteni.

Előre is köszönöm!

[syska]

A képeknek meg van adva a tulajdonságaiknál, (a profi részbe), hogy jobb vagy bal oldalt legyenek?

[sharky]

Igen, az első kép balra, a második meg jobbra van igazítva. A szerkesztő nézetben jó is, csak nem azt jeleníti meg amit ott mutat, hanem teljesen mást

[moshu]

Idézet

a második meg jobbra van igazítva.

Nincs. Ime:

[img]http://www.sharkycomputer.hu/blog/wp-content/uploads/2008/12/gfx_chilla_set_s-300x181.jpg[/img]

[sharky]

hm....A grafikus szerkesztő felületen ha megnézem a képek tulajdonságait, akkor azt mutatja, hogy balra, illetve jobbra van igazítva.

Nyilván hogy nincs, mert nem azt jeleníti meg, de akkor mit tegyek, hogy annak ellenére, hogy a grafikus felületen azt mutatja, hogy oda van igazítva ténylegesen is oda legyen.

Nem ismerem a html, css nyelvet, úgyhogy a kódba nem néztem bele...sajnos nem sokat mond egyenlőre.

Tehát akkor mit tegyek, mit írjak át mire, hogy jó legyen?

[moshu]

Akkó menjünk vissza a kályhához...
Hogyan teszed be a képeket a posztba? Azt, hogy jobb vagy bal NEM a grafikus felületen kell meghatározni (mikor fogják már betiltani a használatát?), hanem a kép kiválasztásakor.
Nem tudom hogy vannek ezek lefordítva, angolul ezek a lépések:
Add Media...
kép feltöltés vagy kiválasztás a már feltöltött képek közül
a kiválasztott kép alatt ott van, hogy
Alignment (igazítás?) - None Left Center Right
(default= None, azaz NEM igazított!) <== na, a te képeid ilyenek...

Mert ha igazítod megfelelően, akkor betesz egy "class"-t, hogy merre menjen!

[mano]

css-ben:

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    margin-bottom: 5px;
    }

img.kepjobb {
    padding: 4px;
    margin: 10px 0px 10px 10px;
    display: inline;
    }

.kepjobb {
    float: right;
    }    
    
img.kepbal {
    padding: 4px;
    margin: 10px 10px 10px 0px;
    display: inline;
    }

.kepbal {
    float: left
    }

és három gomb a quicktags.js-ben, mely ezeket rakja be:

persze ahref-ek nélkül is működnek...

jaigen, NEM wyswyg szerkesztőben, pfuj!

[sharky]

Az általad említett metódust követtem amikor a képet betettem. Média hozzáadás, kép kiválasztás és ott beállítás, hogy hová essen. Teljesen hülye azért nem vagyok, ez még megy.

A kódban ez van ami szerintem pl. az első képre vonatkozik (a szerkesztőből):

">

GFX Chilla - VGA Cooler

Ezt pedig a mozzila forrásnézetéből szedtem ki:

a href="http://www.sharkycomputer.hu/blog/wp-content/uploads/2008/12/gfx_chilla_set_2.jpg" rel="lightbox">

GFX Chilla - VGA Cooler

Lehet, hogy kezdő vagyok, de én ezt találtam benne: class="wp-caption"

Ott a class amit hiányoltál.

[moshu]

Nem volt semmiféle feltételezésem az értelmi képességeidről - nem arról szól a dolog.
Hanem arról, hogy pl. kapcsold ki az összes képpel kapcsolatos pluginodat, és próbáld úgy.

Mellesleg, én a jobbra-balra igazít classt hiányoltam. Jobbra igazított képnél pl. ilyesmit kell(ene) csinálnia:
(kiemelés tőlem)
És ez meg is van határozva a CSS file-odban, úgyhogy normális blog install esetében működnie kell!

[sharky]

értem. ezek szerint akkor lehet, hogy a blog installnál van valami gond?

[mano]

nem. nálad van a gond, hogy nem érted amit magyaráznak neked...

[moshu]

Kénytelen vagyok önmagamat idézni:
...kapcsold ki az összes képpel kapcsolatos pluginodat, és próbáld úgy.

Várom a raportot!

[sharky]

Egy olyan plugin van, ami a képekkel kapcsolatos, a lightbox. Azt kikapcsoltam. Semmi változás. kiszedtem a képeket és betettem újra.

http://sharkycompute...dpresshiba2.jpg
http://sharkycompute...dpresshiba3.jpg

Pont ugyan úgy nem lett jó. Tudom, hogy nagy segítség, hogy a "css-ben:....", de melyik css-re gondolsz és hol. És elnézést, hogy nem tudom melyik css filera gondolsz, de ha autót szerelsz sem biztos, hogy elég annyi infó, hogy hát a 6-os csavart húzd meg......vajon melyiket az 500-ból

[mano]

ne vizuális szerkesztőt használj! pont. janem, felkiáltójel.

[moshu]

EGY css file van minden sablonban (style.css).
A tiéd itt van:
http://www.sharkycom...e-1-1/style.css

És, bocsánat, tévedtem... a szükséges kód "majdnem" ott van. Az alján, az "alignment" részben.

img.left, img[align="left"] {
float:left;
margin: 2px 10px 5px 0px;
}
......

}
img.right, img[align="right"] {
float:right;
margin: 2px 0px 5px 10px;

Így kellene:

img.alignleft {
float:left;
margin: 2px 10px 5px 0px;
}
.....
}
img.alignright {
float:right;
margin: 2px 0px 5px 10px;

És működne is, ha a hibaképeden látható ÖSSZES classt (nálad CSS osztály!) hozzáadná a kódhoz, amikor berakod a képet.

Tényleg, próbáld meg vizuál nélkül - nekem azt soha nem jut eszembe mondani, mert nálam örökké ki van kapcsolva...

[sharky]

Köszönöm a segítséget. A css volt a szar.