|
HTML - Confused About Magically Appearing Whitespace
I've created a sample website here and cannot figure out where the whitespace between images is coming from! It doesn't appear in Dreamweaver, but does in both Firefox and IE6.
I've tried editing the border, padding and spacing properties of the table, rows and images to no avail. I've also tried to change these properties in CSS with no results. Any ideas? Josh Similar TutorialsAttention all HTML lovers, geeks and essentially anyone who can relieve me of my burden... for you will surely be blessed. Check out this site: equinat-usa.com For whatever the reason, and one clearly above and beyond my HTML ability to see... the page images should be at the very top on both sides. BUT NO!! There is a bit 'o white space at the top. What's up with that? At first, everything was fine... until one day the mysterious white space appeared. DTM *anxiously awaiting your reply* There is whitespace that shows up at the bottom of my web page and I'm not sure how to get rid of it. This happens in Safari and FF, but not IE. See, I have a little menu at the bottom of the page where there's a top border and bottom border to it with a couple graphics I whipped up. Underneath the bottom border there becomes whitespace <> IE. There are no blank characters or carriage returns or anything in the code. Idk... Hi, just starting out getting to know html, and I am trying to get around whitespace. I wish to create a tab (whitespace) and I cant seem to find the command/code for it. Is there a good page/site that can give me an overview and explanation of html code? thanks in advance Robenson Is there a way to eliminate whitespace between two elements. Here is a really simple example, where I want to eliminate the whitespace between two header elements. <h1> Hello, world </h1> <h2> yo, adrian! </h2> ...real estate is at a premium on the pages I'm working on, and I can't figure out how to get ride of this whitespace. I've tried css, where padding: 0px for the individual elements, as well as css for an encompassing div where padding: 0px but it doesn't work. Am I a nub or what!? I made a flash dropdown menu, but it's creating whitespace that i dont' want. How do I make it so that it just overlaps whatever is under it? I'm not sure if this is the correct forum, so please direct me if I'm in the wrong place. I get the following error message when starting my website: Cannot view XML input using XSL style sheet. Please correct the error and then click the Refresh button, or try again later. -------------------------------------------------------------------------------- Whitespace is not allowed at this location. Error processing resource 'file:///C:/Users/aa/Documents/Visual Studio 20... for(loop = 0; loop < images_array.length; loop++) -----------------------^ Here's my code upto this function: <html> <head> <title>Company</title> <script language="javascript"> arImageList = new Array (); arSubImageList = new Array (); function preLoadCatImages(images_array) { for(loop = 0; loop < images_array.length; loop++) { arImageList[loop] = new Image(); arImageList[loop].src = images_array[loop]; } } frames and tables suck.... but i'm using them anyway. i want to show the menu that's on every page of the site in a frameset with another page. here's the frames page: http://lotpatrol.com/dictionary/index.php how do i get the white space to disappear from around menu.html? i've tried everything i could find on the interweb and still no luck. Hi everyone, I've got a div setup, used for navigation, like so: HTML Code: <div class="container"> <div class="item">Home</div> <div class="item">Link 1</div> <div class="item">Link 2</div> <div class="item">Link 3</div> <div class="item">Link 4</div> <div class="item">Link 5</div> <div class="item">Link 6</div> <div class="whitespace">Fill Whitespace</div> </div> The container div is 800px, but the links only come to 700px, roughly. I want to fill the remaining space, because each item has a border, other than the selected one, and i want the border to touch the side of the container. I've tried Code: .whitespace {
width: 100%
}
and this does work partially, but the div finishes just short of the edge of the container. I've entered text into the whitespace container, which has stretched it to the edge of the container, so i know theres nothing getting in the way. Any ideas how i can get the whitespace div to fill up the remaining space in the container div? Thanks Matthew Millar Hey guys, I have wrote a scrolling news feed that pauses when you mouse over the scrolling elements inside. Here is a simple example of the problem that I'm having: Code: <html>
<head>
<script type='text/javascript'>
function check(id){
alert(id);
}
</script>
<style type='text/css'>
div{
position:relative;
}
</style>
</head>
<body>
<div id='master' style='border:1px solid black; width:60px;' onMouseOut='check(this.id)'>
<div id='div1' class='menuDiv'>Div1</div><div id='div2' class='menuDiv'>Div2</div>
</div>
</body>
</html>
When you roll your mouse in between the two divs inside the border, you get a onMouseOut event from the master holder div. Is there any way to jam both of those divs together so you don't get that event when you mouse over them?? Thanks for any help!!! I'm having difficulties with white space in <select> boxes. A simplified example is below; Code: <select> <option>testing (1-2-3)</option> </select> I would like this to appear with the full white space - but instead it trims to 'testing (1-2-3)' in the select box. Anyone any ideas how to make the select box render and return the option including the white space? Look at: http://realcrazyestate.com/ So in FF there always seems to be this little bit of white space below the flash video... and only in FF, I can't figure out why it is there... Any ideas, specifically on how to get rid of it? Thanks! I recently picked up some javascript code from an external site to set up a feedback form for the site I run; I did some messing about with it and came up with what is currently at the site: http://www.trekandromeda.com/Temp/feedbacktest.html . Trouble is, the left hand button (no matter which of the four is placed in that position) always appears as a very small one with no type on it. I have no idea what in the code might be causing this and would very much appreciate any help on this score. Thanks! Hi! I'm working on adapting a we-based system called OTRS (open ticket request system) for our offices here and I've just finished modifying all the headers and css and stuff for our needs. Now, I did it in Firefox and I'm brand spanking new to this game so when one of the header logos didn't appear in IE7, it took me about an hour to figure out maybe it was IE7 that was the problem, and it turns out it is... so would someone mind having a look at this below? It's very basic, but what's happening is that the picture 'HeaderCropped' isn't displaying, the border outlines don't even show, only that funny little graphic that appears when a picture is missing ( I don't know what it's called). Obviously I'd like to be able to see the picture in both FF and IE7, but will this take a major overhaul of this code? (It took me quite a while to do this little bit!) Thanking you in advance! -Emily _________________________________________________________ # include Copyright.dtl $Include{"Copyright"} # set some html variables #<dtl set $Env{"Box0"} = ">> "> #<dtl set $Env{"Box1"} = " <<"> # check refresh <dtl if ($Data{"Refresh"} ne "") { $Data{"MetaHttpEquiv"} = "<meta http-equiv="refresh" content="$Data{"Refresh"}">"; }> <html> <head> $Data{"MetaHttpEquiv"} <title>$Config{"ProductName"} $QData{"TitleArea"}</title> $Include{"customer-css"} </head> <a name="top"></a> <body> #<!-- start CI layout --> <table border="0" width="100%" cellspacing="0" cellpadding="0"> <tr> <td width="100%" class="header"><img style= width: 454px; height: 109px; "src="/otrs-web/images/Standard/HeaderCropped.jpg"> </td> <td width="100%" class="header" title="www.alliedpensions.com"><a href="http://www.alliedpensions.com"><img border="0" src="/otrs-web/images/Standard/APTLogo.jpg" width="150" height="100"></a></td> </tr> <tr> <td colspan="2"><hr align="left" width="100%" height="2"><!-- end CI layout --><!-- end header --></td></tr></table></body></html> Hey, I'm new here so I hope this is in the right forum. I am trying to make a program just to simply store information in a better fashion and presently cannot get an HTML file to appear in the right place. Also note that my experience in HTML programming is very basic, as in started-fooling-around-with-it-the-other-day-basic. Here is my code: Quote: <html> <head> <title>Title</title> <link rel="stylesheet" type="text/css" href="main.css"> </head> <frameset frameborder="0" border="0" framespacing="0" rows="100,*"> <frame marginwidth="0" marginheight="0" src="html/message.html" name="top" scrolling="no" target="text" noresize> <frame marginwidth="15" marginheight="15" src="html/home.html" scrolling="auto" name="main" target="text"> </html> The layout will as message.html appearing as a horizontal window at the very top of the screen just show the most recent news and topics, index.html will appear on the left hand corner of the screen allowing links for navigation, and home.html will appear every where else in the center to bottom right hand corner of the screen. I have the links up and running for the index.html and can bring up new files that appear in the index frame but I need them to appear in the home frame, what is the line the line of code for this. Thank you for any help. Hey everyone, hope your having a good a day! My header on my wordpress blog is appearing twice and I don't know why. It's fine on my homepage but on the other two pages, it appears twice! I would love some help with this but would prefer to PM my blog address if that's ok with you? Thank you, I really appreciate this because I'm a COMPLETE newbie and have no idea about html ect. Thanks again! Steve Hi all, I have been trying in so many ways now to make the favicon appear in IE 6. It works fine in FF but not in IE. I made sure the name was "favicon.ico". I tried clearing my cache and readding the bookmark. None of them seems to work. Can anyone give any suggestions as to why it is not working? If there are HTML errors on the page or if the image size is too big would that prevent it from working. If that is so then why would it work in FF? Also does it have to be in the root folder or in the same folder as the page for IE? Has anyone gotten it to work in IE with a link to the images folder like this... <link rel="shortcut icon" href="/images/public/favicon.ico" type="image/x-icon" /> This is what I have and it works in FF but not in IE. Thanks for any help, Jehan Hi all-- Even this seems like a stupid question to me, but I can't seem to figure it out. I've been creating a site for awhile now, with many images. I've uploaded all the images to the server, but some of them still aren't showing up. I've checked and rechecked my paths, links, that the images are uploaded, etc. and I can't figure it out. There doesn't seem to be any rhyme or reason on images showing up or not. Here is one of the URL's: http://www.playdr.com/classicphotote...tanytease.html. (Keep in mind it is adult, but no nudity--I don't want to offend anyone) If anybody could give me ANY help at all, it would be greatly appreciated--this is driving me nuts. Also, I don't know if this is of any interest, but the server this is on just got updated, and I have had a little trouble with it so far, so I don't know if that might be a factor as well? Anyway, thanks again in advance for any help. Why favicon do not appear on this my page? http://www.astrosport07.webs.com/pakistancricket.html On some other pages of same website they appear, for example: http://www.astrosport07.webs.com/parcska2009.html Greetings, Goca I'm wanting to create a div, which will contain 4 sections, but i've tried to make it and failed. I know I could use tables, but I want to style the div. I have an example of what i'm after. If you look at this website: http://www.bigw.com.au/bigw/home If you look at the bottom of the page and find 'In store this week', that is what i'm wanting to make. I'm just wondering, how would I go about making something like that, to have it span multiple times across a single div? I am trying to flush out somethings on a website... I have a marquee code and everytime I put something after it, that code, and everything proceeding that code, completely disappears. Here is the code... can someone please correct me, or tell me what I'm doing wrong? <b><font color="#0000FF" size="5"> <marquee behavior=alternate direction=up scrolldelay=30 height=50><center>TEXT</center> </font></b> Thank you. |
|||||||