|
HTML - Java Image Not Aligning In Ie + Malware Problem
Hello everyone, my first post here, I was wondering if anyone could help.
I'm pretty inexperienced with websites, but I've been drafted in by a friend to help the online side of his business. I've been updating his website and come up with www.amarininn.com However, the fading javascript image is being placed in the middle of the page in IE and in Firefox and Chrome the Booking button and other image links are sitting behind the image, not underneath it. How can I fix this? Secondly, it seems www.amarininn.com ( the old website) is hosting malware. Is there an easy way to diagnose and fix this? I'm tempted to just format the whole thing and start afresh. This is a great looking forum and I hope to learn a lot here. Any help with my questions would be most appreciated. JonnieO Similar Tutorialshello, i've placed an image gallery to my website . i am unable to align it to the center, I am using FrontPage I have an image that I have created in Word and copied over into FrontPage as it was done using auto shapes. The shape is a star. I need it in the div to keep it aligned with stuff below. It works fine except the left hand corner of the star is cut off by about 3-4 pixels whilst the rest of the image is perfect? Any Ideas? Thanks as always I created a table with about 100 rows down in Dreamweaver. Anyways I want to align a few pictures to the left of the table. Everytime I add the picture it places it above the table. I tried using every code I can think of to align it to the left but it will not go to the left, any advice? Hi, Does this look right i cant to have a header image and align come copy over it: <body> <!-- NEWS 1 --> <h1><img src="box.jpg" width="300" height="50" /></h1> <h2>News Item 1</h2> <!-- NEWS 2 --> <h1><img src="box.jpg" width="300" height="50" /></h1> <h2>News Item 2</h2> </body> h2 { position: relative; top: -37px; left: 135px; text-align: right; width: 150px; } I wanted to get my background image in the center of my page. The Html code I'm using is as follows. <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> <style type="text/css"> <!-- body { background-color: #FFFFFF; background-image: url(http://i14.photobucket.com/albums/a3...HomePage.jpg); background-position:center; background-repeat: no-repeat; } --> </style></head> <body> </body> </html> When i do it. Half the image dissappears at the top of the page. Can anyone help? Hello, I need help aligning text underneath an image. It seems that all the info I read shows how to align at the top, middle or bottom of an image, but to the side...not underneath. Here is my code. <td><a href="images/zc_shop_hdr1_111k.jpg"><img src="images/zc_shop_hdr1_16k.jpg" alt="Zion Cycles 5rd year in business" width="290" height="193" border="0"></a>February, 2008. Now in our 5th year, we're looking forward to many, many more!</td> If there is such a code that I am looking for, where would I insert it? Thank you in advance for any help! Regina On http://www.thomasmckee.com/scroller.html, how can I align the image of the car to the left of the scroller with no spacing between them and the total size be 960w by 150h? I mean, how do I butt them next to each other? If you can, will you email your answer to thomas@thomasmckee.com? Hi guys I've spent the best part of two hours attempting this and have been failing. Miserably. What I'm trying to do is NOT to create a body background, but create an image, which will sit at the bottom of my browser window, regardless of it's size, and then go BEHIND other elements such as tables / images if my browser window size causes overlap. All help appreciated, thanks in advance. Antonz Hi guys, I need help with IE7. If I open my webpage in Firefox it looks like screenshot1.png but when I open it in IE7 it displays like screenshot2.jpg. A live preview @ http://www.rawox.webege.com/home.php. Does anyone know how to fix this? I'm trying for 2 hours now and I can't get it Thanks in advance, Rawox Everything is working expect the list such as Happy Birthday Card etc should display image on another place when selected an item. Look at my java code (red). It is not working. <head> <style> body { margin: 20px; } select { float: left; } optgroup { text-indent: 5px; } option { padding: 0 10px 0 15px; } table { border-spacing: 20px 2px; } th { text-align: left; text-decoration: underline; } td:last-child { text-align: right; } </style> <script> window.onload = function() { document.getElementById("dlist1").onchange = function() { var option = this.options[this.selectedIndex]; document.getElementById("price_card").innerHTML = option.getAttribute("data-card") ? option.getAttribute("data-card") : ""; document.getElementById("price_memo").innerHTML = option.getAttribute("data-memo") ? option.getAttribute("data-memo") : ""; document.getElementById("price_tags1").innerHTML = option.getAttribute("data-tags1") ? option.getAttribute("data-tags1") : ""; document.getElementById("price_tags4").innerHTML = option.getAttribute("data-tags4") ? option.getAttribute("data-tags4") : ""; document.getElementById("price_key").innerHTML = option.getAttribute("data-key") ? option.getAttribute("data-key") : ""; document.getElementById("price_fridge").innerHTML = option.getAttribute("data-fridge") ? option.getAttribute("data-fridge") : ""; } } </script> <script type="text/javascript"> function swapImage1() { var image = document.getElementById("imageToSwap1"); var dropd = document.getElementById("dlist1"); image.src = dropd.value; }; </script> </head> <body> <select name="ORDER1" size="12" multiple="multiple" id="dlist1" onchange="swapImage1() "> <optgroup label="Sow Seeds of Love"> <option value="None">None</option> <option data-card="32.00" data-memo="62.00" data-tags1="8.50" data-tags4="1.80" data-key="30.00" data-fridge="40.00" value="Images/photo1.jpg">Happy Birthday Card</option> <option data-card="35.00" data-memo="65.00" data-tags1="9.50" data-tags4="1.80" data-key="20.00" data-fridge="40.00" value="Images/photo2.jpg">Get well soon Card</option> <option data-card="1.00" data-memo="2.00" data-tags1="3.00" data-tags4="4.00" data-key="5.00" data-fridge="6.00" value="Images/photo3.jpg">Wedding Card</option> <option data-card="6.00" data-memo="5.00" data-tags1="4.00" data-tags4="3.00" data-key="2.00" data-fridge="1.00" value="Images/photo4.jpg">New Baby Card</option> <option data-card="21.00" data-memo="22.00" data-tags1="23.00" data-tags4="24.00" data-key="25.00" data-fridge="26.00" value="Images/photo1.jpg">Thank you Card</option> </optgroup> </select> <table width="700"> <tr> <td> <img class="ImageToSwap" id="imageToSwap1" src="Images/Card.jpg" width="147" height="207" /> </td> </tr> </table> <table> <tr> <th>Description</th> <th>Price</th> </tr> <tr> <td><label><input type="radio" name="medium" value="card" /> Card A6 (blank)</label></td> <td id="price_card"></td> </tr> <tr> <td><label><input type="radio" name="medium" value="memo" /> Memo Book A6</label></td> <td id="price_memo"></td> </tr> <tr> <td><label><input type="radio" name="medium" value="tags4" /> Gift Tags (4 designs per packet)</label></td> <td id="price_tags4"></td> </tr> <tr> <td><label><input type="radio" name="medium" value="tags1" /> Gift Tags - Single - Assorted</label></td> <td id="price_tags1"></td> </tr> <tr> <td><label><input type="radio" name="medium" value="key" /> Key Rings Perspex</label></td> <td id="price_key"></td> </tr> <tr> <td><label><input type="radio" name="medium" value="fridge" /> Fridge Art</label></td> <td id="price_fridge"></td> </tr> </table> </body> </html> O.k so my brains about done in for the week & I'm trying to help out a friend with his website. I realise theres a lot wrong with this page but the one thing that is really bugging me. When I scroll up & down a few times the image jumps out of its position/duplicates/clones & stays there until page refresh or even minimise & restore - then all is good again. Any ideas, advice greatly appreciated thanks http://www.linksdisk.com/redback/NEW/2_about_us.html I was given some Java Script code to put in an HTML formatted file. The java script will randomly create an image. What I would like to do do is add text and make it so the text starts at the top of the image and not the bottom like it's doing now. In short, I'd like to have the text wrap around the image that the java script creates. Is this possible, and how do I do it? Hey, I've got this problem involving a list in IE. I've basically made a LI within another LI like so:- Code: <ul class="mainNav">
<li><a href="/index.php?frc=1" class="first">Home</a></li>
<li><a href="/GamePortal.php">Games</a></li>
<li class="headlink"><a href="/edit_profile.php">My Profile</a>
<ul>
<li><a href="/edit_profile.php">Game Profile</a></li>
<li><a href="/link.php">Community Profile</a></li>
</ul>
</li>
<li><a href="/promotions.php">Promotions</a></li>
</ul>
This generates a sort of list underneith a list to be used as a dropdown menu. I've assigned it some CSS to do this Code: .mainNav li.headlink ul {
list-style: none;
display: none;
float: none;
margin: 0px;
position: absolute;
top: 35px;
z-index: 100;
min-width: 72px;
text-align: center;
padding: 5px;
}
What happens is that when using FF the content displays perfect (no suprises there) but when I use IE for the same page, it moves the drop down list to the end of the item above on it's x axis (the y is fine). I've tried all sorts of different things; I used relative which worked but then expanded the LI item above it shifting everything along in the line. So it has to be absolute positioned to stop that from happening. I've messed about with every single margin I can think of to no avail. Any Ideas. How to create explorer like menu in Html or java script? eg + Game(inside this Cricket and Football) when click on + sign it become like-- - Game -Cricket -Football Can anybody suggest me, by which command I can do it? Commercial Removals || Removals and Storage||Specialist Removals Hello, I ran into this problem today in my Basic XHTML class, and it was enough to stump me and the instructor: if you want to put an unordered list in the middle of a page, but you want the list items to be left-aligned so the bullets are one on top of the other...how do you do it? I started with code something like <div align="center"> <ul type="disc"> <li>Wine</li> <li>Women</li> <li>Song</li> </ul> </div> This centers the list on the page, but it also centers each list item. I tried placing a <div align="left"> around the list items, individually and collectively, but depending on the positioning it either had no effect or it nullified the center attribute completely and gave me a left-aligned list on the left edge of the page. Attempts to change the style of the <li> tag, which I haven't done in months and was never all that good at, failed. I know I can do this in ten seconds by putting the list inside a one-cell table, and with much fiddling I could probably do it with a spacer GIF...but what's the 1.0 Strict way? Go to http://chicagotrainingschool.com So the header shows fine in IE 8 and FF. IE 7 is the culprit here. In the middle of the header you see a languages menu, and below that is a world map picture. Looks perfect in FF. For some reason, that world map picture is pushing the nav bar down in IE 7. If I take the picture out or shorten the vertical height that solves the problem, but there are spare pixels there and I don't want to do that. Anyone have an idea of why this is happening and how to fix it? Ok, this probably sounds kinda noobie... or whatever but I put to image codes next to each other like so... HTML Code: <img align="left" src="ball1.png" alt="ball"> <br> <img align="left" src="ball2r.png" alt="ball2"> ok they both show but instead of it looking like this BALL1 IMAGE BALL 2 IMAGE There next to each other like this BALL 1 IMAGE BALL 2 IMAGE How do I solve this also...... how can I move text along without using this HTML Code: <p align="center" say if I only wanted a few spaces forward how would I do that? sorry for my lack of knowledge! fixed problem never mind sorry! |
|||||||