Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

CSS Forum


You are currently viewing our CSS Forum as a guest. Please register to participate.
Login



Reply
changing object dimensions using CSS
Old 08-08-2007, 04:10 PM changing object dimensions using CSS
Junior Talker

Posts: 2
Name: Emma
Trades: 0
Hi

CSS Newb so please be gentle. I've previously used tables in abundance and have decided to try and get with the times,

I downloaded this template and started making amendments to it:

http://www.geocities.com/emma_hanby/index2.html

I would like to start adding pages, but would like to extend the white box to go the whole width of the whole red block. I will delete the image to the right.

How would i extend the box? is it something i need to enter in the style sheet i can use to refer to resizing the box and only refer to it on the new html page?

thanks

Last edited by funky; 08-08-2007 at 04:12 PM..
funky is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 08-08-2007, 04:29 PM Re: changing object dimensions using CSS
LadynRed's Avatar
Defies a Status

Posts: 10,016
Location: Tennessee
Trades: 0
In the CSS, change the width on the #main div to 700px, equal to the width of the #wrapper (red)

#main {
width: 350px; /*change this width */

padding-left: 15px;
padding-right: 5px;
float: left;
line-height: 18px;
padding-top: 10px;
height: auto;
}
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Old 08-15-2007, 06:03 PM Re: changing object dimensions using CSS
Junior Talker

Posts: 2
Name: Emma
Trades: 0
Thanks! you're too kind. But, it only moved the text and didnt extend the white box

Can i create another css file and link it to the new html page?

so the css for the index.html will be default.css and a new one linking to page one.html, two.html etc will be default2.css.

would this work?

cheers

Last edited by funky; 08-15-2007 at 06:23 PM..
funky is offline
Reply With Quote
View Public Profile
 
Old 08-16-2007, 04:35 PM Re: changing object dimensions using CSS
LadynRed's Avatar
Defies a Status

Posts: 10,016
Location: Tennessee
Trades: 0
Won't make any difference. That white 'box' is actually the background image for #wrapper.

Soo... in order to combat that, you can add this to the rules for #main -
background: #ffffff; - that will make the whole box white where now it is transparent. You'll also have to remove the #outer div that that side image is sitting in.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to changing object dimensions using CSS
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.13099 seconds with 12 queries