|
HTML - Help With Html For Margins
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 Similar TutorialsHi, 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, I've been into web design last months ... and i've been having this annoying problem .. whenever I wanna define margins for any " <div " ... every browser shows it differently .... I only got internet explorer 7 to show it the way i want .. other browsers like Firefox .. Safari .. Google Chrome. .. show it in a wrong way ... can someone please tell me why ? Hello. I am developing a site for my wife's new pet sitting & dog walking business. I'm running into a bit of trouble with how the site is viewed on difference computers/browsers. On my desktops at home (using FireFox and Explorer), the site looks fine. Viewed on my laptop in FireFox, it looks crammed together. My wife viewed the site on her desktop at work (using FireFox) and it also looked crammed. Any suggestions on how to ensure that the site will be viewed the same, whether or not one is using a desktop or laptop...or a different browser? I'm about to pull my hair out. Here's the site: http://www.happypawsevansville.com/ Thanks in advance! Matt D. Hello, i need some help with adding some margins and boarders to my HTML website. Could anyone explain how I can do this? I am very new to HTML. Thankyou 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 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 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? 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! 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? 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 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! got this working. thanks everyone. Reference: http://test6.waltonstreetwebdesign.com/ So right there on the home page, "A Warm Welcome" is in an h1 tag, most of the regular text is inside <p> tags except for the test text. Why in the world is the right align of the <p> tags a little to the left of the text not inside the <p> tag and the <h1> tag? 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 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, 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? http://cortlandareatribune.com/test2/index2.html i have not defined any margins, actually removed them all together, by my two SWF files are being displayed with big gaps between them. how do i get these to display as normal block elements without the gaps? edit: i'm an idiot. had a wrong height defined in the html. 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!!! So we have this old website that we're updating and in our updates we've found that the text will now run over the margins (into our pretty white space). We don't want it to pass the blue tab that says "Contact". Any ideas? http://www.carlsonbldgservices.com Also how can I remove the underline in "Click to Enter"? |
|||||||