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

  • törzsmókus: az első tecső link Chopint ad, nem Mahalát :( a másodiknál meg biztos van azóta jobb minőség… (2016.11.11. 13:27) [Zene] Besh o droM: Macsó hímzés
  • TrueY: @NYJetsTD: Hidd el, nem örülök ennek annyira. :) Sajnos csak 1 napot nyaraltam. A többit kórházban... (2016.10.12. 23:00) [Adáshiba] Achilles-ín
  • NYJetsTD: Ronaldoooooo.... milyen ügyes vagy. Mostantól egész életedben mondhatod, hogy sportsérülésed volt,... (2016.10.11. 21:01) [Adáshiba] Achilles-ín
  • TrueY: @NYJetsTD: Én a vereshagymás-zsíros kenyeret szeretem. Legutóbb Mikulás-futáskor ettem. De mostaná... (2016.03.21. 01:33) [Adáshiba] Futás...
  • NYJetsTD: @TrueY: Akkor majd' egy súlyban vagyunk... 824 N voltam öt perccel ezelőtt, de azóta lement két sz... (2016.03.02. 17:09) [Adáshiba] Futás...
  • Utolsó 20

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/tr985449436

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.