Twitist Forums
can someone show me how to link photos in html/css? - Printable Version

+- Twitist Forums (http://twitist.com)
+-- Forum: General Social Media & Marketing Forums (/forum-8.html)
+--- Forum: General Social Media questions (/forum-9.html)
+--- Thread: can someone show me how to link photos in html/css? (/thread-135333.html)



can someone show me how to link photos in html/css? - HelenRebecca - 04-08-2014 08:33 PM

Hi, how would i link the social media icons on top left?
when i have tried it messes the style up

http://jsfiddle.net/helenrebecca/rAcL8/1/

help would be much appreciated Smile
****TOP RIGHT SORRY


- Olivia L - 04-08-2014 08:36 PM

<a href="LINKURLHERE"><img src="imageurlhere" /></a>

If you want it to go top right then you should make a container and make it float to the right.
The images are huge so make sure you make them 75px or something!

Here's an example on github. If you need help use my tumblr ask, codes-and-more.tumblr.com/ask Smile

http://jsfiddle.net/rAcL8/2/


- 123 - 04-08-2014 08:38 PM

http://jsfiddle.net/rAcL8/3/

Remember to change "bing.ca" to your new URL


- Karthik Devaraj - 04-08-2014 08:43 PM

Helen,

<a href="http://www.facebook.com/"><img src="http://runswithmarkers.files.wordpress.com/2012/12/transparent-facebook-logo-icon.png"></a>

Paste your FB link instead of http://www.facebook.com/ in the <a> tag
Comments are welcome


- Dusty - 04-08-2014 08:46 PM

The ###### needs to be the link to your page on each site

<a href="http://www.facebook.com/######"><img src="http://runswithmarkers.files.wordpress.com/2012/12/transparent-facebook-logo-icon.png" /></a>
<a href="http://www.twitter.com/######"> <img src="http://t0.gstatic.com/images?q=tbn:ANd9GcSUXCrTDsMliZyMWZjUevk8Y65T8Ol6LmW6ez-vDcdun0rPIA4Ocw" /></a>
<a href="http://www.instagram.com/######"> <img src="http://wallblog.co.uk/files/2013/12/Instagram-logo-005.png" /></a>