|
HTML - Png Visibility Issue
Hi Guys
Been getting some great help on here recently so I thought I would try again. I have a problem with a PNG which sits at the bottom left of this page. http://www.horizonwebsites.co.uk/sim...tock/index.asp. You can see it perfectly in FireFox but it is not visible in IE. Any ideas? here's the css http://www.horizonwebsites.co.uk/sim...ock/screen.css Cheers Kev Similar TutorialsHi there, I have a shopping cart website that i have almost completed apart from the search box function which I am told by the software authors is not working because somehow I have coded up one of my div tags (e_page) to show as hidden. Now I am not an expert on html and only self taught. I have tried many different things but I cannot get the generated source code to show the "e_page" div tag as visible at the following address: http://client.erolhosting.co.uk/bohemian/ Can anyone advise how I can do this? Many thanks I don't know if this thread belongs here, so move it if need be, Hi, I would like to make a square div (being about 100px - 150px width & height), which has the usual 'X' in the corner which is an <a> tag which makes the div dissapear. I have tried this with onclick functions but it doesn't work. Here's what I've tried: HTML Code: <a style="margin:5px;color:#FFFFFF;" onmouseclick="document.getElementById('banner1').style.visibility:hidden;" href="javascript:void()">Click</a>
<div id="banner1" style="margin:10px;color:#FFFFFF;background-color:#DDDDDD;">DIV</div>
I have changed the href of the <a> tag to different things, but they don't work. This is a prototype so it will be put into CSS later. I would like to have the box slide in about a second after the page has loaded, and then slide back down when the 'X' is clicked, I hope this doesn't require too much code! I will check back so I can answer any questions. Thanks, ToshNeox I don't know whether it's possible with HTML code or whether I'd have to use JavaScript. Basically I have a simple HTML Email form prompt: *** <center> <form method=post action="mailto:@" enctype="text/plain"> <br> Name: <br><input type="text" name="username"> <br> Email: <br><input type="text" name="email"> <br> Comments: <br> <textarea name="comments" rows="10" wrap="hard"> </textarea> <br> <input type="submit" value="Send"> </form> </center> *** I basically want to put text into the textbox, but when somebody then goes to use it the text disappears so it is a blank space, not sure if anybody understands what I mean but, help? HI All, i got the table to float that was easy, it is making a link to hide the table anyone know how i can do that plz <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-… <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> </head> <body> <table width="400" border="0"> <tr> <td><a href="">click here</a></td> </tr> <tr> <td> </td> </tr> </table> <table width="400" border="4" id="floatingtable" style="position:absolute; left:181px; top:193px;z index:2; visibility:visible;" name="floatingtable"> <tr> <td> </td> </tr> <tr> <td> </td> </tr> </table> </body> </html> ------------------------------------------- Diamond Engagement Rings Loose Diamonds Wedding Rings - DreamStone hi, i am working on <div> i have to hide some part of the table. I am not able to hide that table part can anybady tell me where is the error. Code: <html>
<head>
<script type="text/javascript">
function callme(){
document.getElementById("hid").style.visibility="visible";
}
function hideme(){
document.getElementById("hid").style.visibility="hidden";
}
</script>
</head>
<body>
<form name="myform">
<table width="100%" border="4" cellpadding="2" cellspacing="2">
<tr>
<td class="tableheader" colspan="9">TS </td>
</tr>
<div style="visibility:hidden" id="hid">
<tr>
<td width="17%" class="labeltext">Tran Code</td>
<td width="1%" class="blanktext">:</td>
<td colspan="4" class="blanktext">Name</td>
</tr>
<tr>
<td width="17%" class="labeltext">Product Type</td>
<td width="1%" class="blanktext">:</td>
<td colspan="4" class="blanktext">
</td>
</tr>
</div>
<tr>
<td>
</td>
</tr>
</table>
<input type="button" onclick="callme()" value="show">
<input type="button" onclick="hideme()" value="hide">
</form>
</body>
</html>
thx in Adv, Hanm. Hey guys, Im currently working on a project for university and something is bothering me with this nav bar that i have created. I guess you can class this as CSS as well as HTML but i was wondering who could help me out. As you can see with image one things are looking alright, buttons are consistent with no gaps. This is because i have the images within a div and the background colour set as the same to look consistent. With image 3 you can see what would happen if the background colour was removed. Now the problem that i have is within image 2, when you stretch the window it stretches the background colour, the thing i want to do is wrap the div around the images so the colour stays behind them and only them as well as having the buttons centred. Any help would be great thanks. Hey friends, I'm having a little issue with my photos on my site. I want to use the img tag that uses [img] /img] this style but can only seem to get this <img > style to work. If I use the [img] style I just get font showing up. How can I fix this? I hope this makes sense. Thank you in advance. I have recently updated a site that i am working on and everything works fine in safari and fire fox, but in IE7 the image on the left side is being droped down and causing the page as a whole to look diffrent.....please help, not sure whats going on. http://www.mdmoms.com/products/babybasics.html here is the html: HTML Code: <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
background-color: #80452E;
}
-->
</style></head>
<body>
<div align="center">
<table width="800" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td colspan="4"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="800" height="130">
<param name="movie" value="../../flash/header2.swf">
<param name="quality" value="high">
<embed src="../../flash/header2.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="800" height="130"></embed>
</object>
<script type="text/javascript" src="ieupdate.js"></script></td>
</tr>
<tr>
<td width="269"><img src="../../gifs/babybasics1234.gif" width="269" height="53" border="0"></td>
<td colspan="3" rowspan="2"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="532" height="322">
<param name="movie" value="../../flash/babybasics.swf">
<param name="quality" value="high">
<embed src="../../flash/babybasics.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="532" height="322"></embed>
</object>
<script type="text/javascript" src="ieupdate.js"></script></script>
</td>
</tr>
<tr>
<td rowspan="3"><img src="../../gifs/babybasics1234.jpg" width="268" height="473" border="0"></td>
</tr>
<tr>
<td width="69" bgcolor="#FFFFFF"><img src="baby009/images/spaah_r15_c2.jpg" width="69" height="56" border="0"></td>
<td width="377" bgcolor="#FFFFFF"><form name="buy" method="post" action="http://cart.novapointe.com/0635/novacart.pl">
<input name="cart_id" type="hidden" value="164">
<input name="sku" type="hidden" value="6004">
<input name="command" type="hidden" value="add">
<input name="view" type="hidden" value="cart">
<div align="center" class="style1">
<div align="left">
<input name="image" type="image" src="images/buy.jpg" width="111" height="26" border="0">
</div>
</div>
<input type=hidden name=.autodone value="http://www.mdmoms.com/product/babybasics.html">
</form></td>
<td width="87" bgcolor="#FFFFFF"> </td>
</tr>
<tr>
<td colspan="2" bgcolor="#FFFFFF"><img src="../../gifs/producstthree.gif" width="414" height="173" border="0" usemap="#Map"></td>
<td bgcolor="#FFFFFF"> </td>
</tr>
<tr>
<td colspan="4"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="800" height="22">
<param name="movie" value="../../flash/footer2.swf">
<param name="quality" value="high">
<embed src="../../flash/footer2.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="800" height="22"></embed>
</object>
<script type="text/javascript" src="ieupdate.js"></script></td>
</tr>
</table>
</div>
<map name="Map"><area shape="rect" coords="26,31,126,144" href="http://www.mdmoms.com/products/baby003/index.htm"><area shape="rect" coords="162,26,278,143" href="http://www.mdmoms.com/products/baby007/index.htm"><area shape="rect" coords="302,23,391,144" href="http://www.mdmoms.com/products/baby005/index.htm">
</map></body>
</html>
Thanks in advance im having an issue with this code im trying to get going in my css file... i put in the code below in the .css file and call the file in hte header using the link to my css file and then i use the command that should activate the script im wondering if im doing something wrong that maby i dont see, because when i put hte code directly in the header and call it it works perfectly... call :: <link rel="stylesheet" type="text/css" href="MyStyle.css" /> .css function :: .hr2 { border: 0; color: limegreen; background-color: limegreen; height: 2px; border-top:1px; border-style: solid; } Action :: <hr class=hr2> am i using the right way t o call the .css ? should i have more code in my .css to close it off properlly? Hello. I'm a new user. I've done a couple different sites and I'm working on completing this one. There are a couple issues. In FireFox everything appears to be how I want it. I had to do the logo in an odd way. The top part is a background to the div that the Donate button appears in. The bottom part is an actual image. I did it this way because I couldn't use spans to get part of the image on the left and then have the Donate button align to the right. The only issue with it is when the user makes the font insanely large(Using the font resizer), there gets to be a gap, but then again when the user makes the font that large everything starts to become odd. In IE, this logo is split with quite a large gap. Also in IE, the top of the site is a little banner, which also has a large gap between that and the next bit of the site. It does not currently validate, throwing issues that the document does not allow <ul> where it is. I am not too sure why it won't let me. I have the unordered list nested within a span, nested within a div in order to get the site to flow properly. Another reason it does not validate is because apparently the W3 validater doesn't like SSI. Any help here would be appreciated. http://www.lilacblind.org/testing/NewSite Hi, I'm very new to website design, just starting building my first site. My site is asbestos-claim.org.uk. I've managed to get most things with the layout working okay, but having issues with my footer-right section (About Us page links etc). In IE8, IE9, FF, Chrome, Safari and Opera the site looks fine, however in IE6 and IE7, the footer-right section appears under the centre content section, right under the "simply complete the online form on this page for a free assessment and callback. This is a completely free service." text. Sorry, not sure if this issue needs posting in the HTML or CSS forum! Thanks, Freeze. Hello! I am having an issue with an unordered list resting beside an img. For some reason the bullet dots for the ul are inside the img instead of beside the text. I realise that my error is most likely something simple, but I have been staring at this darn thing for over week (it's a homework assignment) and I still cannot figure out what I have done wrong. Sadly my instructor's only advice is "Re-check your html and css files.", which was not helpful in any way as obviously I had already been doing that and still cannot find my mistake. I am not sure however if the error is with my html coding, or the css. I hope I don't get into trouble for it, but I am going to post this same question in the CSS forum, only with the code my css instead of the html. Here is my html code: HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <title>Prime Properties :: Listings</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <link rel="stylesheet" href="prime.css" type="text/css" /> </head> <body> <div id="wrapper"> <h1 id="logo"><img src="primelogo.gif" alt="Prime Properties" width="680" height="86" /></h1> <div id="button"> <div id="leftcolumn"> <ul> <li><a href="index.html">Home</a></li> <li><a href="listings.html">Listings</a></li> <li><a href="financing.html">Financing</a></li> <li><a href="contact.html">Contact</a></li> </ul> </div> </div> <div id="rightcolumn"> <h2>Listings</h2> <h3>Schaumburg Colonial</h3> <p>This single family home is a two-story colonial on a large lot.</p> <a href="schaumburg.jpg"> <img class="property" src="schaumburgthumb.jpg" alt="Schaumburg" align="left" /> </a> <ul> <li>Four bedrooms</li> <li>Two and 1/2 baths</li> <li>Finished family room</li> <li>Two car garage</li> <li>Listing #3432535</li> </ul> <br /> <h3>Libertyville Condo</h3> <p>New construction condo in downtown Libertyville.</p> <a href="libertyville.jpg"> <img class="property" src="libertyvillethumb.jpg" alt="Libertyville" align="left" /> </a> <ul> <li>Close to train</li> <li>Two bedrooms</li> <li>Two baths</li> <li>Two indoor parking spaces</li> <li>Listing #3432432</li> </ul> <br /> <div id="nav"> <ul> <li><a href="index.html">Home</a></li> <li><a href="listings.html">Listings</a></li> <li><a href="financing.html">Financing</a></li> <li><a href="contact.html">Contact</a></li> </ul> </div> <div id="footer">Copyright © 2011 Prime Properties<br /> <a href="mailto:Airamith@gmail.com">Mandi Adkins</a></div> </div> </div> </body> </html> And here is a link to the active site: Listings I'm sure there are other issue's in the code, I am still learning after all. My most pressing issue right now though concerns the bullets being inside the images. I would like to thank you in advance for any help you can offer, I really do appreciate it! Edit: I forgot to mention that I am required to use IE 8 or 9 for this class. Also, all of my coding validated through the W3C, both the html and the CSS. Also, I just noticed that the bullets are much closer to the text when it is viewed in Google Chrome instead of IE 9. Hey first post, been around for a while but never actually joined. Anyway, client has a site that was built recently by another crowd. Works well in IE7, IE8, Firefox, Opera etc etc but the home page doesnt in IE6. This is an issue because the sites target viewers are apparently mostly using IE6. The issue is the home page doesnt format correctly, the others are fine so I'm thinking its got to be to do with the embedded login form. I've tried to sort it but its making me Any help much appreciated! http://www.freightmanagers.co.nz/index.html Hi all I have a print issue in IE v6.x. The website is divided in different frames and I have a menu which contains a print button. This button takes out the content in the main frame and insert it into its own window so it can be printed without the other frames. This works fine in Firefox, if the page is to wide compared to the paper then Firefox automatically resizes the entire page so it fits. This on the other hand does NOT happen in IE, probably because it just does not have than functionality. So the page gets cut and does not look so good when printed. Is there anyway to solve this? This also happens if I have restricted the main div which contains everything to less then a paper size. If the DIV contains other divs besides each other, then the info at the right DIV gets cut when the page is at its end (in width). But like I said this works fine in Firefox since it automatically makes the page smaller. Is there anyway to do something like this in IE as well? Thx in advance for all help! i've got a swf object thats gonna be my flash menu for visitors, now i jacked a public script and worked out some bugs to get it to move my flash menu as the user moves the page up and down... you can see what i mean at http://www.freewebs.com/fallingrain11/outcome.html im wondering if any1 can help me along ive been playing with the script i got working for awhile, with no luck im trying to set a boundry for the script because as you will see if you click that link it starts on my top border so its blocking stuff i would rather have showing... im gonna google a few things i have in mind that might help but as for playing with the script anymore im stumped, any help would be really cool, thanks Hello, I have a site that I am trying to work on and have an issue with a table that has been devided to allow for a sliced graphic and I cannot get the cells to come together even though I have put cellpadding and cellspacing to "0". you can view it he http://www.silkwebsolutions.com/malyshbeck/ it is the same in Firefox and IE. I have tried collapsing the border for table and td and nothing works. Any help would be greatly appreciated. Thanks, S I'm making an email newsletter for a client and I'm having trouble with the links in Internet Explorer. They work on my macs, but my client has internet explorer and says the links won't click. Can someone take a look at the source of the email and let me know what I'm doing wrong. It's the two coupons in the middle of the email. I made the entire tables that make up the coupons the links, which I think might be the issue, but I don't have easy access to a pc to troubleshoot so I thought I'd just come on here and ask the experts. Here is the link: www.thetargetshopper.com/email/wafflehouse/WaffleHeletterJAN09.html here's the code I think might be the issue: <a href="http://www.thetargetshopper.com/email/wafflehouse/coupon2.html" style="text-decoration:none; color:#000"> <table width="270" style="float:right; margin:8px 8px 8px 0px"> <tr> <td bgcolor="#fef200" style="border:2px dashed black; margin:12px;"> <p align="center"><span style="font-size:30px"><b>FREE Omelet<br />Any style</b></span><br /> <span style="font-size:18px">Buy one omelet, get the<br /> second free</span><br /> <span style="font-size:12px">(with purchase of 2 beverages)</span><br /> <span style="font-size:18px"><b>WAFFLE HOUSE</b></span><br /> <span style="font-size:10px">One per customer. Not valid with any other offer. Exp. 1/31/10</span> </p> </td> </tr> <tr> <td><span style="font-size:10px"><center><i>Click to view printer-friendly version</i></center></span></td> </tr> </table> </a> Thanks for the help! Hi, I've get this website http://jigsawpropertiesuk.com and it looks perfectly fine in firefox but once you use internet explorer thats when things start going wrong. the login/register thing at top is moved all the way to the right and so is the right fade picture. In addition near the bottom of the page where the posts are located the text is out of position. I have no clue what so ever why its doing this since I've never had this issue with other websites. The css is located he http://jigsawpropertiesuk.com/wp-con...ties/style.css Any help is appreciated i want to know if i can make the background of this applet transparent to see the body background instead of a color <body background ="image.jpg" >(this is what i want to see and just the text of the applet if it is possible ) <p ALIGN="LEFT"> <applet CODE="starmenu.class" WIDTH="240" HEIGHT="1000"> <param name="demicron" value="www.demicron.se"> <param name="reg" value="A00037"> <param name="displace" value="1"> <param name="background" value="000000"> <param name="foreground" value="0000ff"> <param name="shadow" value="ff0000"> <param name="target" value="newbrow"> <param name="horizontal" value="Yes"> <param name="font" value="arial"> <param name="fontsize" value="20"> <param name="italic" value="Yes"> <param name="bold" value="Yes"> <param name="item0" value="blablabla"> <param name="url0" value="http://ep.html"> <param name="item1" value="blablabla"> <param name="url1" value="blablabla.html"> <param name="item2" value="blablabla"> <param name="url2" value="http://blablablal"> <param name="item3" value="Email"> <param name="url3" value="mailto:.com"> </applet> </p> ps: i took this from javafile.....not mine Thanks guys! |
|||||||