Média feltöltés – képek igazítása

Sablon fejlesztés során ügyelnünk kell arra, hogy minden a megszokott módon működjön, emiatt ajánlatos egy lorem ipsum pack-kal tesztelni, ekkor láthatjuk az előttünk álló problémákat. Ha fellép a kép igazítás probléma, akkor az alábbi kóddal megoldhatjuk ezt:

img.centered, .aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}

Lehetséges, hogy sablonunk stílusfájlját ez alapján módosítanunk kell, ha használtuk már az alábbi osztályokat.


Szerzőről
Fridrik Bélának hívnak internetes körökben Efrud becenéven vagyok ismert. 8 Éve foglalkozok honlapok fejlesztésével. Az efrud.hu szakmai tapasztalataim olvashatóak, illetve vállalkozásom fő profilját is képezi.

3 hozzászólás időpont: "Média feltöltés – képek igazítása"

  1. Nemrég kezdtem el használni a WordPress-t, és arra lettem figyelmes, hogy ha feltöltök az adminisztrációs felületen keresztül egy képet, az a tárhelyen háromszor töltödik fel, egyszer az eredetiben és kétszer átméretezve kisebb és egy nagyobb méretben. Miért van ez és hol tudom megszüntetni, hogy ne triplázza a feltöltött képet ?

  2. Ez tulajdonképpen nem hiba. Három fajta képet generál a WordPress a feltöltött képből. Kicsi, közepes és nagy. Amennyiben nem szertné használ ezt az ember média beállításoknál ha szélesség és magasság értékét 0-ra kell állítani. Ekkor nem generál arra a méretre képet. De ez esetben ugyebár akkor nem tudod használni a vágott képeket csak a teljes képet. Vagy ugyebár a css-el vágottat ami nem túl szép.

  3. Most már értem, hogy miért generál hármat. Ezzel csak az a baj, hogy a tárhelyet is terheli, s én lévén, hogy sok képet töltök fel, nem a legjobb. De jó, hogy tudom mi rá a megoldás. Köszi :D

Szólj hozzá

XHTML: Engedélyezett tagek: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>