August 31, 200917 yr Okay, so i recently started designing a small website, it took around 30 minutes in photoshop. The website's for my friend who works as a carpenter so i wasn't going for anything big. The problem is: I have no idea how to code my website. For example: i would love that if you pressed on the button that says "bilder"(=pictures) you would come to another website, let's call it mywebsite.com/bilder. My other problem is that i have no idea how to actually write anything on the big yellow square and make it look good. I mean, it would be great to have a small introduction about his product. I appreciate all the help i can get, but i have to warn you tho', i really stink at coding so i can't promise that i'll understand what you're talking about if you don't go really deep into details. My website I will uppgrade the webhotel and the domain as soon as i get the codes working.
August 31, 200917 yr you need basic html and css, which will take you a few days to read through tuts and to put the code together the link in previous post is the best html resource about
September 1, 200917 yr Tizag.com is where i learnt alot from, that and w3schools http://www.tizag.com/htmlT/
September 1, 200917 yr Author Okay, but the code i'm looking for to make that single part of the picture to become a link, is that html, xhtml or css?
September 1, 200917 yr Author Wonderful, i now know ho to do a link inside an image, but i still don't really get the hang of the coords. <area shape="rect" coords="0,0,128,40" href="mywebsite.com/bilder" /> This line makes the square in the right dimensions, but as soon as i start to play with the x1 and y1 the link flips out. How do i know what to write in those two?
September 1, 200917 yr The coordinates for a rectangle image map are two for the top left corner and two for the bottom right corner (x and y at both positions) so the first two and the last two have a , between them, but there is no , between the pairs like this:- <area shape="rect" coords="0,0 128,40" href="mywebsite.com/bilder" /> See http://www.wickham43.net/imagemaps.php
September 1, 200917 yr Author The coordinates for a rectangle image map are two for the top left corner and two for the bottom right corner (x and y at both positions) so the first two and the last two have a , between them, but there is no , between the pairs like this:- <area shape="rect" coords="0,0 128,40" href="mywebsite.com/bilder" /> See http://www.wickham43.net/imagemaps.php Thank you, that really helped :-) EDIT: Okay, so i'm using this code now: <div align=center> <img src="http://img232.imageshack.us/img232/830/maxlayoutp.png" width="1000" height="868" usemap="#planetmap" BORDER="0" /> <map name="planetmap"> <area shape="rect" href="http://www.testtitle.net16.net/bilder.html" coords="474,50 598,90"/> </map> </div> How do i place a text upon this image? I want the text to be somewhat centered inside the yellow box. EDIT2: I got around it by doing like this: <style type="text/css"> h1 { position:absolute; left:420px; top:530px; } </style> in the <head>. Is there a easier/more efficient way?
Create an account or sign in to comment