How to properly set layout of website (IMP)

Earlier I use to write css style for each class myself, then I started using zurb foundation for css and then I saw twitter bootstrap. But a common problem I face is that I am not able to do following things properly:
1. Make proper layout of site: I am not able to see things without coding css. I mean I use photoshop, any software like that to help me making a proper layout of site and code that. Also, an option to extract each element of layout designed to be extracted as images so that I can use it.

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.

Syndicate content