|
HTML - Div Spacing Issues (possibly Swfobject?)
Hi,
I'm using swfobject.js to rope in a piece of flash onto the top of my page. I'm then using a fixed width div (below the div with the contained swf) with a background image. I'm trying to get the swf and background image to merge seamlessly, but so far no cigar. Take a look: http://www.drayfuss.co.uk/diss/site/siteDraft.html I've tried all sorts of border/margin/padding css techniques but nothing seems to be bridging that gap between the swf and the following div. Am I being dim? Cheers, drayfuss Similar TutorialsI've set up a <ul> with some breaks between each <li>. The spacing differs between FF and IE. It seems that the first <br> is ignored by IE, but not FF. Anyone know why, or a workaround? Thanks. For my website, there is a swf that plays on the home page. The problem is that people who can't view flash files end up seeing that blue lego icon instead. I want to have a jpeg display if the user cannot view an swf. I heard that an swfobject might be the solution. Does anyone know the code to make this work? Thanks so much. Hello! I have used SWFobject to validate my flash object in my website http://nikolay100.comuv.com/. When I test my site on my computer everything looks great, but when I upload my site to the server, my flash object disappears. Please tell me where is my mistake. Thank you in advance! I'm having an issue with the size of my main.swf. When I use the swfobject.embedSWF code, leaving it as 100% 100% covers the entire browser window obscuring my background image. In order to view the image I have entered '1000' and '725' which are the dimensions of my main.swf. However, this left aligns the swf and the height appears to not work, I am left with a black box that extends from the bottom of my main.swf to the bottom of the browser window. What do I need to adjust in order to keep my main.swf top aligned, centered horizontally and my background image visible. Also, if anyone happens to know how I could have the background image scale to fit horizontally/vertically without repeating, that would be great. Thanks. HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>Website Title</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="swfobject/swfobject.js"></script>
<script type="text/javascript" src="swfaddress/swfaddress.js"></script>
<script type="text/javascript">
swfobject.embedSWF('main.swf', 'website', '1000', '100%', '9.0.45', 'swfobject/expressinstall.swf', {}, {bgcolor: '#CCCCCC', menu: 'false'}, {id: 'website'});
</script>
<style type="text/css">
/* hide from ie on mac \*/
html, body, #website {
height: 100%;
overflow: hidden;
}
/* end hide */
body {
background-image: url(images/background.png);
background-repeat: no-repeat;
background-position: 50% 0%;
margin: 0;
padding: 0;
font: 86% Arial, sans-serif;
}
</style>
</head>
<body>
<div id="website">
<p>In order to view this page you need Flash Player 9+ support!</p>
<p>
<a href="http://www.adobe.com/go/getflashplayer">
<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
</a>
</p>
</div>
</body>
</html>
Hi, Im trying to switch over to using swfobject 2 to display my flash. I seem to have everything in place apart from having my site centered. I only want it horizontally centered. Here's my current code. Any help is very much apreciated. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <title>FlashVideoTutorials Flash Video Tutorials, XML Templates And Web Design</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <script type="text/javascript" src="swfobject.js"></script> <script type="text/javascript"> swfobject.embedSWF("index.swf", "myContent", "800", "600", "8.0.0", "expressInstall.swf"); </script> <script language="JavaScript"> function openNewWindow(URLtoOpen, windowName, windowFeatures) { newWindow=window.open(URLtoOpen, windowName, windowFeatures); } </script> <style type="text/css"> <!-- .style1 {color: #FFFFFF} --> </style> </head> <body bgcolor="#000000"> <div align="center" id="myContent"> <h1 class="style1">Alternative content</h1> <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p> </div> </body> </html> Thanks Alan Hello, I have a link on my homepage to another page of mine but I don't want the spiders to follow the link and index that page and the pages in it. Is there a simple way to fix this? I've heard of a "No Follow" thing but not sure if thats what I need or how to write it. Thanks. Hello, I am trying this forum for some help. I have tried other sites and no one has yet come up with an idea for what might be the problem or suggest a solution. I have a search form on the site. In IE only when the user types in data and presses enter the values don't get passed. They are forced to press the button manually to trigger the search. Has anyone come across this issue and know a way to get it to work? I would like to avoid use of javascript in this case. The site is http://www.medicine-garden.com.au. This does not appear to be a PHP issue so I am posting it here. HTML form: HTML Code: <form class="searchform" action="callbacks.php" method="get"> <p> <input class="searchbox" name="searchcriteria" type="text" /> <input class="button" type="submit" name="submit_search" value="Search" /> </p> </form> The code to process the form follows PHP Code: function whichSubmit($get_array){ $num_of_get = count($get_array); //print_r($get_array); // show entire $_GET array foreach($get_array as $key => $value){ //echo $key."<br />"; $submit_array = split("_", $key); if($submit_array[0] == "submit"){ //echo "<strong>Found Submit</strong><br />"; //test if found submit_<name> //print_r($submit_array); return $submit_array; }else{ //return false; } } } if($_GET){ $which_submit = whichSubmit($_GET); } if($which_submit != false){ switch($which_submit[1]){ case "search": //get search string $searchcriteria = $_GET['searchcriteria']; if($searchcriteria == ''){ $searchcriteria = 'all'; $url = "searchresult.php?category=" . $searchcriteria; }else{ $url = "searchresult.php?searchcriteria=" . $searchcriteria; } //echo "The current URL is: " . $url . "<br />"; header( 'Location: '.$url ) ; break; } } Any ideas are welcome. Hi All Not sure if this is in the right place.... I am having difficulties (as always) with drop down menus on the main navigation of the site below. It wont drop down. I think it may be beacuse i am over using some javascript? Can someone confirm this? http://www.silver-worldwide.com/dev/BenBall/ Any help or suggestions would be real helpful! Thanks peeps! Matt Can somebody take a look at http://http://www.bkriegtech.net/index.php?page=contact and tell me why it's all out of line? It's a php include from a contact form. The page=support calls support.php located in the web root. http://www.mythlabb.com/ IE displays the top logo just fine. Firefox displays it as a broken image. It's just a .jpg file, nothing special, and it's on the page as a regular image tag right at the top of the Body tag. Am I missing some little Firefox quirk here or something? I removed the text content in the code snippet below but it's enough to get the idea. Code: <html> <head> <link rel="stylesheet" href="styles/mainStyle.css" type="text/css" media="screen" charset="utf-8" /> </head> <body> <center><img src="images\mythLogo.jpg"></center> <center>webdesign - consultation - graphics<br></center><br><br> <div id="topnav">Insert menu here</div> <div id="maintext">Insert text here</div> </body> </html> Hey folks... I've searched and searched for an answer for this, but with no luck. Probably because I don't know how to exactly describe my problem. Anyway, the issue is my page is displaying differently in IE and Firefox (surprise!). The spacing between the top image and the body divs are different. I'm not sure if it's an HTML issue or a CSS one. The page in question is: http://www.project-43.com/ The CSS file is he http://project-43.com/images/style.css It displays the way I want it too in Firefox. If you look at it in IE, you'll see the top image looks short, but that is because the spacing between the left menu area and the body on the right is too big. I appreciate any pointers that you might be able to offer. Thanks! Hello Everyone: I am a novice HTML user - I use it to create a Help file (for an MS/Access database), using HTML Help Workshop. My question concerns line spacing, using the following code: <b><u>Server:</u></b> <ul> <li>First List item...</li> </ul> Using this code, there will be a blank line between "Server" and "First List item...". Is it possible to eliminate this line and have the list start in the next line after "Server"? Thanks. . . Tony N. Alright i'm having a little trouble. When I add stuff to the side boxes, they are farther down then i want them to be, here is a pic: I'm wanting to move it up some, but I don't know how, I have been trying for a long time though. Here is the HTML Code: Code: <div class="box2 margin1"> <div class="tail-right"> <div class="corner-right-bottom"> <div class="corner-left-bottom"> <div class="corner-right-top"> <div class="corner-left-top"> <div class="indent"> <h3><span><span>Partners</span></span></h3> <div class="indent2"> <center><a href="http://www.elitepvpers.de"><img src="http://img230.imageshack.us/img230/2364/31421454.png" border="0"></a></center> <center><a href="http://www.4botters.com"><img src="http://img814.imageshack.us/img814/2599/88029646.png" border="0"></a></center> <div id="vent"><div style="font-weight: bold; font-size: 12px; text-align: center;"><a href="ventrilo://94.75.238.76:4696/servername=EQGVent" style="text-decoration: none;"></a></div></div> </div> </div> </div> </div> </div> </div> </div> </div> Here is the CSS: Code: .box2 {background:#bec2c5 url(images/box2-bottom-tail.gif) bottom repeat-x;}
.box2 .tail-right {background:url(images/box2-right-tail.gif) right repeat-y;}
.box2 .corner-right-bottom {background:url(images/box2-corner-right-bottom.gif) right bottom no-repeat;}
.box2 .corner-left-bottom {background:url(images/box2-corner-left-bottom.gif) left bottom no-repeat;}
.box2 .corner-right-top {background:url(images/box2-corner-right-top.gif) right top no-repeat;}
.box2 .corner-left-top {background:url(images/box2-corner-left-top.gif) left top no-repeat; width:100%;}
.box2 .indent {padding:4px 6px 6px 4px;}
.box2 .indent2 {padding:15px 12px 0px 6px;}
Any help will be greatly appreciated. Thank you. Ok so I'm learning along the way by playing around with what my web designer started. I'm having trouble working out what part of the html does the spacing between my text and the input box. Here's what I'm stuck at: You can see how where it says 'click for more fonts' the box isn't in line with the others. Any help would be much appreciated.... I'm starting to go cross-eyed lol. Hi there. I am upkeeping a website in wordpess and one of the posts has links which always appear to be double-spaced. I want them to be single-spaced. I have tried changing around the html coding and such but it has not changed the spacing. I don't know much about html so my attempts have been experimentational. The html tags in there are ul, li and a href=. I've tried taking each out to no avail. What should I do? Thank you very much for your help. I have a problem with my banner. the images have gaps between them, so it looks tacky. Here is the Site: http://www.freewebs.com/jaceyanimation/sitetemplate.htm (I don't have any problems with the sidebar) Here is the code i made for it: HTML Code: <a href="http://www.freewebs.com/jaceyanimation/index.htm" target="_blank"><img src="http://www.freewebs.com/jaceyanimation/Part%201.PNG" border="0" alt="Jacey"></a> <img src="http://www.freewebs.com/jaceyanimation/Part%202.PNG" border="0" alt=""><br> <a href="http://www.freewebs.com/jaceyanimation/index.htm" target="_blank"><img src="http://www.freewebs.com/jaceyanimation/Part%203.PNG" border="0" alt="Home"></a> <a href="http://www.freewebs.com/jaceyanimation/about.htm" target="_blank"><img src="http://www.freewebs.com/jaceyanimation/Part%204.PNG" border="0" alt="About"></a> <a href="http://www.freewebs.com/jaceyanimation/product.htm" target="_blank"><img src="http://www.freewebs.com/jaceyanimation/Part%205.PNG" border="0" alt="Products"></a> <a href="http://www.freewebs.com/jaceyanimation/game.htm" target="_blank"><img src="http://www.freewebs.com/jaceyanimation/Part%206.PNG" border="0" alt="Game"></a> <a href="http://www.freewebs.com/jaceyanimation/animation.htm" target="_blank"><img src="http://www.freewebs.com/jaceyanimation/Part%207.PNG" border="0" alt="Animation"></a><br> <img src="http://www.freewebs.com/jaceyanimation/Part%208.PNG" border="0" alt=""> Can anyone suggest what i could do, or even better, fix the code? I want to remove the space between the top frame and the main frame, but the div on the main frame doesn't start on the top of the frame... http://black1c3.awardspace.com how can i do it?? Hello I have an image in my html page, 'aigned left', and the text is pressed right againt the edge, almost no space at all. Now I have a border on the image, so if I play with "H space" it spaces with the border too, which is a pain. how can I put a space so the text isn't right against the border? If you say CSS, I know very little about css, so would need some guidance. Thank you. Alright, I have a DIV with this as the background image: I put two textboxes over them, the first one is aligned ok but the second one is too high. How do I space them out? When I try br it goes down way too far. Here is what it looks like right now: Should I use a table? more DIVs? Or, is there a css code I could use to bring it down? In static FBML (which takes HTML) how do you decrease the spacing after the </p> tag? I have a heading and a subheading that and am separating the two via </p> but the spacing is too much. I can increase, but can't decrease it. |
|||||||