Forum: web design and graphics community

Celestial Star Forum > Art Boards > Tutorials > Celestial Star Tutorials > Valid div layout

Pages: [1]

« previous next »

Author

Topic: Valid div layout (Read 503 times)

Melfina

Administrator
Valkyrie Randgris

Posts: 1275

Valid div layout

« on: August 03, 2006, 01:00:00 AM »

Description: Take a step further and design your first valid absolute positioned div layout easily.
Tutorial URL: http://celestial-star.net/tutorials/54-valid-div-layout/

You may comment this tutorial here or ask for help.


	Logged

MySpace ~ MySpace Codex ~ Rune Nifelheim

staceyy

Angeling

Posts: 16

Re: Valid div layout

« Reply #1 on: July 20, 2008, 03:55:52 AM »

hey, i tryed this tutorial after doing part 1+2. but i dont understand what this is
<body>
<div id="layout"></div>
in the index
& the css
#layout {
position: absolute;
width: ---px;
top: ---px;
left: ---px;}

where do i link my sliced images? or must i save my whole layout as 1 photo not sliced up? :/ to put in the css as the layout :S

(edited) ok, i THINK ive figured it out...where it says 'layout' on the index. ive put
<body><div align="center">
<div id="bg">
<div id="index_01"></div>
   <div id="index_02"></div>
   <div id="index_03"></div>
   <div id="index_04"></div>
<div id="index_05"></div>
   <div id="index_06"></div>
   <div id="index_07"></div>


and my css as,
#bg{
   background: url("images/bg.jpg") repeat-y top left;
   width: 800px;
   margin: 0 auto;}

#index_01 {
   width:800px;
   height:86px;
   background: url("images/index_01.jpg") no-repeat;}

#index_02 {
   width:800px;
   height:85px;
   background: url("images/index_02.jpg") no-repeat;}

#index_03 {
   width:800px;
   height:86px;
   background: url("images/index_03.jpg") no-repeat;}

it shows up on the internet right..but i my layout wont extend with my writing :S..if i put writing longer than the layout 600px in height.. it just goes onto a blank space.....+ my navigation + content text..moves if i change the screen size..

sorry xx thanks for any help <3


« Last Edit: July 22, 2008, 01:13:02 PM by staceyy »	Logged

Pages: [1]

« previous next »

Jump to:

Forum: web design and graphics community

General

Art boards

Web development

Off-topic