CSS Help
Hey guys, need some help..
Please take a look at my site.. {snip}
Basically, the recently added box and featured box is more left than the header itself and I want to move it over slightly..
I have tried myself but have no luck. If I float the boxes right they go all the way to the right and attach to the ad. If I add margin:5 or so, it aligns but then the video pictures and info join onto the border so i'm at a loss.. Any help?
(Attached my home.tpl (home.html for attachment purposes) and home.css files)
HostNifty
Quality shared and reseller UK hosting
http://www.hostnifty.co.uk
| Attachment | Size |
|---|---|
| home.css | 2.03 KB |
| home.html | 6.66 KB |
decibel.places posted this at 19:18 — 14th February 2009.
He has: 1,494 posts
Joined: Jun 2008
you have more problems than that - have you viewed the site in Firefox?
These problems are not a quick fix. They may involve template edits, not sure.
Please do not post live links to ADULT content.
You could disable the link such as {snip}
and the files are not listed - you may have attached them, but there is a bug here (Jeeves?!) that unlists them if you attach two files.... you need to preview or edit and check the list boxes...
HN Mark posted this at 19:22 — 14th February 2009.
They have: 41 posts
Joined: Feb 2004
OK sorted the firefox problem..
decibel.places posted this at 20:00 — 14th February 2009.
He has: 1,494 posts
Joined: Jun 2008
Try adding some padding... I added 30px left padding
#videowatch {margin:0;
min-height:600px;
padding:2px 0 20px 30px;
text-align:left;
width:940px;
}
then you gotta deal with the adbar on the right
try changing the width, something like:
#sideAd {
float:right;
margin:0;
padding:0;
text-align:center;
width:130px;
}
use Firefox+Firebug!
HN Mark posted this at 20:03 — 14th February 2009.
They have: 41 posts
Joined: Feb 2004
Wheres the watchvideo?
decibel.places posted this at 20:13 — 14th February 2009.
He has: 1,494 posts
Joined: Jun 2008
using Firefox+Firebug
(and you could too!)
#videowatch is defined in
{snip} (line 1)
I do notice a few pixels difference in IE and Ffox - not sure if this can be reconciled, or you need to add an IE stylesheet with conditional comments...
HN Mark posted this at 20:10 — 14th February 2009.
They have: 41 posts
Joined: Feb 2004
OK, i've added the padding and it has aligned correctly but now the title bar and the content cox has seperated so the distance between them is quite noticable. I would either like to remove the border or decrease the gap.. any idea?
HostNifty
Quality shared and reseller UK hosting
http://www.hostnifty.co.uk
decibel.places posted this at 20:22 — 14th February 2009.
He has: 1,494 posts
Joined: Jun 2008
if you added padding all the way around that might cause it
I only added 30px padding-left in the #videowatch padding array
it goes top right bottom left
padding:2px 0 20px 30px;btw - many of your vids don't play, no player loads, just a blank area
"interesting" vids...
HN Mark posted this at 20:33 — 14th February 2009.
They have: 41 posts
Joined: Feb 2004
lol thanks for showing me the world of Firefox, always been a IE fan to be honest until this new found love..
Theres around 10 - 15 videos that dont work as they was more 'testers' than anything.. The rest of the 108 do
Sorted the alignment out now thanks to you and firebug.. what a useful tool!
HostNifty
Quality shared and reseller UK hosting
http://www.hostnifty.co.uk
decibel.places posted this at 02:45 — 15th February 2009.
He has: 1,494 posts
Joined: Jun 2008
I could not work without Firebug and Web Developer (you can edit the actual stylesheets wysiwyg - but need to save and upload)
also check out measureit and colorzilla
the RankQuest toolbar is handy (checked a whois with it today)
and DummyLipsum is also handy
IE7PRO is an IE addon that makes IE work more like Firefox etc
HN Mark posted this at 20:35 — 14th February 2009.
They have: 41 posts
Joined: Feb 2004
Actually, just looked and thats interesting - half the vids don't play in firefox.. grrr
pr0gr4mm3r posted this at 00:35 — 15th February 2009.
He has: 1,502 posts
Joined: Sep 2006
As per the rules, linking to adult content is not allowed. I removed all references to the the website in question. On a positive note, I made your attachments visible so people can see the template.
Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.