HTML - Viewing Image After It Has Been Selected
So I have code that opens a file input dialog box where a person can pick an image to upload. Once an image is selected, I want the image to appear on the web page.
The problem is, I dont know how to show the image, because the source is unknown. After the user selects the image from the dialog box, is there any way to show it? <input type="file" name="diagram" size="40"> <img src=( what do I put here to show the image that was selected ) align="right" style="padding-right:10px" alt="dataFlowDiagram" /> Similar TutorialsHi everyone. I am having a problem with a image within a table. The image within the table displays fine in FIREFOX, where in IE, the image does not appear. There is no red x, just the image does not appear. Any ideas? i tried searching the forums for this problem, no luck on my end. Unless i suck at searching Quote: <table width="1000" height="30" border="1"> <tr background="RightSide.jpg"> <th width="200" height="25" scope="row"><span class="style11">Link 1 </span></th> <td width="200" height="25"><div align="center" class="style11"><strong>Link 2</strong> </div></td> <td width="200"><div align="center" class="style11"><strong>Link 3 </strong></div></td> <td width="200"><div align="center" class="style11"><strong>Link 4 </strong></div></td> <td width="200"><div align="center" class="style11"><strong>Link 5 </strong></div></td> </tr> </table> This is the table and image Hi there I'm new to this site but think I'll be sticking around for the wealth of information here. So...I recently designed a website for a friend working off a nice little template to save time. Everything looks great and operates exactly how they requested on a desktop browser. However, the images become vertically stretched when viewing on a mobile device pretty severely. I'm confused because it's only the photos, other graphics (also jpegs) do not become distorted. Is it because I used width="x%" and height="x%" in the image tags www.rideums.com is the website if you'd like to take a look at the source. Thanks guys for helping out. 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> Hi all. I have a page that the select box is not selecting the option when selected is put in there. Here is the code. Any help you have is appreciated =) Thank you =) Light and Love and Healing to you, -Patrick Arden McNally Code: <html> <head> <title>DULUTH Music Scene</title> <link rel="stylesheet" type="text/css" href="music_scene.css"> </head> <body > <div class="wrapper"> <table width="100%"> <tr><td colspan="2"> <table width="100%" border="1"> <tr width="100%" align="center" valign="top"> <td><a href="index.php">Home</a></td><td><a href="calendar.php">Calendar</a></td><td><a href="featured.php">Featured Shows</a></td> <td><a href="view.php?mode=3">Venues</a></td><td><a href="view.php?mode=2">Local Artists</a></td><td> <a href="classifieds.php?type=1">Instruments</a><br> <a href="classifieds.php?type=2">Lessons</a><br> <a href="classifieds.php?type=3">Repairs</a><br> </td> <td><a href="email.php">Contact<br><a href="about.php">About Us</a><br><a href="user_reg.php">Join</a></td></tr> </table> </td></tr> <tr> <td><h2> DULUTH<br>Music Scene</h2> </td><td align="right"> You are logged in (admin) <a href="logout.php">logout</a><br> <a href="home.php">My Profile</a> | <a href="admin.php">MusicScene Admin </a></td></tr> <tr><td colspan="2"> <hr> <h2>Edit Featured Show</h2> <form action="admin.php?mode=edit_featured" method="post" name="form1" enctype="multipart/form-data"> <input type="hidden" name="mode" value="edit_featured"> <input type="hidden" name="id" value="9"> <input type="hidden" name="regionID" value="1"> Shows: <select name="showID"><option value="27" selected>2009-04-25 - The Rez <br>The Big Wu - The Orpheum Duluth - NorShor Theatre 1st Floor</option><option value="33" >2009-06-25 - The Infinite Flow <br>The Lovers - Blue Crab</option><option value="8" >2009-07-10 - The Infinite Flow <br> Johnny Reeferseed & the High Rollers<br> Harmonic Order<br> Cirrus Minor<br> The Rez<br> Dead L - Mellow Meddle Music Festival</option><option value="10" >2009-07-10 - The Rez <br>The Infinite Flow<br> Harmonic Order - Mellow Meddle Music Festival</option><option value="15" >2009-07-10 - The Infinite Flow <br>The Rez - Mellow Meddle Music Festival</option><option value="29" >2010-10-20 - The Hobo Newphews of Uncle Frank <br>JnvsVwNotS - The Rex</option></select><br> Description: <textarea name="description" cols="80" rows="10">The Rez and The Histronic will be opening for The Big Wu on Saturday April 25th at the Historic NorShor Theatre in Duluth (Now Called The Orpheum Duluth).</textarea><br> User: <select name="userID"> <option value="16" >Jamie Ness</option> <option value="17" >Jim Hall</option> <option value="18" >Marc Gartman</option> <option value="19" >Too Many Banjos</option> <option value="20" >Acceleratii</option> <option value="21" >Root City Band</option> <option value="22" >The Tisdales</option> <option value="23" >Equal Xchange</option> <option value="24" >Charlie Parr</option> <option value="25" >Uprising</option> <option value="26" >The Fractals</option> <option value="27" >Lonesome Dan Kase</option> <option value="28" >Ian Alexy</option> <option value="29" >The Hobo Newphews of Uncle Frank</option> <option value="30" >The Hobo Newphews of Uncle Frank</option> <option value="45" >Thirsty Pagan Brewing</option> <option value="46" >Lakeview Castle</option> <option value="48" >The Orpheum Duluth - NorShor Theatre 1st Floor</option> <option value="49" >The Rex</option> <option value="60" >Sir Benedict's Tavern on the Lake</option> <option value="61" >Pizza Luce</option> <option value="62" >Blue Crab</option> <option value="63" >Fitger's Brewhouse</option> <option value="51" >#dennick[IRIFIFZFZIII]</option> <option value="52" >2</option> <option value="12" >Music Scene Admin</option> <option value="47" >Angelic Ascension</option> <option value="13" >The Infinite Flow</option> <option value="58" >infoffwrofE</option> <option value="59" >itedgeGootorm</option> <option value="55" >Josh Brown</option> <option value="56" >pp</option> <option value="57" >pp</option> <option value="42" >Patrick</option> <option value="43" >Patrick</option> <option value="44" >Patrick Arden McNally</option> <option value="8" >Patrick Arden McNally</option> <option value="9" >Patrick Arden McNally</option> <option value="15" >Teague Alexy</option> <option value="14" >The Beat Coffee House</option> <option value="31" selected>The Rez</option> <option value="2" >Tim and Pat</option> <option value="6" >Twins Bar</option> <option value="50" >xpokvmihdsz</option> </select><br> Date Start: <select name="date_start_month"><option value="01" >Jan</option><option value="02" >Feb</option><option value="03" >Mar</option><option value="04" selected>Apr</option><option value="05" >May</option><option value="06" >Jun</option><option value="07" >Jul</option><option value="08" >Aug</option><option value="09" >Sep</option><option value="10" >Oct</option><option value="11" >Nov</option><option value="12" >Dec</option></select><select name="date_start_day"> <option value="01" >01</option><option value="02" >02</option><option value="03" >03</option><option value="04" >04</option><option value="05" >05</option><option value="06" >06</option><option value="07" >07</option><option value="08" >08</option><option value="09" >09</option><option value="10" >10</option><option value="11" >11</option><option value="12" >12</option><option value="13" >13</option><option value="14" >14</option><option value="15" >15</option><option value="16" >16</option><option value="17" >17</option><option value="18" >18</option><option value="19" >19</option><option value="20" >20</option><option value="21" selected>21</option><option value="22" >22</option><option value="23" >23</option><option value="24" >24</option><option value="25" >25</option><option value="26" >26</option><option value="27" >27</option><option value="28" >28</option><option value="29" >29</option><option value="30" >30</option><option value="31" >31</option></select> <select name="date_start_year"><option value="2009" selected>2009</option><option value="2010" >2010</option><option value="2011" >2011</option><option value="2012" >2012</option><option value="2013" >2013</option></select><br> Date End: <select name="date_end_month"><option value="01" >Jan</option><option value="02" >Feb</option><option value="03" >Mar</option><option value="04" selected>Apr</option><option value="05" >May</option><option value="06" >Jun</option><option value="07" >Jul</option><option value="08" >Aug</option><option value="09" >Sep</option><option value="10" >Oct</option><option value="11" >Nov</option><option value="12" >Dec</option></select><select name="date_end_day"> <option value="01" >01</option><option value="02" >02</option><option value="03" >03</option><option value="04" >04</option><option value="05" >05</option><option value="06" >06</option><option value="07" >07</option><option value="08" >08</option><option value="09" >09</option><option value="10" >10</option><option value="11" >11</option><option value="12" >12</option><option value="13" >13</option><option value="14" >14</option><option value="15" >15</option><option value="16" >16</option><option value="17" >17</option><option value="18" >18</option><option value="19" >19</option><option value="20" >20</option><option value="21" >21</option><option value="22" >22</option><option value="23" >23</option><option value="24" >24</option><option value="25" >25</option><option value="26" selected>26</option><option value="27" >27</option><option value="28" >28</option><option value="29" >29</option><option value="30" >30</option><option value="31" >31</option></select> <select name="date_end_year"><option value="2009" selected>2009</option><option value="2010" >2010</option><option value="2011" >2011</option><option value="2012" >2012</option><option value="2013" >2013</option></select><br> Paid: <input type="checkbox" name="paid" checked> Payment ID: <input type="text" name="payment_id" value=""><br> Active: <input type="checkbox" name="active" checked><br> Type: Front Page <input type="radio" name="featured_type" value="1" checked> | Featured Shows Page <input type="radio" name="featured_type" value="2" ><br> Featured photo: <input type="file" name="featured_photo"><br> <input type="hidden" name="featured_photo_old" value=""> <input type="submit" name="submit" value="Submit"> </form> <br><hr><br><br><br> <a href="admin.php?mode=featured">Add/Edit Featured Shows</a> | <a href="admin.php?mode=banners">Add/Edit Banners</a> | <a href="admin.php?mode=classifieds">Add/Edit Classifieds</a> | <a href="admin.php?mode=report">View Site Reports</a> <tr><td colspan="2" align="center"> <br><br> </td></tr> </table> </div><div class="push"> <div class="footer"><a href="about.php">About us</a> | <a href="email.php">Contact Us</a><br> <div style="font-size: 12px;">Website Design by <A href="http://www.thedesignedge.com/">The Design Edge</a> - ©2009 Music-Scene.org</div></div> </body></html> I am a beginner! (I thought I would warn you.) Can someone here please tell me how to do the code for being able to see how many viewers are online at a particular site. For instance so all shoppers can see how many people are shopping in that store at the same time? I hope that makes sense. Many thanks in advance!! hi this is my 1st post and i am so desperate needing help i recently did a website.. the site is viewing fine in Mac safari, windows opera and firefox.. but when comes to IE, the table is in a mess.. can someone help me? i can upload the file if possible.. below is the pictures. Opera: IE: I'm having trouble with some browsers opening my website. Some people go to the homepage and just see a blank page with the contact details at the bottom. I know the website isn't the most fancy in the world, but it's my first and does the job for now. I can view it fine. Does anyone have any ideas as to what could be wrong and how it could be fixed? My website is www.lagganoutdoor.co.uk Hope you can help. Many thanks in advance. Duncan. I test all of my pages on all of the most popular browsers. I believe that you can only have one version of IE installed per user account. I have IE6 running on one PC, and IE7 on another PC. Once IE8 becomes popular, I will test my pages on that too. Q. Can I have multiple versions of IE available on a single Windows XP PC? Do I need three PCs to run IE6-7-8? Q. How are you guys addressing this problem? Hey everyone Ive been working on a website for my company for some time now and Coothead has been able to help me with most everything I need Only problem is now when I go to work to view the website on a PC running Windows XP SP3 and IE 8 the dropdown menu links don't function proporly. Im not sure if its my CSS or my PHP Includes, or maybe something else hehe. my website is www.k2digitalinc.com and if it looks fine on your browser then this is a pic of what it looks on on XP IE 8 http://free.hostultra.com/~k2digitalinc/website.JPG When i hover over a link it appears below the next with no background and its impossible to click the link. Ill post my entire website script and images below, any help appreciated. I dont really understand CSS but I think its proboly a problem with the default.css file, because coothead already helped me with my php includes, so I trust he did it right Any help appreciated. Thanks. i need the code in html when any one opens my website in mozilla firefox the user is prompted to view the website in INTERNET Explorer . while if the user opens the website in IE he is not prompted to any action. and the action required may be in pop up form or attention message form. please help me put as soon as possible. and the code must work for any browser because i need my website to be viewed in IE only. can go through the URL ... please view it in IE and firefox there is a difference is spacing the table if u can fix this or can make the prompting it will be fine http://ims-sc.org/SPORTS/members.html Alright. Hpefully you all will be able to give me a helping hand. My site is located at http://www.eternalhogwarts.com If you have an older version of I.E look at it. It looks fine. However when you view it with Firefox and IE 7.0 it looks really strange and I really don't know what to do. Please help!!! website- http://webtvdeluxe.com/home.php It's not really a problem but an annoyance. I just set up my page so it is html 4.0.1 strict. I don't have any errors or anything. Everything is viewed perfectly on a windows computer(no matter what the browser as far as I can tell). However on a mac I get this problem.... If you have a mac, use safari or firefox to view the page. At first glance, you will say "Well what's the problem?" The bottom of the middle table below fashion expert should be the bottom of the page. However the page continues further down alittle bit. If I didn't have those tables in the middle filling that empty space, the page would still be that long. For example, on one of my pages, I only have one table in the middle but my page still scrolls down right to that spot. Even if there is no content to push the table down that far which is the weird part. Has anyone ever encountered this? Is this possibly a bug with mac browsers? Is there maybe a fix? Hi: I'm having problems with IE viewing my site. Unfortunately a lot of my viewers still use IE, but the way the design was made (Open Source design), the right side is in the first part of the file (<div id="content">) and the left side is afterwards (<div id="left">). It was working fine in IE for a while but then just suddenly stopped working after I was editing. Not sure what I did. Site demo: www.neptuneware.com Username: gametest Password: penguins When prompted. Could anyone please look at it in IE and tell me why it's not working. All HTML is in the source code (nothing's hidden), but here is the CSS file: Code: /* ** BLUE:SKY - main stylesheet ** This CSS file makes the webpage look pretty ;-) ** ** March 5, 2006 - (version 1.0) ** ** this is a part of the open source layout by ** Jonas John (www.jonasjohn.de) ~ made for gameindicator.com ** GAMEINDICATOR.COM using OPEN SOURCE WEB DESIGN (OSWD.ORG) ** GameIndicator thanks OSWD and Jonas John for our website design. */ /* page overall: bg used to be a5ddf8 */ html * { margin: 0; padding: 0; border: 0; } body { margin: 0.5em 0em 2em 0em; font-size: 100%; font-family: "Lucida Grande", Verdana, Arial, sans-serif; line-height: 1.1em; text-align: center; background-color: #fff; background-image: url(../images/background.png); background-repeat: repeat-x; } #page { width: 1000px; text-align: left; margin-left: auto; margin-right: auto; } /* header: */ #header { position: relative; width: 100%; height: 2.8em; color: #fff; vertical-align: middle; text-align: left; } #header a:link, #header a:visited { color: #FFFFFF; text-decoration: none; font-family: "Trebuchet MS", Arial, Tahoma, sans-serif; font-weight: bold; font-size: 1.9em; letter-spacing: -0.1em !important; letter-spacing: -0.2em; line-height: 1.2em; } /* left column: */ #left { width: 24%; float: left; position: relative; font-size: 0.8em; } /* DIV NAV EXTRA ** border-right: 0.18em solid #4284B5; ** border-bottom: 0.16em solid #4284B5; */ div#nav { background-color: #fff; width: 90%; border: 1px solid #555555; } #nav ul { list-style-type: none; padding: 0.5em 0em 0.9em 0em; } #nav ul li { padding: 0.03em 0em 0.03em 0.9em; margin-right: 0.3em; } #nav a:link, #nav a:visited { color: #2E668B; } #nav a:hover, #nav a:active { color: #000; } /* LEFT BOX EXTRA ** border-right: 0.18em solid #4284B5; ** border-bottom: 0.16em solid #4284B5; */ div.left_box { background-color: #fff; width: 90%; margin-top: 1em; border: 1px solid #555555; } /* LEFT BOX AND NAV H3 EXTRA ** border-top: 0.1em solid #65B6E3; ** border-left: 0.1em solid #65B6E3; */ div.left_box h3, div#nav h3 { margin: 0em; padding: 0.2em 0em 0.2em 1em; font-size: 0.8em; color: #fff; background-color: #4284B5; text-transform: uppercase; font-family: Verdana, Arial, sans-serif; border-bottom: 1px solid #555555; } div.left_box p { margin: 0em; padding: 1em 1em 1em 1em; } div.left_box a:link { color: #2E668B; } div.left_box a:visited { color: #254A65; } div.left_box a:hover, div.left_box a:active { color: #000; } /* innerbox ** border-right: 0.15em solid #7BA5C6; ** border-bottom: 0.15em solid #7BA5C6; */ div.inner_box { } /* content column: */ /* CONTENT EXTRA ** border-right: 0.2em solid #4284B5; ** border-bottom: 0.2em solid #4284B5; */ #content { float: right; display: inline; position: relative; width: 75%; font-size: 0.75em; border: 1px solid #555555; background-color: #fff; } #content h1 { clear: both; margin: 0em 0em 0em 0em; padding: 0.5em 0em 0em 0.1em; font-size: 1.7em; font-family: "Trebuchet MS", Arial, sans-serif; color: #FF6300; border-bottom: 0.05em solid #FF9853; line-height: 1em; } #content p { margin: 0em 0em 0.5em 0em; padding: 0.35em; } /* PATH EXTRA | border-right: 0.23em solid #7BA5C6; */ #path { font-family: Verdana, Arial, sans-serif; margin: 0em 0em 0em 0em; padding: 0.4em 0.6em 0.4em 0.6em; font-size: 0.9em; color: #2F5E80; background-color: #D0E7F4; border-bottom: 1px solid #555555; } #content a:link { color: #2E668B; } #content a:visited { color: #255270; } #content a:hover, #content a:active { color: #000; } #content acronym { border-bottom: 1px dotted #4284B5; cursor: help; margin: 0; padding: 0; } /* MAIN EXTRA ** border-bottom: 0.2em solid #7BA5C6; ** border-right: 0.2em solid #7BA5C6; */ #main { padding: 0.5em 1.5em 1.5em 0.7em; } div.img_left, div.img_right { border-bottom: 0.09em solid #4284B5; border-right: 0.1em solid #4284B5; } div.img_left { float: left; margin: 0.5em 0.8em 0em 0em; } div.img_right { float: right; margin: 0.5em 0em 0em 0.8em; } div.img_left img, div.img_right img { display: block; border: 0.35em solid #7BA5C6; margin: 0; padding: 0; } /* this clears floating (e.g images) */ br.clear { clear: both; display: none; } /* footer: Margin (no spec side) used to be 0em, EXTRA padding: 0em; */ #footer { font-size: 0.6em; clear: both; color: #027BC1; text-align: right; } #footer p { margin: 0em; padding: 0.1em; } #footer a:link, #footer a:visited { color: #027BC1; } #footer a:hover, #footer a:active { color: #000000; } Hi all, I'm a technical author based in the UK, but I've got a problem with an online help system I'm producing - I hope you can help, I've been pulling my hair out for days trying to find a solution to this! My problem is with the security update courtesy of Microsoft and the "Page not displayed" problems it causes. The container and TOC produce fine, but the right pane shows the error. Now, my chm has to be stored on a network and will be viewed by over 500 people on terminals, so I'm unable to load anything onto any local drives, so I can't do the "Unblock" security fix. None of the users will have admin privileges and bearing in mind there are so many machines, I'm also unable to change the registry settings on the machines, so this rules out fix number two. I wonder, is there any code that could be put into the chm itself to confirm it as a valid file, and thus open directly from the network without having to modify each individual pc? Or indeed would anyone know of a script that could be run from the network to update everyone's machines all at once? If none of these work, I guess I'm reduced to producing plain HTML files, but I'm hoping I can find a workaround as I particularly like the TOC/index/search facilities of HTML help, and the fact I only have to ship a couple of files. I do hope you can help, thanks in advance, Tixuk Hey, I've downloaded a template to use for my webpage and i changed up the width of the middle section (in grey) within the css, it views perfectly in mozilla, but when viewed in IE it's as if i didn't widen the width of the middle section at all and as a result the text and images i have put in the area are compacted. Does anyone have any ideas of how i can get IE to view my site the same as mozilla is? Mozilla is displaying the site as i want it too look. The text is more spread out wthin the grey area. http://www.revolutionct.com.au/boot_camp_canberra.html Appreciate any help! Thanks. Hi All, Quick question, Is there anyway you can stop people viewing your source code in there browsers? by that i mean im building a website and im spending alot of time on it and i dont want people to take bits and pieces from it......im kind of answering my own question here by saying no you cant but maybe someone else has a different view? Thanks The following site was created with WordPress 2.8.4, using the WP Slider theme. It looks perfectly fine in Firefox but has some issues in IE7. (I'm a front end designer and have only a working knowledge of coding, so any help would be appreciated.) http://amcreativestudio.com/ Basically, the errors are with image alignment on the 'home' and 'services' page, and with no text showing up on the 'portfolio' page. I've used align="right" for the images - added this code in WP, in my theme's admin panel. I'm also using a variety of plugins, which may or may not be affected how my pages view. Help! I used the html validator add on for Firefox, and it produced the following errors on the above referenced page. line 18 column 43 - Error: document type does not allow element "span" here line 127 column 53 - Error: document type does not allow element "div" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag line 268 column 53 - Error: document type does not allow element "div" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag line 296 column 3 - Error: document type does not allow element "h2" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag line 297 column 3 - Error: document type does not allow element "h2" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag line 298 column 13 - Error: end tag for "p" omitted, but OMITTAG NO was specified line 267 - Info: start tag was here line 322 column 38 - Error: document type does not allow element "div" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag line 375 column 58 - Error: there is no attribute "role" greetings all! im new to the site. and learning html css etc! my problem is. my website views fine in google chrome but when viewed in IE the pictures have gaps etc. and as my website is mostly made up of pictures. it ruins the whole thing. The site isn't centred either. which it is on chrome. ive look for hours for IE fixes but to no glory. . is there any code i can add to be compatible with IE? website is . www.malicealliance.com Thanks |