WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You

WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You


You are not connected. Please login or register

WebArtz - The Web Design Forum » Web Designing & Coding » CSS (Cascading Style Sheets) » Image Links

View previous topic View next topic Go down  Message [Page 1 of 1]

1Image Links Empty Image Links Fri Jun 18, 2010 12:59 am

Nem

Nem
Registered Member
Registered Member
Is there a css code that can allow me to have an image at a specific location and also have it set as a link to another page?

http://www.graphics-post.com/forum

2Image Links Empty Re: Image Links Fri Jun 18, 2010 10:30 am

ankillien

ankillien
Administrator
Administrator
Hello!

You can use CSS to make link to another page, you have to use HTML <a> tag for it.

To put the images just use <img src="IMAGE URL HERE" /> and put it where ever you want the image to show up Very Happy

3Image Links Empty Re: Image Links Tue Jun 22, 2010 10:48 pm

Unknown Data

Unknown Data
Registered Member
Registered Member
When I place the a image on my page, I normally use the "STYLE" attribute.
Set numbers equal to pixels from the top and left, you want the image to be shown.

<img src="" style="margin-left: px; margin-top: px;">

And then as Ankillien said, use the <a> tag for the link. Wink

http://woops.dk

4Image Links Empty Re: Image Links Tue Jun 22, 2010 11:18 pm

Nem

Nem
Registered Member
Registered Member
Could u guys give me a code where I can just replace the link and url for the image? thanks :]

http://www.graphics-post.com/forum

5Image Links Empty Re: Image Links Tue Jun 22, 2010 11:30 pm

Unknown Data

Unknown Data
Registered Member
Registered Member
Do you mean like this?
Put it in your stylesheet, and like before write numbers equal for the image to be shown.

img {position: absolute; top: px; right: px; }

http://woops.dk

6Image Links Empty Re: Image Links Wed Jun 23, 2010 8:51 am

ankillien

ankillien
Administrator
Administrator
Well, here is a copy-paste HTML code...

Code:
<a href="LINK URL HERE" style="position:absolute; top:200px; right:300px;">
<img src="IMAGE URL HERE">
</a>

Sponsored content


View previous topic View next topic Back to top  Message [Page 1 of 1]

WebArtz - The Web Design Forum » Web Designing & Coding » CSS (Cascading Style Sheets) » Image Links

Permissions in this forum:
You cannot reply to topics in this forum