Go Back   Computer Forums > Web Design | Website Development > Web Programming
Click Here to Login
Join Computer forums Today


Reply
 
Thread Tools Search this Thread Display Modes
 
Old 07-01-2009, 11:43 AM   #1
In Runtime
 
akira282's Avatar
 
Join Date: Mar 2009
Posts: 172
Default Web Template Help!

So I have this template http://www.designsbydarren.com/web_t...s/pic.php?id=9

"Mother Earth"

The problem I am facing is that I cannot expand the center, left, or right columns horizontally. Any idea on how to do this? I am experiencing a lot of problems with it.

Thanks.
Kyle.
__________________

__________________
[CPU] Intel Core i7 920 @ 2.66 [MOBO] ASUS P6T Deluxe V2 [GPU] EVGA GeForce GTX 260 SCE 896MB 620MHz/216 core [RAM] G.Skill 6GB DDR3 1333 7-7-7-18 [HD] WD Cav Black 640GB 7200RPM [DRIVE] Samsung DVD/CD burner [PSU] OCZ 700w [MONITOR] LG 1080p, 1920x1080 23" 2ms GTG Widescreen LCD [KEYBOARD] Saitek Eclipse Blue [CASE] Antec 902[OS] Windows Vista 64bit Home Prem.
akira282 is offline   Reply With Quote
Old 07-01-2009, 01:15 PM   #2
Fully Optimized
 
vampist's Avatar
 
Join Date: Oct 2008
Location: USA
Posts: 2,404
Default Re: Web Template Help!

Quote:
Originally Posted by akira282 View Post
So I have this template http://www.designsbydarren.com/web_t...s/pic.php?id=9

"Mother Earth"

The problem I am facing is that I cannot expand the center, left, or right columns horizontally. Any idea on how to do this? I am experiencing a lot of problems with it.

Thanks.
Kyle.
Code:
#page_wrapper {
  margin-left: auto; 
  margin-right: auto;
  width: 760px;
  text-align: left;
  background: #FFFFFF url('../img/content_bg.gif') top left repeat-y;
}
The page wrap is set to a defined width. Do you want to change the whole width or JUST the given width of columns inside that size?

For example.. Do you want to keep the page layout the same size and just have the right column huge and the left column small?

if so you will need to change the width of these:
Code:
#left_side {
  float: left;
  width:140px;
  border:0px dashed #cccccc;
}
#right_side {
  float: right;
  width:140px;
  border:0px dashed #cccccc;
}


or do you want to re-size the whole page making the columns bigger?



EDIT: You may also have to change the background picture to fit the new sizes.



If you change the left side coloumn you might also want to change the link list width to fit the new size.
Code:
#linklist {
  padding-left: 0;
  margin-left: 0;
  border-bottom: 1px solid #D1D9C4;
  width: 140px;
}

Depending on the size you make the columns you might need to change the center margins:
Code:
#center {
  margin-left:160px;
  margin-right:160px;
  border:0px dashed #cccccc;
}

This is all taken from just giving the source a quick glance.
__________________

__________________
Everyone's Favorite Turd xD
ET: "Phone home!"
Geek: "ping 127.0.0.1"

"If that guy knew half the $h*t that I know, his fuzzy little head would explode. " - Matthew Farrell
vampist is offline   Reply With Quote
Old 07-01-2009, 01:57 PM   #3
In Runtime
 
akira282's Avatar
 
Join Date: Mar 2009
Posts: 172
Default Re: Web Template Help!

I'd like the columns to be larger or just the overall page width to be extended out about an inch. Right now, I have a banner and footer that are about a half inch greater in length than the rest of the page is in width.

so the page is like this:


banner = --------------

page= ------------

footer= --------------



I want to extend (page) because right now the
banner/footer extend past the page and as a
result create a blank, white line.

any help is appreciated.
__________________
[CPU] Intel Core i7 920 @ 2.66 [MOBO] ASUS P6T Deluxe V2 [GPU] EVGA GeForce GTX 260 SCE 896MB 620MHz/216 core [RAM] G.Skill 6GB DDR3 1333 7-7-7-18 [HD] WD Cav Black 640GB 7200RPM [DRIVE] Samsung DVD/CD burner [PSU] OCZ 700w [MONITOR] LG 1080p, 1920x1080 23" 2ms GTG Widescreen LCD [KEYBOARD] Saitek Eclipse Blue [CASE] Antec 902[OS] Windows Vista 64bit Home Prem.
akira282 is offline   Reply With Quote
Old 07-01-2009, 06:15 PM   #4
Fully Optimized
 
vampist's Avatar
 
Join Date: Oct 2008
Location: USA
Posts: 2,404
Default Re: Web Template Help!

Ok I'm not EXACTLY sure what you want.
Do you want the height of the page adjusted or the width of the page adjusted?

Could you post the banner and other things you mentioned?


EDIT:
Banner = B
Page = P
Footer = F

B ---------
P ---------
F ---------

What do you want to do to "page"?
__________________
Everyone's Favorite Turd xD
ET: "Phone home!"
Geek: "ping 127.0.0.1"

"If that guy knew half the $h*t that I know, his fuzzy little head would explode. " - Matthew Farrell
vampist is offline   Reply With Quote
Old 07-02-2009, 10:04 AM   #5
In Runtime
 
akira282's Avatar
 
Join Date: Mar 2009
Posts: 172
Default Re: Web Template Help!

The width of the page needs to extend out to the footer and header.

http://kyler282.googlepages.com/untitled3.JPG
__________________
[CPU] Intel Core i7 920 @ 2.66 [MOBO] ASUS P6T Deluxe V2 [GPU] EVGA GeForce GTX 260 SCE 896MB 620MHz/216 core [RAM] G.Skill 6GB DDR3 1333 7-7-7-18 [HD] WD Cav Black 640GB 7200RPM [DRIVE] Samsung DVD/CD burner [PSU] OCZ 700w [MONITOR] LG 1080p, 1920x1080 23" 2ms GTG Widescreen LCD [KEYBOARD] Saitek Eclipse Blue [CASE] Antec 902[OS] Windows Vista 64bit Home Prem.
akira282 is offline   Reply With Quote
Old 07-02-2009, 11:46 AM   #6
Fully Optimized
 
vampist's Avatar
 
Join Date: Oct 2008
Location: USA
Posts: 2,404
Default Re: Web Template Help!

Ok, easy enough. Can I have the Css changes if you made any, and banner/footer images?
I may have to extend the background image to fit the new size.
__________________
Everyone's Favorite Turd xD
ET: "Phone home!"
Geek: "ping 127.0.0.1"

"If that guy knew half the $h*t that I know, his fuzzy little head would explode. " - Matthew Farrell
vampist is offline   Reply With Quote
Old 07-02-2009, 03:02 PM   #7
In Runtime
 
akira282's Avatar
 
Join Date: Mar 2009
Posts: 172
Default Re: Web Template Help!

Yeah, one sec

http://kyler282.googlepages.com/NewFolder.zip
__________________
[CPU] Intel Core i7 920 @ 2.66 [MOBO] ASUS P6T Deluxe V2 [GPU] EVGA GeForce GTX 260 SCE 896MB 620MHz/216 core [RAM] G.Skill 6GB DDR3 1333 7-7-7-18 [HD] WD Cav Black 640GB 7200RPM [DRIVE] Samsung DVD/CD burner [PSU] OCZ 700w [MONITOR] LG 1080p, 1920x1080 23" 2ms GTG Widescreen LCD [KEYBOARD] Saitek Eclipse Blue [CASE] Antec 902[OS] Windows Vista 64bit Home Prem.
akira282 is offline   Reply With Quote
Old 07-02-2009, 11:52 PM   #8
Fully Optimized
 
vampist's Avatar
 
Join Date: Oct 2008
Location: USA
Posts: 2,404
Default Re: Web Template Help!

You will have to set the page wrap to the new width.
The wrap is named "#page_wrapper".
__________________
Everyone's Favorite Turd xD
ET: "Phone home!"
Geek: "ping 127.0.0.1"

"If that guy knew half the $h*t that I know, his fuzzy little head would explode. " - Matthew Farrell
vampist is offline   Reply With Quote
Old 07-03-2009, 08:27 AM   #9
In Runtime
 
akira282's Avatar
 
Join Date: Mar 2009
Posts: 172
Default Re: Web Template Help!

Ok, I tried that, but as you can see it moves all the images and banner forward and it doesn't seem to increase the length of the page. Try it.
__________________
[CPU] Intel Core i7 920 @ 2.66 [MOBO] ASUS P6T Deluxe V2 [GPU] EVGA GeForce GTX 260 SCE 896MB 620MHz/216 core [RAM] G.Skill 6GB DDR3 1333 7-7-7-18 [HD] WD Cav Black 640GB 7200RPM [DRIVE] Samsung DVD/CD burner [PSU] OCZ 700w [MONITOR] LG 1080p, 1920x1080 23" 2ms GTG Widescreen LCD [KEYBOARD] Saitek Eclipse Blue [CASE] Antec 902[OS] Windows Vista 64bit Home Prem.
akira282 is offline   Reply With Quote
Old 07-03-2009, 05:14 PM   #10
Fully Optimized
 
vampist's Avatar
 
Join Date: Oct 2008
Location: USA
Posts: 2,404
Default Re: Web Template Help!

Quote:
Originally Posted by akira282 View Post
Ok, I tried that, but as you can see it moves all the images and banner forward and it doesn't seem to increase the length of the page. Try it.
The length? You mean width?

Length is top to bottom. Width is left to right.


If you look in the img folder you can see that the background is made from a single image that is 760px wide. It repeats it self on the y axis (top to bottom).

If you have a banner and/or footer that is wider than 760px then you will need to stretch the content image AND the link image to the new width.
__________________

__________________
Everyone's Favorite Turd xD
ET: "Phone home!"
Geek: "ping 127.0.0.1"

"If that guy knew half the $h*t that I know, his fuzzy little head would explode. " - Matthew Farrell
vampist is offline   Reply With Quote
Reply

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

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 On
Pingbacks are On
Refbacks are Off



All times are GMT -5. The time now is 11:03 AM.


Powered by vBulletin® Version 3.8.8 Beta 4
Copyright ©2000 - 2017, vBulletin Solutions, Inc.
Search Engine Friendly URLs by vBSEO 3.6.0