QL.túra

Kulturális smörgåsbord Esterházytól Wass Albertig, a gumicsizmától az iPad-ig, a Teletabiktól Sexpírig, a makrofágtól a mikrokontrollerig, miazmás...

Címkék

2000 (20) 2001 (6) 2002 (16) 2003 (164) 2004 (61) 2005 (40) 2006 (31) 2007 (28) 2008 (33) 2009 (175) 2010 (188) 2011 (201) 2012 (86) 2013 (40) 2014 (36) 2015 (26) 2016 (10) adáshiba (91) android (1) animáció (93) cygwin (3) film (410) gezarol (13) hájtek (159) hangoskönyv (32) ipad (17) klip (12) könyv (191) linux (29) színház (169) vers (17) windows (37) zene (111) Címkefelhő

+jegyzések

Most ...

... múlok .osan

bmi_tiny.png


... hallgatom
Szabó Magda: Régimódi történet
https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSqTmZEqlCRFgojyt52Q2n_qiMTyVlt-zJu-DpbNKVY6OQbBh4u


... olvasom
Alexander Steele (szerk.): Kezdő írók kézikönyve


... (Kik ezek? Kik ezek az embek? Kik ezek?)
profile for TrueY on Stack Exchange, a network of free, community-driven Q&A sites
free counters

[Hájtek] Képek körbevágása HTML-ben

2015.06.16. 11:00 | TrueY | Szólj hozzá!

Címkék: hájtek 2013

http://firedream.com/wp-content/uploads/2012/07/price-cut.jpg Arra kerestem megoldás, hogy hogyan tudok HTML-ben egy neten fellelhető képből kivágni egy kis részt, hogy utána a blog-ban csak ez a kis rész látszódjon.

Megpróbálom az itt bemutatott kép felét lerágni. Némi CSS böngészés után az alábbi megoldásra jutottam.

A képet (<img ...> tag) egy külön egységbe (<div ...> tag) kell betenni. A div szélessége, a befoglalótól relatív legyen; valós mérete, vágja le a kilógó részeket és a szöveg folyja körbe balról. Utána jön a kép pozícionálása. Kicsit játszani kell az értékekkel, hogy jól eltaláljuk a levágandó részt. A Windows mspaint-je segíthet ebben. Ha az image-ben állítjuk a width és height-t, akkor torzítani is lehet a képet.

Ezek után vágjuk ki a címkét.

<div style="width: 180px; height: 90px; position: relative; border: 1; overflow: hidden; float: right;"><img src="http://firedream.com/wp-content/uploads/2012/07/price-cut.jpg" alt="" class="imgleft" style="position: absolute; top: -10px; left: -70px;" /></div>

 

Vagdaljunk minden nap!

A bejegyzés trackback címe:

https://qltura.blog.hu/api/trackback/id/tr55449436

Kommentek:

A hozzászólások a vonatkozó jogszabályok  értelmében felhasználói tartalomnak minősülnek, értük a szolgáltatás technikai  üzemeltetője semmilyen felelősséget nem vállal, azokat nem ellenőrzi. Kifogás esetén forduljon a blog szerkesztőjéhez. Részletek a  Felhasználási feltételekben és az adatvédelmi tájékoztatóban.

Nincsenek hozzászólások.
süti beállítások módosítása