How would I code this?

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

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 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

Code:

<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

Originally Posted by Fiendly

Code:

<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

Originally Posted by Alexx..

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.

Thread: How would I code this?

Thread Tools

How would I code this?

Posting Permissions