HTML5 Layouts: 3 Column Fluid: Image...

User 171044 Photo


Ambassador
64 posts

Can anyone help please?

Have embedded a logo into this line within the above template.:

<h1><img src="test.gif" width="95" height="70" align="middle" alt="Test" title"Test" border="0" />This is my new header.</h1>

but am trying to put right padding around the image of say 40px and am failing miserably. Any ideas? Thanks in advance.
User 187934 Photo


Senior Advisor
20,266 posts

This site should help.:)
http://www.w3schools.com/css/css_padding.asp
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 171044 Photo


Ambassador
64 posts

Eric, but that hasn't helped me, but thanks anyhow. Kind regards. Matt
User 171044 Photo


Ambassador
64 posts

Hi Eric have been embedding within

<h1><img src="crisp outline gif.gif" width="90" height="75" align="middle" border="0" />This is the header.</h1>

padding-right:40px;

in various parts of the code line to try to create 40px between the logo image and the header text and failed miserably -((((. Any additional advice pal. Matt Best wishes
User 187934 Photo


Senior Advisor
20,266 posts

This then.;)


<style type="text/css">
<!--
img{padding-right:40px;}
-->
</style>


<h1><img src="test.gif" width="95" height="70" align="middle" alt="Test" title"Test" border="0" />This is my new header.</h1>
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 1948478 Photo


Senior Advisor
1,850 posts

Or, if you don't want the padding to apply to all images in the document, put it inside the <img...> tag:

<h1><img src="test.gif" width="95" height="70" alt="Test" title="Test" border="0" style="padding-right:40px">This is my new header.</h1>

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.