Results 1 to 10 of 10

Hybrid View

  1. #1
    Join Date
    Mar 2006
    Posts
    11
    Plugin Contributions
    0

    Default Customizing background...not simple CSS change question...

    I need to get the entire site into a 3 cell table. The left and right sides being expandable with the page (I already know how to do this if I make a page from scratch) and the store staying in the center cell.

    Does anyone know where the MAIN of all main tables is in the code? Or where I would need to go so I could add this table around/outside the store? Im very good as far as basic html and templating goes, but I dont know a lot about PHP.

    Thanks for any help :)

    Scott

  2. #2
    Join Date
    Jun 2003
    Posts
    33,721
    Plugin Contributions
    0

    Default Re: Customizing background...not simple CSS change question...

    Exactly what are you wanting to do? If you want the "shop" as a center column you can already do that with the CSS.

    Code:
    #mainWrapper {
    	background-color: #ffffff;
    	text-align: left;
    	width: 100%;
    	vertical-align: top;
    	}
    Change the width to a percentage or a fixed dimension.

  3. #3
    Join Date
    Mar 2006
    Posts
    11
    Plugin Contributions
    0

    Default Re: Customizing background...not simple CSS change question...

    Well I want to put a shadow behind the store, and make a fade from the top, with also having a background image. Check out http://www.rillsonline.com/ I designed this with basic HTML and CSS. Having a top fade, and a textured background is what I would like to do. Here is the image of the template I designed for the store: http://www.celltrenz.biz/scott/Celltrenz_Template.JPG

    So, if there is another way to make this design work besides setting up a large 3 cell table that would be great to know :)

    Thanks again!

  4. #4
    Join Date
    Apr 2006
    Location
    London, UK
    Posts
    10,569
    Plugin Contributions
    25

    Default Re: Customizing background...not simple CSS change question...

    Using a table to achieve this would be considered very poor practice nowadays. To achieve a gradient down the page, the normal approach is now to create the gradient and then take a very thin vertical slice and place it as a horizontally-repeated, top-aligned background image to the <body> tag.

    To put shadows behind a centralised mainWrapper, the approach is normally to create the shadows image and take a very thin horizonal slice and set this as a vertically-repeated, centrally-aligned background image to the <body> tag.

    To create a subtle patterned or textured effect, the approach is to create a small image with a perfect repeat and then tile it horizonatlly and vertically as ... a background image to the <body> tag.

    To do all three, as per the site you like, is a bit greedy , but can be done. I would do this by having a thin column just a few pixels wide that includes the repeating pattern and the vertical gradiant and would then repated this horizontally as a background image to the <body> tag. The shadow I would build into a thin horizontal image the same width as the mainWrapper <div> and used as a background image to that <div> repeated vertically.
    Kuroi Web Design and Development | Twitter

    (Questions answered in the forum only - so that any forum member can benefit - not by personal message)

  5. #5
    Join Date
    Mar 2006
    Posts
    11
    Plugin Contributions
    0

    Default Re: Customizing background...not simple CSS change question...

    Yeah, I am greedy as far as designs go I was a picky artist before I started designing websites ;)

    Well that would work except that if the page gets really long the gradiant would eventually be seen again, and thats just tacky ;)

    I guess for now Ill work on the shadow and fade without the textured background. Poor textured backgrounds have so much contrast on LCD monitors anyhow. Makes it look a lot busier.

    Ok, so I know I can do the background fade easily enough with a solid color background for the site. This will make the shadow pretty easy too actually.

    Well thank you for the help.

    Is everyone really sure theres no way to setup the site in a 3 cell table?? Some ZenCart and PHP master out there has got to know how this can be done. :)

  6. #6
    Join Date
    Apr 2006
    Location
    London, UK
    Posts
    10,569
    Plugin Contributions
    25

    Default Re: Customizing background...not simple CSS change question...

    Quote Originally Posted by g0hst
    Well that would work except that if the page gets really long the gradiant would eventually be seen again, and thats just tacky ;)
    If you have only tiled horizontally, there wouldn't be a vertical repeat - instead the image would just run out. There are two ways around this. Web 2.0 sites often use fades into a background color. The alternative is to make your image so long that it will be longer than the page will ever be, which isn't as daft as it sounds because these are typically very thin images with a small file size.
    Quote Originally Posted by g0hst
    Is everyone really sure theres no way to setup the site in a 3 cell table?? Some ZenCart and PHP master out there has got to know how this can be done. :)
    Of course you can do it with tables. It's just considered to be very old-fashioned and bad practice to do it this way. Tables used for layout add to code weight, are less maintainable and confuse the hell out of browsers designed for people with limited or no vision.
    Kuroi Web Design and Development | Twitter

    (Questions answered in the forum only - so that any forum member can benefit - not by personal message)

 

 

Similar Threads

  1. Simple CSS question. please.
    By Inxie in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 17 Sep 2012, 01:42 AM
  2. Background on CSS will not change when I replace the url.
    By sendmenews in forum Templates, Stylesheets, Page Layout
    Replies: 7
    Last Post: 10 Sep 2011, 03:30 AM
  3. CSS Question - Multiple Background Images
    By voltage in forum Templates, Stylesheets, Page Layout
    Replies: 28
    Last Post: 11 Dec 2009, 09:19 PM
  4. Simple CSS Question
    By Kalebsands in forum Templates, Stylesheets, Page Layout
    Replies: 10
    Last Post: 15 Jul 2009, 06:09 AM
  5. Extremely simple question! Where is the css?
    By inspiration100 in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 26 Sep 2006, 04:35 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg