• Help
  • Search
  • Login
  • Register
  • Home

Forum: web design and graphics community

Celestial Star Forum > Art Boards > Tutorials > Celestial Star Tutorials > Valid div layout
Pages: [1]
« previous next »
  Print  
Author Topic: Valid div layout  (Read 503 times)
Melfina
Administrator
Valkyrie Randgris
*****
Posts: 1275



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



View Profile
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]
  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
  • Ertentainment

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