Moving shows/blogs Options

[henrybayuzick]

Is there a specific way to move the shows table? I need to push it over about 10 pixels.

[fixtatik]

for the shows, use this:

CODE

table div table { left:50%; margin:## 0 0 ##px; position:absolute; top:0; }
table div table table { left:auto; margin:auto; position:static; top:auto; }

[henrybayuzick]

Thanks for replying. I had a question about your code but first I'll post the code I ended up using just in case someone needs it.

CODE

<style>
div[id="profile_bandschedule"] {position:relative; margin-left:180px; margin-top: 20; z-index: 8;}
</style>

<style>
.latestBlogEntry  {position:static; margin-left:185px; z-index: 9;}
</style>

My question is:
I noticed that in the code you gave me for the player and now this code you use this

CODE

margin:## 0 0 ##px;

What does that mean, and does it have any helpful traits to it (i.e. does not differ between different browsers)

I've always been better at the design side than the code side, so I've been really wanting to learn real clean code that does not differentiate between browsers.

You've been a real big help.

[fixtatik]

margin:## 0 0 ##px; is just the shorthand for margin properties. it allows you to put in a top margin, bottom margin, etc., without writing out margin-top:##px; margin-bottom:##px;. the dimensions go counter clockwise:

CODE

margin:TOP RIGHT BOTTOM LEFT;

you only need the "px" or "%" or "em" after the last property.
you can also use shorthand for top/bottom, right/left combinations:

CODE

margin:## ##px;

where the first ## is the dimension for both the top and bottom margins, and the second ## is for both right and left.

as for the code you're using, that will unfortunately only work in firefox.

[Mickey]

Topic closed & moved.