Help - Search - Members - Calendar
Full Version: how do make this
Forums > Resource Center > Webmasters' Corner > Webmasters' Corner Resolved Topics
NickCartersBaby
how do make a layout like this


Fixed the BBcode and thumbed it for you. _smile.gif
freeflow
Like what? No image or anything shows.
iDecay
What excactly are you trying to do..? Mind explaining what it is you want?
afflict.x
i think he/she means the graphic. that's not very hard. find images you want and someone here can help you. or do you need help coding?
anyways, someone please thumb the image.. it's stretching the board.
NickCartersBaby
id like to make it into a layout is there anyway you can code it or is there any way i can make one that has a code
afflict.x
so you have the image made and need to code it? have you searched for a tutorial.. this is quite easy. when i say this, i dont mean go jock and take someone's coding and alter it for your own needs.
NickCartersBaby
well what would you type in to search for a turtorial
afflict.x
http://w3schools.com/

that website tells you everything about every web language. you'll want to learn about html and css- the basic web languages for a basic web page. and when posting a topic; please be more specific at what you need help on.
YourSuperior
Here's the link to the graphic since the link is broken:

http://img226.imageshack.us/img226/627/dan...eslayoutqy7.png
NickCartersBaby
ok i know im being really annoying but what do i look for i till dont know how to code my layout
afflict.x
well like i said, be more specific. what don't you understand? for a basic webpage all you really need to know is html and css - you asked what should you look for and that's it. on your design what are you looking into .. divide/table/frames and maybe I can give you a code and you change it up.
x_nova
YOU NEED TO USE DIVS TO CODE IT.

GO READ TUTORIALS.

There are some at:
Sparrow.net.tc & LissaExplains.com

I learned a A LOT from those websites.
afflict.x
^ that will help you too. i recommend lissaexplains.
when she says div = divide design. [/random]
BonneVache
The layout itself would require that you laid out your divs in a manner similar to the following.
CODE
<div id="container">
    <div id="Header"></div>
    <div id="trio">
        <div id="events"></div>
        <div id="stats"></div>
        <div id="affil"></div>
    </div>
    <div id="content"></div>
</div>


You would then have to use css to center the container div. Then, tell the three divs within the "trio" div to float left so they sit next to each other.

If you didn't quite catch that I'd say you should start smaller. If your graphics are to complex for your coding skill the end result is ussally horrible.

Take it slow and spend alot of time @ W3C schools.
[2]Nekked
here. took me 2 minutes to do.

http://2nekked.cliquemb.com/hilary.zip
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.