|
HTML - Experiencing Weird Margins With Objects...
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. Similar TutorialsReference: 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? hi, recently ive been doing a layout and something came across that i couldn't fix. In internet explorer, the "Search Archive" box's height becomes bigger, but when viewed in firefox, it looks okay... does any1 know how to fix this? link: http://blogremix.cjb.net I am trying to insert the same html page http://www.danhead.com/store/dirtfest/index.html into several other pages including a myspace profile. Thanks to the blocking of iframes on MySpace the only solution I have found so far is to embed the html in an object. This is the code I am using now to insert the object: Code: <object type="text/html" data="http://www.danhead.com/store/test/index.html" width="420" height="800"></object> My problem is that the object is visible in Mozilla Firefox but not IE and possibly many other browsers as well, for I only have the two to check. With IE, all that appears is a blank frame the intended size of the object. My ultimate intention is to have both the object visible and the transparent background to show through on all browsers. You can view the code in use he http://www.dirtfest.com http://www.myspace.com/dirtfest Thanks in advance! 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 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 ? 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 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. I'm fixing a website for work, and I need help. I know that you can find out which browser the user is using, but is there anything else you can find out. Specifically, screen resolution or internet speed? Hi, I am trying to create a 'Add to Basket' button on my site using HTML. I have created the following code whcih you can see in action at www.martinspares.com/shop.html (its about halfway down the page). The trouble is that the Quantity box is lower than the button but i would like them to be level which other. How can I achieve this? I am new to all this and am quite confused so any help is much appreciated. Paul HTML Code: <iframe name="cart1" width="0" height="0" marginwidth="0" marginheight="0" scrolling="no" frameborder="0"></iframe> <form action="http://ww4.aitsafe.com/cf/add.cfm" target="cart1"> <input type="hidden" name="userid" value="66349534" /> <input type="hidden" name="nocart" /> <input type="hidden" name="return" value="www.martinspares.com/basket.html" /> <input type="hidden" name="product" value="Mac 600 Colour Wheel" /> <input type="hidden" name="price" value="26.97" /> <input type="hidden" name="scode" value="123456" /> <input name="units" type="hidden" value="2" /> <input type="text" name="qty" size="1"><input type="image" name="Submit" src="wpimages/Add to Basket.png" alt="Add Item to Shopping Cart" onclick="this.src='wpimages/Added to Basket.png'" /> </form> Hi, I think this should be pretty simple to solve but can't find a resource online anywhere. I've written a photo viewing site using HTML server side includes. It is simply a large (480x360px) photo with an embedded object navigation menu below. The navigation menu has thumbnails of all the photos. It looks fine but the glitch is getting the navigation menu to change the large photo. I'm trying to avoid using JScript as it may be seen by those with basic computers (developing countries) although this is an option. The only resources I've found for this suggest creating a new page for each photo. This seems inefficient but I can't figure out if there's an elegant solution (CGI?) to pass which photo is required to a generic webpage. I'm pretty computer literate (degree in computer science in '99) but haven't programmed since I graduated and things have obviously moved on since then. You can see the page at http://osburn.co.uk/testpage/lebleu.shtml and the source below. Thanks for any help! <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <link rel="stylesheet" href= "css/main.css" name="default" type="text/css"/> <title>Davellos test page - business portal</title> <META Name="KEYWORDS" Content=""> <META Name="DESCRIPTION" Content=""> </head> <body> <br><br /> <table class="davell_photo_standard"> <tbody> <tr><td> </td></tr> <tr align="center"> <td id="vu"><a href="movie.shtml"><img alt="Davell tulip" src="jpg/chalets/brad/large/brad.3.jpg" name='SlideShow' align="center" border="0"></a></td> </tr> <tr> <td><object name="lebleuembed" class="davell_smallphoto_embed" data="lebleu2.shtml"></object></td> </tr> </tbody> </table> </body> </html> got this working. thanks everyone. 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! 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! 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 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? 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? 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 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 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 Hi, I'm adding a flash games page to my site. My question is - I have a swf file (say for pac-man), how do I put it in the html? Is this even how one goes about putting a flash game on a page? I've also tried this: I've seen a game that I want - then I've just looked at the source info - then copied the part that "is" the game... like say this: Quote: <object classid "clsid87CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="400" height="400"> <param name="movie" value="http://www.flashstash.com/media/swf/catch33.swf"> <param name="quality" value="high"> <embed src="http://www.flashstash.com/media/swf/catch33.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" menu="v" type="application/x-shockwave-flash" width="400" height="400"></embed> </object> ...and just pasted that in an html page, to see if it would work and it did. But, when I do that, is it actually just linking from that page and playing on my screen? What's the right way to go? Can anyone help me? |
|||||||