• 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



View Profile
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 Sad

how do u make these kinds of layouts??

i mean the tables, navigation..etc...

http://sbullock.net/
http://sandrabullockfan.com/

thank you!!!!!!!!!!!!!!!!!!!!!!!!!!!!!  Kiss Kiss
Logged
Smgirl825
Angeling
*
Posts: 3


View Profile
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: Xpx;
   left: Xpx;
   width: Xpx;
   height: Xpx;
}

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


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



View Profile WWW
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



View Profile
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  Smiley
Logged

ems
Skogul
**
Posts: 47



View Profile
Re: how do u make these kinds of layouts??
« Reply #5 on: November 24, 2007, 01:59:36 AM »

thank u guys!!~~ Kiss
Logged
Pages: [1]
  Print  
« previous next »
 
Jump to:  

  • 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

Go up
eXTReMe Tracker
  • Valid XHTML
  • Valid CSS
Powered by SMF 1.1.2 | SMF © 2006-2007, Simple Machines LLC | Seo4Smf v0.2 © Webmaster's Talks
Loading...