HTML - Ie7 Doesn't Read Margin And Padding Commands.
I made this in my CSS-file:
li { margin: 0em 0em 0em 4em; padding: 0px 0px 0px 0px; font-size: 9pt; } (This is for an element in a list) Then I made this: h3 { margin: 0; padding: 5px 0px 10px 0px; font-size: 10pt; } Now IE7 refuses to understand that I want to put the h3 margin to zero. It keeps using the li margin even though I programmed it like that. How is this possible? Everything works fine in Firefox with this code. Similar TutorialsHi, I am extremely new to HTML so please bear with me. Basically I downloaded a template for blogger. I am having a problem with the location of a picture. I want to move it up, so it is even with the other side but there is a big space on top of it. I believe that deals with either padding or margins? This is the HTML code that I am trying to figure out. Any help would be appreciated. If I have forgotten anything please let me know, because I can't think of anything else to add. <div style='clear:both;'/> <div id='right-content'> <!-- main image --> <div id='main-img'><img alt='' src='http://i77.photobucket.com/albums/j67/jennjohnny/Soccer-Mom-1-1.jpg'/></div> <div style='margin-left:25px; margin-right:60px;'> </div></div> I use Firefox 3.6.15 and Vista. Below is my url, so you can see what I mean. http://jennileighsjournal.blogspot.com/ Hello! I hope you can help. This code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <style type="text/css"> .container {display: table; border-collapse: collapse} .row {display: table-row} .cell {border: 3px solid red} .map{width:480; border:4px solid #C63; margin:0} </style> <link type="text/css" rel="stylesheet" href="GA.css"/> </HEAD> <BODY> <div class="container"> <div class="row"> <div class="cell"><IMG class="map"SRC="mapA.jpg"alt='PAP'></div> <div class="cell"><IMG class="map"SRC="mapB.jpg"alt='Pacot'></div> </div></div> </BODY></HTML> gives the expected red outer borders and brown inner borders. But... what is the blue (empty) space between them? Hi, Do you know the answer to this question? (I wasted a lot of time trying figure out this problem, before finally giving up.) How do I get the book cover image to display with no left margin, while preserving the 5px right margin? It displays with no left margin in my WYSIWYG editor. But, it displays with a 5px left margin in IE and Firefox. Here is the code... <a target="_blank" title="New Covenant Theology" href="/images/stories/book/book_cover_original_size.jpg"> <img style="border-style: none; border-width: 0px; left-margin: 0px; right-margin: 5px; title=" alt="New Covenant Theology" src="/images/150x199.jpg" width="150" align="left" height="199" /></a> 24 Reasons Why All Old Testament Laws Are Cancelled and All New Testament Laws Are for Our Obedience. See God's law in redemptive history explained simply and clearly with 7 diagrams, 20 charts, and 702 verses. Dedicated to Reformed, Covenant Theologians; Seventh Day Adventists; and other Sabbath-keepers. Read 3, free chapters from the book now: <a href="/new-covenant-theology.htm" title="New Covenant Theology"><span class="style20">New Covenant Theology</span></a></p> And, here is the webpage... http://www.jesussaidfollowme.org/#biblestudies Thanks for your insight, Greg Gibson Hello, I am trying to design a very simple HTML game, but there are some fundamental questions which I need to resolve before I know where I need to start. I was wondering if its possible to use just HTML (running on an old computer (pentium 3 or 4) on linux) to execute commands like, loading up a random page, loading a page after a count down timer is up, loading a page when any key is pressed and being able to turn these commands on and off according to eachother.. You might be able to tell from this that I am not very experienced at all with this sort of thing.. an example: A web page is showing, the user presses any key, a random page is loaded, a countdown timer starts, the user either presses a specific key or the time runs out, the result is a new web page loading depending on the amount of time that has expired on the countdown timer, a new coundown timer starts, when it runs out the original start webpage is loaded and the loop can go on. I would really appreciate any help on this. my boss wants to send client feedback forms to multiple clients he wants to be able to put the project name and date of completion but doesnt want to go into the script to change it for every different project can you shed some light on my situation please Hello, IE7 can't read my map GoogleMap on this page : http://www.imi-solutions.com/?page_id=974 Thank you for your help ! Sorry for being so lazy, but I wanted to ask if you could show me any one especially execellent posts that I should read first, so I can get involved here?because my moto first read and first reply to every post i like sleek systms dot net because my mission quickly reply to all post Hi all, Does anyone have other techniques to mock a padding in IE. I think the new IE ver8+ have padding, but i don't think IE ver6-7 have it. I did not realize it becuase i would always expect my clients to update thier browsers. I also see that there are still a HUGE percentage of people across the world that is still using IE 6. One trick that i use is to create two div for example: HTML Code: <div> <div style="margin: 10px;"> content </div> </div> this mocks a padding type hope anyone finds this useful hello me and my friend have paid a web developer to build us a website, and i like it, but the forum was so outdated that i don't think people would enjoy using it. anyway he said it was impossible to replace it, but mentioned HTML, which is why i'm here basically asking is there anything i can do. what i want to do is connect the forum to the actual website, not just the link where members would have to sign in all again. i've created a temporary forum, but would like a sollution for the long term. if you guys or girls got any advice, then please help. thank you. my website is www.dorsetghostinvestigators.com Good afternoon! Where has the sun gone I'm freezing! Is it possible to have a table with rowspan with the text in the rowspan to read vertically (like taking an entire sentence after its been typed and rotating it 90ccw)? Hi All, I'm not a coder but am looking to put a particular RSS feed on my website for SEO. I know that part of what's below is JavaScript and part is HTML but I don't know what's what. I know that JavaScript is not search engine friendly in these circumstances so I want to stay away from it if it can't be read. Can someone please tell me if the content that will display in the feed of this script is readable? Thanks! <div style="border-style: dotted;border-width: 1;border-color: #660000;width: 370px;height: 680px;overflow: auto;"><div id="newsblock21159733" style="word-wrap: break-word; padding: 5px; background-color: #FFFDE2;"> <!-- DO NOT ALTER, REMOVE, OR IN ANY WAY TRY TO HIDE THE FOLLOWING TAG OR ITS CONTENTS OR BLASTCASTA WILL NOT FUNCTION PROPERLY. --><div align="center" style="font-size: 8pt;"><br /><a href="http://www.blastcasta.com/" style="text-decoration: none; color: #336633;" target="_top"><b>News Widgets & Tickers</b><br />Powered by BlastCasta</a></div> </div></div> <script id="scrnewsblock21159733" type="text/javascript"></script> <script type="text/javascript"> /* <![CDATA[ */ setTimeout('document.getElementById(\'scrnewsblock21159733\').src = (document.location.protocol == \'https:\' ? \'https\' : \'http\') + \'://www.poweringnews.com/newsjavascript.aspx?feedurl=http%3A//www.thenews.pl/rss/&maxitems=-1&showfeedtitle=1&showtitle=1&showdate=1&showsummary=1&showauthor=0&showactionsbox=0&showrsslink=0 &s howcopyright=1&opennewwindow=1&inheritstyles=0&bgcolor=%23FFFDE2&titlefontsize=9&summaryfontsize=8&f ontfamily=Arial%2CHelvetica&titlecolor=%23336633&summarycolor=%23003366&objectid=newsblock21159733\' ', 500); /* ]]> */ </script> Hello, IE8 can't read my Youtube video here : http://www.imi-solutions.com/?page_id=1631 Thank you for your help ! Hello I'm assuming I'm in the right area for this. http://hiatus.5u.com/index.html I'm wanting to position a box on this website with HTTP links that open a new browser. I've tried using custom drawn boxes, but my website doesn't like it, it's chewing up the links and wont link them. If you look at the website link there I posted, to the right side of the page there is a box that is empty, below it says something like "links will open a new browser" I want to set links there. I don't know what style of scripting I need to accomplish that. I'm starting to feel like html isn't cutting the mustard. And frontpage isn't cutting the mustard over there. I also have another question, about setting up an html password. I have this setup here ~ Code: <input type="password" name="time23" size="10"><INPUT TYPE="HIDDEN" NAME="cgiemail_required" VALUE="time23: Please supply the correct Password."> <INPUT TYPE="HIDDEN" NAME="cgiemail_error" VALUE="error_enlistment.html"> I want it to work like this, if you put in a password and it's incorrect, it'll send you to an error page. This somewhat works, however not accurately enough. If you leave it blank it will spit out an error site. But if you put any random thing, as long as the box isn't empty it will work. I don't mind if the password is in the page source code, that's not a big deal. Most people I know don't have a clue you can even look at source code. So as long as I can ring a few in doing it this way I'm fine. hi, i have a form wich consist username and password. i want to read these content and store in the local system( my system) also i want to read the same thing from the file. can any one please send me the code for that. Many thanks in advance... I run a forum with a small progress bar under the user's avatar showing how far until the user achieves the next rank. The progress bar is simply an image resized based on the % of current posts to posts needed for the next rank. The styling of the progress bar is done entirely inline. <dd style="padding-left:5px; padding-top:2px;"> <div style="text-align:left; display:block; height:3px; width:80px; border:1px solid #DACDA5;"> <div style="height:3px; width:{postrow.RANK_LEVEL_SIZE}px; background: url('images/progress.jpg') no-repeat;"></div> </div> </dd> In Firefox and later versions of IE, the progress bar renders perfectly: In IE6 however, the bar is oversized and the padding is clearly off: Any suggestions on how I might correct the padding for IE6 would be greatly appreciated. I was going to create a seperate set of code showing the progress bar bracketed by <!--[If IE]> <![endif]-->. Hello htmlforums and members, i am having trouble with spacing my text away from my image... Problem: -------------------------------------------------- as you all can see from my picture the text is to close to the image even though i have checked my css and html i cant find the problem line css: PHP Code: #small-content { float:left; width:150px; height:372px; padding:12px 0 0 0; margin:18px 0 0 34px; } #box1 { height:124px; padding:38px 5px 0 5px; margin-bottom:22px; font-size:0.6em; line-height:1.0em; overflow:auto; html: PHP Code: <div id="small-content"> <div id="box1"> <a id="link" href="http://betyoulikeit.com/viewtopic.php?f=84&t=19"> <img style="float: left; padding: 3px 3px 0px 3px;" src="http://i713.photobucket.com/albums/ww140/daveedking/moviezsmall.png" width="25" height="25" /> </a> <p> http://Betyoulikeit.com is on a mission to obtain only the best clean, virus Free Data From around the World... We Do not Host the Data But WE Track Down and Run Security scans on all Files... ___________________________ -Upgrading Everyday- </p> </div> help me find the errors of my ways jajajaja.... -tikki- Hi All, I have a table under a div tag, and there seems to be some padding that I want to remove. I've set the padding and border-width property to 0px, but there gap's still there. Any suggestions? Thanks, HTML Code: <html> <head> <title>Untitled Document</title> </head> <body> <div id="stuff1" style="background-color: red">Stuff 1</div> <table style="padding-top: 0; border-top-width: 0px"> <tr><td style="background-color: Black">asd</td></tr> </table> </body> </html> Website is Here Ok, so I'm trying to get the text near the picture with the old guy with the roses padded a little. I tried adding "padding: 2px;" to the css but that doesnt work...Can someone look at my css and figure it out? Im stuck! -Thanks |