How would I code this? [Archive]

Alexx..

27-02-2011, 07:40 PM

I need this front page coding for a project, but i'm not sure how I would do it.
Could anyone code it or at least help me how to make the links clickable.
Thanks

http://i56.tinypic.com/2h6rm78.png

Calvin

27-02-2011, 09:34 PM

You could either slice them up and put them in a seperate div or just use the image and use Image Maps (http://www.image-maps.com/) to link each part of the image and use that. PM me if you need any further help. :)

Recursion

27-02-2011, 11:04 PM

If I saw this earlier I'd have done it, if no one has tomorrow evening I'll do it for ya.

Personally I'd do the top down to your name in one div with a background, then split your name and the links into seperate divs and then put a second big div for the bottom from your name down. It ends up a lot cleaner than image mapping IMO.

Alexx..

27-02-2011, 11:07 PM

I just image mapped it for now but it looks kinda odd, and I think I may need somebody to do it for me cause I don't have dreamweaver anymore.

And thanks guys so much for the help :)

Fiendly

28-02-2011, 10:34 AM

<html>
<head>
<title>Alex Turner - Photography</title>

<style type="text/css">
body {
font: 10px;
background-color: #000000;
}

#main content {
width: px;
height: px;
margin-left: auto;
margin-right: auto;
}

#nav {
width: px;
height: px;
margin-left: px;
margin-top: px;
}
</style>

</head>

<body>
<div id="main_content">
<div id="nav">
<a href="#"><img src="#"></a>
</div>
</div>
</body>
</html>
You can edit it to your standards, this is pretty simple for a splash page.
If you need any help, feel free to pm me. If I had the sliced images I'd code but I don't so I can only give you that.

Hope this gives some understanding :)

Alexx..

28-02-2011, 06:43 PM

<html>
<head>
<title>Alex Turner - Photography</title>

<style type="text/css">
body {
font: 10px;
background-color: #000000;
}

#main content {
width: px;
height: px;
margin-left: auto;
margin-right: auto;
}

#nav {
width: px;
height: px;
margin-left: px;
margin-top: px;
}
</style>

</head>

<body>
<div id="main_content">
<div id="nav">
<a href="#"><img src="#"></a>
</div>
</div>
</body>
</html>
You can edit it to your standards, this is pretty simple for a splash page.
If you need any help, feel free to pm me. If I had the sliced images I'd code but I don't so I can only give you that.

Hope this gives some understanding :)

Thanks so much! :)

Fiendly

02-03-2011, 08:55 AM

Thanks so much! :)

No problem, like I said if I had the file I would of done it.
The coding I hate with the tags, rules up my aligning!

Anyways, hope it worked. Wouldn't mind seeing the fixed problem.