HTML - Weird Left Right Margins In <p> Tag?

can anyone help with some html code to establish margins for me.
when I try, I can get it but it wants to cut off my background color
see attached

Hey everyone. I'm working on a Wordpress template and have a question. I have a div #header and the corresponding CSS defines a background image. All good. What I want to do is put some image/links (i.e. a picture that says HOME that is hyperlinked to the hope page) inside this div. Using simple <a> tags I can achieve this:

Code:

<a href="www.google.com"><img scr="mypicture"></a>

.

This naturally puts my picture-link at the top left of the header div. I want this picture-link to be moved to the right maybe 25 pixels, moved down 20 pixels, etc. How can I acheive this? I tried replacing the <a href="www.google.com"><img src="mypicture"></a> with this:

Code:

<div style=”top: 20px; right: 25px; position: fixed;”><a href=”www.google.com”><img style=”border:0;” src=”mypicture” alt=”home” width=”140″ height=”40″ /></div>

I found that on Google and thought it might work, but I have no success. Do I need to use CSS for this? And how exactly would I do that? Can anybody give me a good detailed explanation on how I can go about doing what I want? Help would really be appreciated! Thanks!

I have a site (no standards, written with MS Frontpage) that I am converting to 4.01 strict with Dreamweaver. There is one big problem ... virtually all of the text in 4.01 strict is spread out vertically, especially when they are in separate paragraphs:

Code:

      <p class="nomargin" align="center>New to stewardship?</p>
      <p class="nomargin" align="center>Start here!</p>

where the "nomargin" class is:

Code:

.nomargin 
{  
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

These two sentences are close together vertically in either the MS quirky, or 4.01 transitional standard, but there is significant vertical margin (they are spread out vertically) under 4.01 strict. I need to use 4.01 strict, but I also need these paragraphs to have no margin so they are close together vertically. Why does 4.10 strict do this and how do I eliminate the margins?

Thanks

Hey there,

I've been wresting with this for a while now and figured I'd ask for a bit of help. My website: www.inhollowfalls.com seems to have gained a problem where the div tags are not separeating from each other correctly, specifically the top margins. You can see that the comic frame (which is a background) is in the correct place, but everything else in the area is shifted upwards by the exact amount that the top margins should push them down. I've tried a few things and none worked. Help!

Regards,

Thomas

If you open an html document in IE8 and go to File/Page Setup, you'll see Margins (Left, Right, Top & Bottom). Anyone know any html code that will change these margins?

I am trying to set up a mock business page, with an entrance page.

http://www.freewebs.com/livingdaylig...p/entrance.htm

The image on this page should be fully aligned to the right, without any space between it and the scrollbar, but I can't figure out how to do that.
I works fine on firefox, but not on IE.
I've tried setting the position to left:-1 and that works for IE, but stretches the page on Firefox, as well as setting the body & div margins to 0 which does nothing.

Here's my coding:

Code:

<style>
body{scrollbar-face-color : #000000; 
scrollbar-highlight-color : #000000; 
scrollbar-3dlight-color : #000000; 
scrollbar-shadow-color : #000000; 
scrollbar-darkshadow-color : #000000;
scrollbar-track-color : #000000; 
scrollbar-arrow-color : #000000}
</style>



<div style="position:absolute;right:0;top:0"><a href="http://www.freewebs.com/livingdaylights/mockup/home.htm"><img src="http://i464.photobucket.com/albums/rr6/daylightsavings/AEONSECONDenter.jpg" border=0></a><div>

Does anyone have any suggestions? I'm used to aligning to the left and never had this problem before. Thank you!

got this working. thanks everyone.

Hello,

This is similar to my last post that has been already marked resolved so I'm starting a new one. I can't figure out how to have a TABLE WITHIN A TABLE be at 100% height and not create a scroll bar in IE. One table alone, there is no problem, but when you nest another table, a scroll bar appears.

Here is a link to a visual example: www.thehamandcheese.com If you use Firefox, you can see how I would like it to work. But if you use IE, you will see how I don't want it to work. How do I get IE to work like FF?

Here's the code of that link:

HTML Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>
<head>
    <title>Test</title>
    <link href="StyleSheet.css" type="text/css" rel="stylesheet"/>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<style type="text/css">
        html { PADDING:0px; MARGIN:0px; HEIGHT: 100%;WIDTH:100%;}
        BODY { PADDING:0px; MARGIN:0px; HEIGHT: 100%;WIDTH:100%;}
        FORM { PADDING:0px; MARGIN:0px; HEIGHT: 100%;WIDTH:100%;}
	</style>
</head>
    <body>
        <form runat="server">
			<table style="height:100%; width:100%; border-color: Red" border="3" cellspacing="0" cellpadding="0">
				<tr>
					<td style="height:100%; width:100%">
					    <table style="height:100%; width:100%; border-color: Blue" border="3" cellspacing="0" cellpadding="0"> 
							<tr>
							    <td valign="middle" align="center">
								    Hello
								</td>
							</tr>
					    </table>   
					</td>
				</tr>
			</table>			
		</form>
    </body>
</html>

Thanks,

Alec

Hi and thanks in advance to anyone who can help me with this silly problem.



The text on the top is normal text with a margin. (Like a <p> tag).
The text on the bottom is in a <pre> tag.
I highlighted it to show how it overflows beyond the margin.

Is there a style I can apply to the pre tag such that it stays in the white box?

How would I add a background color to the sides of my web page? I know how to add a background color in css, but I would like to only add it to 20% on the left and 20% on the right with 60% left for content in the middle. Is this possible?

Hi,
I have just joined the forum, so hello!!
Although the standard margins for bullets are fine for what I want, I find when they are to the right of an image they have a different indent. I have managed to correct this in FF by using <li style="margin-left:40px"> but the bullets are invisible with IE.
Any ideas?

hi,
I have a table that I set its bg to an image. the width and height of the table is 100%, padding 0 and boarders are 0 and I still see while bacground arround the table. how can I expand the table to cover my full screen?

thanks

Hi, newbie here,

Say i have a table how do i set the margin on each side, probably without setting the table width, so by setting the margins the table automatically sizes itself to the width of the page -(minus) the width of the margins at each side?

I think you can do this in css but i want to learn html first, what is the best way of doing this, so this code below gives a table of no width and height...

HTML Code:

<table>
  <tbody>
    <tr>
      <td></td>
    </tr>
  </tbody>
</table>

This is what i want, and thanks for any help,

Please look at my website in Internet Explorer and tell me why it has increased my left padding or maybe the margin on my main content, meaning my floats don't fit one one line.

Also, why is it ignoring my margin-bottom value in my menu navigation (which is <li>s with a margin set?

It's fine in every other browser under the sun, but messed up in IE.

Please help!!!

Hello,

I have some simple code here that gives my one table a height of 100% and a width of 100%. In Internet explorer I can't seem to get rid of the padding or margin. I get scroll bars which I don't want.

Here's a link to this code. If you use firefox, no problem. How do I get IE to act like firefox.

www.thehamandcheese.com

HTML Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD html 4.0 Transitional//EN">

<html>
<head id="Head1" runat="server">
    <title>Ham And Cheese</title>
    <link href="StyleSheet.css" type="text/css" rel="stylesheet"/>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <style type="text/css">
	    html { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; }
        BODY { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; }
        FORM { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; }
	</style>
</head>
    <body>
        <form id="Form1" runat="server">
			<table class="GeorgiaBoldBig" height="100%" width="100%" cellspacing="0" cellpadding="0" border="0" >
				<tr>
				    <td align="center" valign="middle">Hello</td>
				</tr>
			</table>			
		</form>
    </body>
</html>

Thank you,

Alec