myfish Posted August 3, 2011 Share Posted August 3, 2011 hello i have 3 images all of which must lik to each other, i have used the following code <div style="float: left;"><IMG HEIGHT="90" WIDTH="320" IMG SRC="b1.jpg" style="float: centre;"><IMG HEIGHT="90" WIDTH="401" IMG SRC="b2.jpg "style="float: centre;"><IMG HEIGHT="90" WIDTH="320" IMG SRC="b3.jpg "></div> they all allign next to each other perfect, but how can i hyper link each? many thanks for your help in advance. Link to comment https://forums.phpfreaks.com/topic/243746-how-to-hyperlink-these-individual-images/ Share on other sites More sharing options...
AyKay47 Posted August 3, 2011 Share Posted August 3, 2011 add an anchor tag to each...? <a href='test.php'><a/> note: center != centre Link to comment https://forums.phpfreaks.com/topic/243746-how-to-hyperlink-these-individual-images/#findComment-1251523 Share on other sites More sharing options...
myfish Posted August 3, 2011 Author Share Posted August 3, 2011 so in theory would it be like this. <div style="float: left;"><a href='test.php'><a/><IMG HEIGHT="90" WIDTH="320" IMG SRC="b1.jpg" style="float: center;"><a href='test.php'><a/><IMG HEIGHT="90" WIDTH="401" IMG SRC="b2.jpg "style="float: right;"><a href='test.php'><a/><IMG HEIGHT="90" WIDTH="320" IMG SRC="b3.jpg "></div> thank you for the correction in my spelling stupid me. i understand that the "test.php" would be the page i would like them to aim to Many thanks for your help Link to comment https://forums.phpfreaks.com/topic/243746-how-to-hyperlink-these-individual-images/#findComment-1251529 Share on other sites More sharing options...
AyKay47 Posted August 3, 2011 Share Posted August 3, 2011 no you want to wrap the image tags inside of the anchor tags.... like this.. <div style="float: left;"><a href='test.php'><IMG HEIGHT="90" WIDTH="320" IMG SRC="b1.jpg" style="float: center;"/></a><a href='test.php'><IMG HEIGHT="90" WIDTH="401" IMG SRC="b2.jpg "style="float: right;"/></a><a href='test.php'><IMG HEIGHT="90" WIDTH="320" IMG SRC="b3.jpg "/></a></div> Note: in my first post I miswrote the closing anchor tag...should be </a> not <a/> Link to comment https://forums.phpfreaks.com/topic/243746-how-to-hyperlink-these-individual-images/#findComment-1251530 Share on other sites More sharing options...
myfish Posted August 3, 2011 Author Share Posted August 3, 2011 Ah that's great thank you having now hyperlinked the images i now have a purple box around the image, would you know if there is away not to have this purple border as such? thank you for your help that was great, im new to all of this and am trying my best to learn but i have to admit im not finding it easy Link to comment https://forums.phpfreaks.com/topic/243746-how-to-hyperlink-these-individual-images/#findComment-1251533 Share on other sites More sharing options...
AyKay47 Posted August 3, 2011 Share Posted August 3, 2011 you can style your images with the css attribute... text-decoration: none; this will remove the link color.. Link to comment https://forums.phpfreaks.com/topic/243746-how-to-hyperlink-these-individual-images/#findComment-1251535 Share on other sites More sharing options...
myfish Posted August 3, 2011 Author Share Posted August 3, 2011 ah thanks for that sorry i completely forgot about that thank you for your help it really has been appreciated, sorry for being a pain. Link to comment https://forums.phpfreaks.com/topic/243746-how-to-hyperlink-these-individual-images/#findComment-1251536 Share on other sites More sharing options...
AyKay47 Posted August 3, 2011 Share Posted August 3, 2011 no pain at all.. no problem Link to comment https://forums.phpfreaks.com/topic/243746-how-to-hyperlink-these-individual-images/#findComment-1251540 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.