CSS in Email template

Hi All,

I'm having issues with a template I had converted from Photoshop design to HTML.
The freelancer who coded it did not add the css inline. I asked why and they told me that this would affect the responsiveness of the template.

Is there any option to make a good responsive template of it?

Attached the files.

Really hope someone can help me..
Here is the template: http://lucasjq84.eightyfour.axc.nl/mail/ (i can't attach it, appears there is something wrong with the attachments option)

Kind regards,

Lucas

HAving problem with responsive nav

I am using html and javascript for a responsive collapsable nav. I have used this script in the past successfully, but now it's not working. The url is cricket. index.php is calling the responsive-nav.js and this is the code on my inc_nav.php:

Display error in form field?

Hello

I have a Web site here:

If a user makes a mistake completing the forms - omits the name field, for example - an error message in red appears on the left to remind him that it is a required field. The error message appears haphazard and untidy, and I was hoping to display it in the form field it and then, when the user clicks on that field, the error message disappears to allow the user to complete the form field correctly.

How would I go about having the error message appear in the form field itself?

Thank you.

Div with "width: auto;" not auto-expanding & "display: inline;" not working on its own. Why is this happening?

Hi everyone,

Can anyone tell me why my div is not auto expanding to fit its contents, even though I set "width: auto;" ?
Also, why does my "display: inline;" not work?

You can see what I mean here:  http://www.jasonwangart2.blogspot.ca/

Question 1: I set the div-with-thick-red-dashed-border to "width: auto;", but the inner divs are wrapping for some reason, and the div-with-thick-red-dashed-border is not expanding horizontally to contain more divs.

Horizontal alignment of few div's inside centered container

Hi, I need some help and I hope the solution is simple for professionals.
The task is distribution of some layers inside the container.
The trouble is that the border between first right .pic_text is bigger than between first left .pic_text. The container .center is centered, but its content doesn't have equal margins.
I tried to find the solution, but couldn't find it ( for my case.
The matter is that every .pic_text has to have picture and text and the design has to be adaptive.

Here is my code CSS3:

<style>
  .center {
	width: 95%; 
	height: auto;
	padding: 10px; 

Syndicate content