CSS and Divs

Nickweb · #1 Jul 9th, 08, 3:58 PM

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

Ian · #2 Jul 10th, 08, 3:35 PM

It looks ok at my end now, has it changed since you posted it?

Nickweb · #3 Jul 10th, 08, 5:25 PM

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

Ian · #4 Jul 11th, 08, 9:56 AM

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

Nickweb · #5 Jul 11th, 08, 12:37 PM

they are IN the box for you? what browser are you running?

Ian · #6 Jul 11th, 08, 9:27 PM

IE7 on Windows Vista, and it looks like this:

nick.jpg

Nickweb · #7 Jul 12th, 08, 12:10 AM

hmmm, this isnt right at all...the image should be on the left with text to the right....hmm

Cryptoboats · #8 Jul 12th, 08, 12:46 PM

Looks different to me.

Firefox

S Walch · #9 Jul 12th, 08, 2:53 PM

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;"

Nickweb · #10 Jul 12th, 08, 5:46 PM

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

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)