Stuck! Have most of the layout working, but one issue remains...

Hi, I have made good progress helping a friend with an assignment, but we are stumped as to how to fix the remaining layout issue. The fields and labels following "Credit Card" won't line up as they should. I have tried a number of hacks trying to get closer to a solution but without positive results, so here I am asking for any advice that those with more knowledge than me might have.

The code is below, and there is also a Github Gist available here https://gist.github.com/anonymous/9881826 if anyone would prefer to look at it there/that way...

Thank you!

HTML

Sticky Nav Bar Question

Hi CSS pro's,

I want to convert the nav bar of my site to a sticky nav bar. Here is the website www.tommosoutdoorproducts.com.au

In the style.css style sheet I have changed the
#mainHeader {
background: none repeat scroll 0 0 #111111;
min-width: 100%;
padding: 20px 0;
}
to
#mainHeader {
background: none repeat scroll 0 0 #111111;
min-width: 100%;
padding: 20px 0;

position:fixed;
}

Please Help - Div Moving on Re-size of Screen

Big smile Hi everyone, I'm a newby to this forum and have recently lost all my hair, by pulling it out!

My site http://www.hope-rehab-center-thailand.com/ is driving me insane.

My problem is that the logo I have created is constantly moving every time I re-size my window. I have written various rules for different size screens like 600,768,962,1024,1152 and 1200 pixels all with different left pixels dimensions, but this still doesn't do the job properly.

alignment problem in <td>

Hi, i have 3 td columns. When I placed an image in the 1st , the 2nd and 3rd td dropped down. Can you tell me how to fix it?
thanks. I want all 3 columns' items to vertically align at top of each tab cell.

BTW I'm using html5 and CSS3.

In HTML file scroll down to - 3 columns start here - That is the section I'm talking about.

And in the CSS file scroll down to /****** HOME PAGE ONLY *****/ That section contains the coding.

Elements aligning different in Firefox and Chrome

Hello,

I am hoping somebody has the time to check out my site: http://www.doggy-daycare.dk.

I am using Wordpress as CMS. In the top right corner I have added the following widgets: Socialmedia icons, some text and two buttons. My problem is that they are aligning differently when viewing the site in Firefox than in Chrome. Any suggestions why this is?

Secondly - how can i make them align on top of each other, so that the text is positioned over the buttons and socialmedia icons?

The CSS:

element {
    padding-top: 62.5px;

Syndicate content