Jak na pozicování URL odkazu s obrázkem

26. 2. 2016 08:57:54

Ahoj, mám url odkaz kde je obrázek, přidám ho do widgetu Text ve wordpressu.

Výsledek je, že se ukáže v pravém widgetu ale je úplně na kraji, já bych ho chtěl trochu posunout jak do leva tak i možná trochu nahoru.

Jak to provedu ? Je možné přidat kód na pozicování přímo od toho url odkazu s obrázkem nebo je nutný zásah do css, tím pádem tuším že se musí znovu označit třída toho odkazu abych měl v css na co navázat.

Odkaz vypadá takto

Jak tedy provést to, abych s tím textem mohl hýbat jak do leva nebo do prava, nahoru, dolů.

Prosím o ukázku.

Děkuji Vám

26. 2. 2016 08:57:54

https://webtrh.cz/diskuse/jak-na-pozicovani-url-odkazu-s-obrazkem#reply1178143

i-PRESS

(2 hodnocení)

26. 2. 2016 10:02:38

Doporučuji nastudovat alespoň základy CSS.

Pozicovat lze vše, záleží ale na okolním kontextu. Standardně můžete jít dolů a doprava přidáním margin, nebo padding, nahoru to ale může být problém, protože ten element na své místo již "odtlačil" předchozí elm.

Inline stylům bych se vyhnul, zbytečně bobtná kód a špatně se to spravuje. V css můžete odkazovat buďto na class tohoto prvku, nebo pokud jich má být více, pak dát třeba ID nadřazenému a v css budete odkazovat na potomka, např:

26. 2. 2016 10:02:38

https://webtrh.cz/diskuse/jak-na-pozicovani-url-odkazu-s-obrazkem#reply1178142

ideasro

(19 hodnocení)

26. 2. 2016 11:08:05

Díky, rozumím částečně. CSS se snažím stále doučovat, ale z www.jakpsatweb.cz/css/ je to na mě dost komplikovaně vysvětlené, tak to radši dohledávám v http://www.w3schools.com/css/ jenže to je zas v AJ.

Teda já rozumím jak se má postupovat, ale nevím jak se tyto funkce nazývají abych je vyhledal a pokračoval podle návodu z výše uvedených stránek.

Když mám tedy ten kód ve widgetu (myslím ten url odkaz s obrázkem), tak do něj musím přidat nějaký tag například banner1 abych poté mohl do stylu přidat tohle

#banner1 a pod něj už přidám příslušné kódy na posunování to už bych zvládl. Ale nevím do kterého místa mám do toho kódu vložit ten tag banner1.

26. 2. 2016 11:08:05

https://webtrh.cz/diskuse/jak-na-pozicovani-url-odkazu-s-obrazkem#reply1178141

Peter

(12 hodnocení)

26. 2. 2016 11:27:24

a co jednoduše vložit obrázek do příspěvku, dát na střed a poté kod vložit do widgetu?

26. 2. 2016 11:27:24

https://webtrh.cz/diskuse/jak-na-pozicovani-url-odkazu-s-obrazkem#reply1178140

i-PRESS

(2 hodnocení)

26. 2. 2016 11:27:26

Technicky je to úplně jedno, obecně je ale vhodné přidat rovnou prvnímu společnému předku.

Je totiž nesmysl pak odkazovat mod do hloubky stylem

#parent > div > div.sidebar_elm > div > span > a >img

i když možné to je, ale s větším rizikem že Vám to postihne něco, co nechtete. Pokud potřebujete napozicovat sadu obrázků, zavřete je rovnou do nějakého DIVu, odstavce p a přes něj je nastylujte. Pokud tedy nemá nějaký identifikátor rovnou ten widget, tak si uvnitř element vytvořte a odkazy vkládejte až do něj ;)

---------- Příspěvek doplněn 26.02.2016 v 11:34 ----------

Edit fiddle - JSFiddle…

26. 2. 2016 11:27:26

https://webtrh.cz/diskuse/jak-na-pozicovani-url-odkazu-s-obrazkem#reply1178139

ideasro

(19 hodnocení)

26. 2. 2016 18:03:06

Děkuji

26. 2. 2016 18:03:06

https://webtrh.cz/diskuse/jak-na-pozicovani-url-odkazu-s-obrazkem#reply1178138

korwin

(25 hodnocení)

27. 2. 2016 19:49:11

Pane bože, před tím než se tu začnete ptát na každou blbost si nastudujte základy CSS, projdete Google a potom, až nenajdete odpověď, tak se ptejte tu. Navíc toto nemá s WP ani nic společného...

27. 2. 2016 19:49:11

https://webtrh.cz/diskuse/jak-na-pozicovani-url-odkazu-s-obrazkem#reply1178137

Pro odpověď se přihlašte.

Přihlásit