Help
Search
Login
Register
Home
Forum: web design and graphics community
Celestial Star Forum
>
Art Boards
>
Tutorials
>
how do u make these kinds of layouts??
Pages: [
1
]
« previous
next »
Print
Author
Topic: how do u make these kinds of layouts?? (Read 1530 times)
ems
Skogul
Posts: 47
how do u make these kinds of layouts??
«
on:
August 31, 2007, 08:00:23 AM »
Hi, I have a question that might sound simple and dumb..
but thats been on my mind for aggess
how do u make these kinds of layouts??
i mean the tables, navigation..etc...
http://sbullock.net/
http://sandrabullockfan.com/
thank you!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
Logged
Smgirl825
Angeling
Posts: 3
Re: how do u make these kinds of layouts??
«
Reply #1 on:
October 14, 2007, 06:30:35 PM »
If you are talking about doing the code read on
There's a couple of ways that you can achieve this. Using tables is one, but it takes a while, at least for me. You can also use divs, positioned with css.
If you were going to make a layout like the first example you provided.
It would be 3 divs. One for the image, one for navigation, and then one more for content. the code in your css would be along these lines. Anything in bold can be
changed to what you want
#
Image
{ top:
X
px;
left:
X
px;
width:
X
px;
height:
X
px;
}
Top is pushing down your DIV
Left is pushing your DIV to the right
You have to figure the values out on your own. But you can do a mock up in photoshop. It can do wonders.
And when you code the actual page you just add
<div id="
Image
">
</div>
Logged
Nemesis_Monkey
Skogul
Posts: 34
EMPTY BLISS
Re: how do u make these kinds of layouts??
«
Reply #2 on:
October 14, 2007, 07:19:27 PM »
hmmm... couldnt you just do it like this...
Code:
<div align="center">
<div width="XX">
<div>Image</div>
<div>
<div>navigation</div>
<div>content</div>
</div>
</div>
</div>
then just give everything a class and link it to a style sheet...
Logged
_./'\._¸¸.•¤*
* •. .•*.*.*
/.•*•.\ ¸..•¤*
digitalwings
Solace
Posts: 132
Re: how do u make these kinds of layouts??
«
Reply #3 on:
November 07, 2007, 02:06:15 PM »
Okay..since they covered the coding part. I just wanted to make sure that you know that the links are image slices from the actual picture. You must make each one an idividual slice and then code it.
Logged
stephen
Incubus
Posts: 57
Re: how do u make these kinds of layouts??
«
Reply #4 on:
November 17, 2007, 05:17:32 PM »
Yes ^^ That is important
You can do this by writing Home... etc. on the image and then slicing it and then remembering the slice number (4 for example) going to notepad finding the slice 4 and adding the link
Logged
ems
Skogul
Posts: 47
Re: how do u make these kinds of layouts??
«
Reply #5 on:
November 24, 2007, 01:59:36 AM »
thank u guys!!~~
Logged
Pages: [
1
]
Print
« previous
next »
Jump to:
Please select a destination:
-----------------------------
General
-----------------------------
=> General
=> New Members
=> Announcements
=> Support / Suggestions
-----------------------------
Contests
-----------------------------
=> Archive
===> Contests
===> Blend Challenges
===> SOTW
-----------------------------
Art Boards
-----------------------------
=> Creative mediums
=> Requests & offers
=> Tutorials
===> Celestial Star Tutorials
-----------------------------
Web Development
-----------------------------
=> Coding
=> Web Design
=> Advertisements / Affiliation
-----------------------------
Off-topic
-----------------------------
=> Entertainment
-----------------------------
Español (Spanish Only)
-----------------------------
=> General / Bienvenida
=> Anuncios / Ayuda
=> Código / Desarrollo web
Welcome,
Guest
Members login
Register for free
General
General
New members
Announcements
Support / Suggestions
Art boards
Creative mediums
Requests and offers
Tutorials
Celestial Star tutorials
Web development
Coding
Web design
Advertisements / affiliation
Off-topic
The non-sense
Ententainment
Loading...