Results 1 to 12 of 12

Thread: A couple of website queries

  1. #1
    Senior Member Kezzer's Avatar
    Join Date
    Sep 2003
    Posts
    4,863
    Thanks
    12
    Thanked
    5 times in 5 posts

    A couple of website queries

    I've just done a new website for a band but need some issues resolving.

    The main one is just how the background only fits for the height of the page. If I fill it up with content it's just fine, but without it obviously ends early. I can't apply it to the BODY { } element as there's 3 seperate backgrounds all in all. There's a reason for that.

    Also, are there any flash kind of media players that are freely available which will allow a user to play a song but not download it? Like the ones of purevolume and myspace.

    Linky: http://www.kezzer.co.uk/midcarsonnew/

    Cheers peeps

  2. #2
    Treasure Hunter extraordinaire herulach's Avatar
    Join Date
    Apr 2005
    Location
    Bolton
    Posts
    5,618
    Thanks
    18
    Thanked
    172 times in 159 posts
    • herulach's system
      • Motherboard:
      • MSI Z97 MPower
      • CPU:
      • i7 4790K
      • Memory:
      • 8GB Vengeance LP
      • Storage:
      • 1TB WD Blue + 250GB 840 EVo
      • Graphics card(s):
      • 2* Palit GTX 970 Jetstream
      • PSU:
      • EVGA Supernova G2 850W
      • Case:
      • CM HAF Stacker 935, 2*360 Rad WC Loop w/EK blocks.
      • Operating System:
      • Windows 8.1
      • Monitor(s):
      • Crossover 290HD & LG L1980Q
      • Internet:
      • 120mb Virgin Media
    Only thing i can think of is to set size 100% and center the white bit, but that would be 100% ghetto looking.

    See you went for the standard CSS rollovers, did you never solve your other issue? If the pages are gonna be particularly long, you might want to consider navigation that either floats, or put text links at the bottom. I hate having to scroll back up for the next page.

  3. #3
    Senior Member Kezzer's Avatar
    Join Date
    Sep 2003
    Posts
    4,863
    Thanks
    12
    Thanked
    5 times in 5 posts
    "back to top" button will do me

    Nah, I never did sort out the other issues, splicing means that I would've had to put it in a table, and i don't use tables.

    Can't do 100% height, doesn't work

  4. #4
    Ah, Mrs. Peel! mike_w's Avatar
    Join Date
    Oct 2003
    Location
    Hertfordshire, England
    Posts
    3,326
    Thanks
    3
    Thanked
    9 times in 7 posts
    Set html, body, and the relevant div(s) to height 100%? The only problem I found with this method is when the content becomes longer than one page, since the background stops at 100%, although it might be different for your web page.

    I'm not quite sure how you've set up the backgrounds, but when I had a similar problem. The links were down the left hand side, and I wanted the the background for that part to go right down the side of the page, but the background was only applied to the end of the div. The only solution I could find was to create an image one pixel high, with the width of the div, and repeat that vertically down the page. Not an ideal solution, but the only one I could find.
    "Well, there was your Uncle Tiberius who died wrapped in cabbage leaves but we assumed that was a freak accident."

  5. #5
    Senior Member Kezzer's Avatar
    Join Date
    Sep 2003
    Posts
    4,863
    Thanks
    12
    Thanked
    5 times in 5 posts
    I do have a solution but i don't understand how the concept works so i can't do that

  6. #6
    Senior Member
    Join Date
    Aug 2005
    Location
    Leeds
    Posts
    267
    Thanks
    8
    Thanked
    16 times in 16 posts
    If you apply an id to the body tag, you can then apply different styles to different pages.

    http://archivist.incutio.com/viewlist/css-discuss/13291

  7. #7
    Senior Member Kezzer's Avatar
    Join Date
    Sep 2003
    Posts
    4,863
    Thanks
    12
    Thanked
    5 times in 5 posts
    Quote Originally Posted by bobbyzero
    If you apply an id to the body tag, you can then apply different styles to different pages.

    http://archivist.incutio.com/viewlist/css-discuss/13291
    How would that help?

  8. #8
    Senior Member
    Join Date
    Aug 2005
    Location
    Leeds
    Posts
    267
    Thanks
    8
    Thanked
    16 times in 16 posts
    Quote Originally Posted by KeZZeR
    How would that help?
    You want to have three different backgrounds, right?

    Set the body tag as either
    Code:
    <body id="bg1">,
    <body id="bg2">, or
    <body id="bg3">
    Then in your CSS,
    Code:
    #bg1 {background: whatever;}
    #bg2 {background: whatever;}
    #bg3 {background: whatever;}
    Voila! Three differently styled body tags, only one CSS file.


    The other way would be to add a second CSS file to set the body background on individual pages. Load that CSS after the main one and it will override the normal style

  9. #9
    Treasure Hunter extraordinaire herulach's Avatar
    Join Date
    Apr 2005
    Location
    Bolton
    Posts
    5,618
    Thanks
    18
    Thanked
    172 times in 159 posts
    • herulach's system
      • Motherboard:
      • MSI Z97 MPower
      • CPU:
      • i7 4790K
      • Memory:
      • 8GB Vengeance LP
      • Storage:
      • 1TB WD Blue + 250GB 840 EVo
      • Graphics card(s):
      • 2* Palit GTX 970 Jetstream
      • PSU:
      • EVGA Supernova G2 850W
      • Case:
      • CM HAF Stacker 935, 2*360 Rad WC Loop w/EK blocks.
      • Operating System:
      • Windows 8.1
      • Monitor(s):
      • Crossover 290HD & LG L1980Q
      • Internet:
      • 120mb Virgin Media
    Quote Originally Posted by bobbyzero
    You want to have three different backgrounds, right?

    Set the body tag as either
    Code:
    <body id="bg1">,
    <body id="bg2">, or
    <body id="bg3">
    Then in your CSS,
    Code:
    #bg1 {background: whatever;}
    #bg2 {background: whatever;}
    #bg3 {background: whatever;}
    Voila! Three differently styled body tags, only one CSS file.


    The other way would be to add a second CSS file to set the body background on individual pages. Load that CSS after the main one and it will override the normal style
    Yeah, thats what hes done. The point was one of the background lokos a bit dodgy.

  10. #10
    Senior Member Kezzer's Avatar
    Join Date
    Sep 2003
    Posts
    4,863
    Thanks
    12
    Thanked
    5 times in 5 posts
    I've done that already, and and anway, that doesn't help whatsoever to my problem

  11. #11
    Senior Member
    Join Date
    Aug 2005
    Location
    Leeds
    Posts
    267
    Thanks
    8
    Thanked
    16 times in 16 posts
    You would have to use a faux columns approach for the background,
    http://www.alistapart.com/articles/fauxcolumns/

    positioned centered at 50% across
    http://www.stopdesign.com/log/2004/0...id-bleach.html
    The trick is to create an ultra-wide background image (or two images for 3-column layouts, thus the Sliding-Doors-nature of the technique). ... It gets tiled vertically inside the parent container, just like Dan’s Faux Columns technique.

  12. #12
    Senior Member Kezzer's Avatar
    Join Date
    Sep 2003
    Posts
    4,863
    Thanks
    12
    Thanked
    5 times in 5 posts
    That's the approach i was going to go for but didn't know how to do it. Ta

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Similar Threads

  1. Automating Website Backup?
    By Aaron in forum Software
    Replies: 12
    Last Post: 31-08-2005, 01:55 PM
  2. Website / Name Purchasing and Hosting (Help)
    By muddyfox470 in forum Software
    Replies: 8
    Last Post: 08-07-2005, 03:27 PM
  3. BBC culls Cult website
    By Steve in forum HEXUS News
    Replies: 0
    Last Post: 01-07-2005, 01:47 PM
  4. recommend some website design software
    By petrefax in forum Software
    Replies: 24
    Last Post: 23-09-2004, 09:00 AM
  5. 100% Database driven website
    By Kezzer in forum Software
    Replies: 7
    Last Post: 18-01-2004, 02:04 PM

Posting Permissions

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