[Megoldott] FCK editor - kép/szöveg távolság

[William]

Hogyan lehet beállítani, hogy a beszúrt kép és a körbefutó szöveg között mekkora távolság legyen? Jelenleg nagyon közel van a képhez.

[Tóth Tibor]

Legelegánsabb megoldás a css-el érhető el:

Kód: Az összes kijelölése

img {
margin:5px;
}


Ez viszont az összes képre 5px-eles távoltágot állít be.
Ha csak bizonyos képekre akarod alkalmazni, akkor osztályon keresztül kell megoldani:
img.margo {
margin:5px;
}
[/code]
és a tartalomban így hivatkozni a képek esetén:

Kód: Az összes kijelölése

<img class="margo" src=.... />

[William]

Bocsi de nekem nem egyértelmű melyik file-ba kell elhelyeznem ezeket a kódokat? Köszönöm

[Tóth Tibor]

A css definíció a sablon template_css.css-be kell, az <img... pedig a tartalomba, ahol a képet illeszted be.

[cstibi]

Nekem egy dolog érthetetlen viszont: az FCK Editorban a fénykép beszúrásnál meg lehet adni, hogy vízszintesen ill. függőlegesen hány pixel legyen a fotó/szöveg távolsága. A JA Teline II sablon (Joomla 1.5.3 és FCK 2.5.1.2) használatakor azonban hiába töltöm ki ezeket a mezőket, a szöveg mindenképpen hozzáér a képhez.

[zseni]

Igen, mivel ezt a sablon temlate_css.css-ből szedi ki és nem az FCK editor beállításából.

[cstibi]

Próbáltam viszont a template.css-ben az image {} részben játszadozni a margin beállításokkal, de úgy látom, hogy a böngészők másképp reagáltak erre. Az IE6.0 van hogy már 20px távolságot hagy, a Mozilla ill Opera esetében meg összeér a kép és a szöveg. Aztán úgy látom, hogy az sem mindegy, hogy bekapcsolom-e a képaláírást, vagy nem. Tudna valaki írni egy kódrészletet, hogy mit tegyek be ahhoz a template.css-be, hogy minden böngészőben azonos (pl. 10 px) széles sáv legyen a kép és a szöveg között?

Az sem teljesen tiszta, hogy mikor járok jobban, ha a Joomla 1.5 saját "Kép" gombjával illesztem be a képet (ez azért szimpatikus, mert előnézeti módban tallózhatom a képeket, mellette állíthatom az igazítást és a képaláírást is) vagy akkor, ha az FCK Editor saját kép ikonjával?

[cstibi]

Azt látom még, hogy a templates/system/css/general.css file-ban a képaláírásra van margó beállítva.
Független attól, hogy nem írok képaláírást, ha a Joomla saját képfeltöltőjében bejelölöm az aláírást, akkor rendben vannak a kép/szöveg távolságok.

Lehet, hogy ebbe a general.css-be kellene a caption helyett inkább egy img margót beállítani?

[Tóth Tibor]

A JA Teline II sablon egy hírportál sablon, ezért a képek beállítása erőteljesen attól függ, hogy épp hol jelennek meg.

1. A sablon template.css fáljában a 77. sorban alapártelmezetten 0-ra állít minden kép margin/padding értéket.

Kód: Az összes kijelölése

img {
margin:0pt;
padding:0pt;
}

2. Az egyes modulok/pozíciók függvényében változtatja a képek pozícióját,keretét, pld.
ja.news.css

Kód: Az összes kijelölése

.jazin-content *|img {
padding:5px 10px 0pt 0pt;
}


ja.news.fp.css

Kód: Az összes kijelölése


#jazin-hlnext .jazin-content img {
float:right;
margin:5px 0pt 5px 15px;
padding:0pt;
}


Ezen túl a Joomla! 1.5-ben a kép címét még egy javasciript is módosítja (/media/system/js/caption.js).
A templates/system/css/general.css módosítása nem ajánlott, ezen értékek esetleges felülírása a sanlon css fáljában célszerűbb, mivel az később olvasódik be, így ott felülírható (CSS alaptulajdonsága)

Teljesen egyedi értékek beállítása egy osztállyal oldható meg, amit a képhez lehet rendelni - leírva korábbi hozzászólásomban.