CSS and Divs

Discussion in 'Web Design & Coding' started by Nickweb, Jul 9, 2008.

  1. Nickweb

    Nickweb Resident Filmaker Moderator

    Joined:
    Nov 7, 2003
    Messages:
    2,532
    Likes Received:
    27
    Location:
    North Wales, Britain
    hey, I'm re-designing my site (yet again) and I found a good flv player template using CSS, thing is, I'm trying to customize it before I add it to my site.

    the design Ive chosen is this one: http://files.filmsbynick.com/branit/tabbed.htm

    but the back and forward buttons seem a little useless in terms of design, plus I cant seem to get the back button to go inside the table (making it look weird)

    I've left the directory open so you can see the CSS file I have used.
    http://files.filmsbynick.com/branit

    can anyone help? thanks
     
    Nickweb, Jul 9, 2008
    #1

    1. Advertisements

  2. Nickweb

    Ian Administrator

    Joined:
    Mar 27, 2008
    Messages:
    657
    Likes Received:
    8
    It looks ok at my end now, has it changed since you posted it? :)
     
    Ian, Jul 10, 2008
    #2

    1. Advertisements

  3. Nickweb

    Nickweb Resident Filmaker Moderator

    Joined:
    Nov 7, 2003
    Messages:
    2,532
    Likes Received:
    27
    Location:
    North Wales, Britain
    nope, hasnt changed. do you see the buttons either side of the content box? I dont want then there, or at least have everything shifted to the right so the button fits inside the main box
     
    Nickweb, Jul 10, 2008
    #3
  4. Nickweb

    Ian Administrator

    Joined:
    Mar 27, 2008
    Messages:
    657
    Likes Received:
    8
    Ah so you want the arrows overlayed on the image/text? The two buttons appear in the light grey box for me.

    Changing the code to remove them is easy enough, so if that's what you are after I'll post the updated code :)
     
    Ian, Jul 11, 2008
    #4
  5. Nickweb

    Nickweb Resident Filmaker Moderator

    Joined:
    Nov 7, 2003
    Messages:
    2,532
    Likes Received:
    27
    Location:
    North Wales, Britain
    they are IN the box for you? what browser are you running?
     
    Nickweb, Jul 11, 2008
    #5
  6. Nickweb

    Ian Administrator

    Joined:
    Mar 27, 2008
    Messages:
    657
    Likes Received:
    8
    IE7 on Windows Vista, and it looks like this:

    nick.jpg
     
    Ian, Jul 11, 2008
    #6
  7. Nickweb

    Nickweb Resident Filmaker Moderator

    Joined:
    Nov 7, 2003
    Messages:
    2,532
    Likes Received:
    27
    Location:
    North Wales, Britain
    hmmm, this isnt right at all...the image should be on the left with text to the right....hmm
     
    Nickweb, Jul 11, 2008
    #7
  8. Nickweb

    Zeus Moderator

    Joined:
    Jun 20, 2005
    Messages:
    2,006
    Likes Received:
    33
    Location:
    Virginia
    Looks different to me.

    Firefox
     

    Attached Files:

    • nick.JPG
      nick.JPG
      File size:
      50.1 KB
      Views:
      189
    Zeus, Jul 12, 2008
    #8
  9. Nickweb

    S Walch MAME 0.64 :) VIP Member

    Joined:
    Jun 2, 2003
    Messages:
    1,026
    Likes Received:
    14
    Location:
    Manchester
    I'm using Opera and it looks like it does on FireFox.

    Checking IE7, they're in the box, but the whole thing ins't centered.

    Checking your HTML/CSS: First of all, remove the <CENTER></CENTER> from the document - don't use that :)

    Instead, either put the following into your CSS file: body {text-align: center;} or, in your HTML file, change <body> to <body style="text-align: center;">

    Secondly: You have quite a few <div></div> codes that don't seem to be doing anything atm

    Thirdly: Remove the <p>&nbps</p> and turn into either: specifying the margin of the top <div> in the CSS file, or into <br /> tags.

    Fourthly: wouldn't it be easier to change the <table> into <div>'s instead? I think it would.

    Anyway, to get the button's more into the center, change your <div class="scrollable"> into <div class="scrollable" style="padding-left: 40px;"> and that should put them more or less into the box :)

    You can check how they fit together by giving them borders: style="border: 1px solid black;"
     
    Last edited: Jul 12, 2008
    S Walch, Jul 12, 2008
    #9
  10. Nickweb

    Nickweb Resident Filmaker Moderator

    Joined:
    Nov 7, 2003
    Messages:
    2,532
    Likes Received:
    27
    Location:
    North Wales, Britain
    thanks, i'll try that. the reason the whole thing isnt made with divs is that i know jack all about css. I know HTML, and i found this flv player with playlist template and wanted to integrate it
     
    Nickweb, Jul 12, 2008
    #10
  11. Nickweb

    S Walch MAME 0.64 :) VIP Member

    Joined:
    Jun 2, 2003
    Messages:
    1,026
    Likes Received:
    14
    Location:
    Manchester
    http://www.w3schools.com/css/default.asp

    If you want nick, if you send me a picture of how you want it all to look, I'd be more than happy to div it all for you.

    That is, if you want. Or you can learn CSS from w3schools :D
     
    S Walch, Jul 12, 2008
    #11
  12. Nickweb

    Nickweb Resident Filmaker Moderator

    Joined:
    Nov 7, 2003
    Messages:
    2,532
    Likes Received:
    27
    Location:
    North Wales, Britain
    thanks walsh, i'll boot up good old photoshop and do some editing. although I still want to keep the functionality of the flv player/playlist/menu thingymajig if thats possible?

    edit, attached attachment

    please be awake that i might well want to tweak things in time, and add/change buttons etc... so if you could either comment the CSS code for me, or make it easy for a noob to understand whats going on, that would be great, cheers :)
     

    Attached Files:

    Last edited: Jul 12, 2008
    Nickweb, Jul 12, 2008
    #12
  13. Nickweb

    S Walch MAME 0.64 :) VIP Member

    Joined:
    Jun 2, 2003
    Messages:
    1,026
    Likes Received:
    14
    Location:
    Manchester
    All things are possible Nick :D

    Find attached a .rar with your stuff in it:

    Note: I do know there's a little banner I've not put on, but I was trying for a while to get it to look alright in all browsers - but I wasn't having any luck. I'll have another go later on, but I've got some things I really need to do before hand :)
     

    Attached Files:

    S Walch, Jul 13, 2008
    #13
    Nickweb likes this.
  14. Nickweb

    Nickweb Resident Filmaker Moderator

    Joined:
    Nov 7, 2003
    Messages:
    2,532
    Likes Received:
    27
    Location:
    North Wales, Britain
    many thanks mate. I hope the little graded bar can be fixed for all browsers.

    If I could be a total pain in the backside, could you possibly do a version of the page without the player as well, but make it so that the dark box is scrollable (as in I could have loads of stuff, and you can scroll down to see it) thus keeping the whole site in the big black box? i would like the keep the graded box to the right as it is as well (no scrolling)

    I owe you big time dude, and I'm starting to see how easy CSS makes it to change stuff on a website

    ps i know I've been cheeky throwing this added request in ;)
     
    Nickweb, Jul 13, 2008
    #14
  15. Nickweb

    S Walch MAME 0.64 :) VIP Member

    Joined:
    Jun 2, 2003
    Messages:
    1,026
    Likes Received:
    14
    Location:
    Manchester
    Find the attached files to your specifications :)

    common.css obviously needs to replace the common.css in your player/scripts/csstabbed folder :)
     

    Attached Files:

    S Walch, Jul 13, 2008
    #15
    Zeus likes this.
  16. Nickweb

    Nickweb Resident Filmaker Moderator

    Joined:
    Nov 7, 2003
    Messages:
    2,532
    Likes Received:
    27
    Location:
    North Wales, Britain
    ok so it the common.css file for both the video page and the index page?
     
    Nickweb, Jul 13, 2008
    #16
  17. Nickweb

    S Walch MAME 0.64 :) VIP Member

    Joined:
    Jun 2, 2003
    Messages:
    1,026
    Likes Received:
    14
    Location:
    Manchester
    Yup - it is.

    You can really have as many CSS files as you want - but I prefer to keep CSS files to a minimum.
     
    S Walch, Jul 13, 2008
    #17
  18. Nickweb

    Nickweb Resident Filmaker Moderator

    Joined:
    Nov 7, 2003
    Messages:
    2,532
    Likes Received:
    27
    Location:
    North Wales, Britain
    I LOVE YOU! many thanks indeed mate!
     
    Last edited: Jul 13, 2008
    Nickweb, Jul 13, 2008
    #18
  19. Nickweb

    Nickweb Resident Filmaker Moderator

    Joined:
    Nov 7, 2003
    Messages:
    2,532
    Likes Received:
    27
    Location:
    North Wales, Britain
    just an update thos those who might be interested, with many many thanks to S Walch, I have a nice design here http://www.files.filmsbynick.com/branit/

    the links arent set up properly yet, but the main design is down now
     
    Nickweb, Jul 20, 2008
    #19

    1. Advertisements

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments (here). After that, you can post your question and our members will help you out.
Similar Threads

  1. CSS version question

  2. CSS Dashed Border

  3. CSS stay with text

  4. Css

  5. Annoying thing happening in CSS/XHTML

  6. DIV and CSS

  7. XHTML and CSS references

  8. Problems with CSS and Win7

Loading...