|
HTML - Html Weird - Firefox(looks Okay), Ie6(looks Weird)
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 Similar TutorialsHello, I've got a weird problem that I've never come across before... I've created a page with a hidden div on it that is displayed at certain times (after a button is clicked). The div is displayed on top of a semi opaque div that covers the whole of the page (this is created and added to the page when the hidden div is shown). The effect is very similar to the lightbox technique. To prevent select boxes showing through the opaque overlay in IE6 I'm also using an iframe shim. The only problem I have is that in FireFox, the text input fields on my lightbox div do not have the flashing carat in them. You can select the inputs and enter text into them, it just looks a little odd not having a carat in them when they are selected. Anyone else come accross this? Ok look at these two links. Here everything lines up: http://www.hfhpulm.com/schedules/staffcallnext.php however here the date does not line up in the table: http://www.hfhpulm.com/schedules/staffcallcurrent.php Now the WEIRD thing is that the two codes are EXACTLY the same except: link 1: Code: <?php
$next_month= date("F", strtotime("+1 month"));
$curr_month = date ('F');
$consultsq1 = "SELECT * FROM `staffsched` WHERE `which_month`='".$next_month."'";
link 2 (the one that doesn't line up): Code: $next_month= date("F", strtotime("+1 month"));
$curr_month = date ('F');
$consultsq1 = "SELECT * FROM `staffsched` WHERE `which_month`='".$curr_month."'";
Why would changing to the current month (which also happens to be the value on the database) make the lines not match up? Hi guys and girls out there on the forum My website has a problem with showing properly in Firefox Here is my url: http://lessons-4-success.com Can you tell me what i can do to get it to show properly like it do in IE ? Thanks much in advance for answers.. Michael Hi I've got a weird problem. Basically, I've created an effect where an image (designed to look like the front of a record sleeve) flips when clicked, and then shows a different image (which looks like the reverse of the same sleeve). There are nine "albums" on the page, however, the effect only works on one image at any one time (by default "album1", but delete this album and the effect will work exclusively on "album2" and so on). Changing "div id" to "div class" throughout the HTML document, style sheet etc. doesn't help, it only rearranges the images. I've pasted the relevant code below. I can't understand the problem, and it's creating a serious roadblock. Any ideas? Thanks - Chris HTML: <!-- Album pictures (front sleeve on left, zig-zag sleeve reverse on right) --> <div id="album1"> <a class="opacity"/> <img id="flip1" img src="Top_16/Album1.png" /> <!-- Flip --> <img id="flip2" img src="Top_16/Reverse.png" </div> <div id="album2"> <a class="opacity"/> <img id="flip1" img src="Top_16/Album2.png" /> <!-- Flip --> <img id="flip2" img src="Top_16/Reverse.png" </div> <div id="album3"> <a class="opacity"/> <img id="flip1" img src="Top_16/Album3.png" /> <!-- Flip --> <img id="flip2" img src="Top_16/Reverse.png" </div> <div id="album5"> <a class="opacity"/> <img id="flip1" img src="Top_16/Album5.png" /> <!-- Flip --> <img id="flip2" img src="Top_16/Album2.png" </div> <div id="album6"> <a class="opacity"/> <img id="flip1" img src="Top_16/Album6.png" /> <!-- Flip --> <img id="flip2" img src="Top_16/Album2.png" </div> <div id="album7"> <a class="opacity"/> <img id="flip1" img src="Top_16/Album7.png" /> <!-- Flip --> <img id="flip2" img src="Top_16/Album2.png" </div> <div id="album9"> <a class="opacity"/> <img id="flip1" img src="Top_16/Album9.png" /> <!-- Flip --> <img id="flip2" img src="Top_16/Album2.png" </div> <div id="album10"> <a class="opacity"/> <img id="flip1" img src="Top_16/Album10.png" /> <!-- Flip --> <img id="flip2" img src="Top_16/Album2.png" </div> <div id="album11"> <a class="opacity"/> <img id="flip1" img src="Top_16/Album11.png" /> <!-- Flip --> <img id="flip2" img src="Top_16/Album2.png" </div> CSS: /* Image flip code (applies to album divs, decreases then increases width and opacity, hiding one image then the other, producing a "flipping" optical illusion) */ #flip1{ position:absolute; cursor:pointer; width:104px; height:104px; } #flip2{ display:none; position:absolute; cursor:pointer; } Hey i recently opened a blogged and wanted to begin customizing it with shoutboxs , games, etc Blog is runned by Mac OSx , it allows u to post html as well, but 98% of the html codes i put in there doesnt work...the ones that do work , well they seem to have <table> inserted in them...and strangly one of my posting options is to insert a table, so when i click on that *insert table* i paste my html code(shoutbox) and click insert (for table) and all the codes seem to work fine and shoutbox looks great, until i cllick the <>(htmlm mod) everything seems to go back to where it was before i started testing with table (which is that it doesnt work), this is only if switch from normal to html and back after i insert html codes through table...but if i just paste the Html codes for the shoutbox into *HTML* section, it shows up as the link that i use to gernate these codes...this happens with every one of my html codes including the ones that do work for the blog and dont work for the blog....So im stuck with HTML codes that only show up when the *insert table dialog box pops up and i insert html from there to blog.(which cancels html codes in the end)..From the table with the successful HTML, if i click Save,HTML mode, or Preview, it just makes the codes void..I think that when iclick any of those commands, the blog messes with codes Does anyone know any great codes to bypass w/e the blog is doing to my codes or simulating the table forever with the codes? TY Friend said that blog has ScriptTags, and by using table i can bypass that...Unfortunatly ive tried inserting <table> and </table> around it...nothing works.. heres an example of one of the few that does work for the blog(had table tags when i copied it from generator): <div class="wiki_entry"> <div> <div> <div><br /></div> <table><tbody> <tr> <td><a href="http://www.website-hit-counters.com"><img src="http://www.website-hit-counters.com/cgi-bin/image.pl?URL=109386-8813" alt="www.website-hit-counters.com" /></a></td> </tr> <tr> <td><a href="http://www.website-hit-counters.com/search-engine-optimization.html" title="search engine optimization firm">This many People saw this</a></td> </tr></tbody> </table></div><br /></div></div> HEre is one that doesnt(after i placed tables around it myself) <div class="wiki_entry"> <div> <div> <div><br /></div> <table><tbody> <tr> <!-- Begin ShoutMix - http://www.shoutmix.com --> <iframe title="jimbaler" src="http://www.shoutmix.com/?jimbaler" width="100" height="130" frameborder="0" scrolling="auto"> <a href="http://www.shoutmix.com/?jimbaler">View shoutbox</a> </iframe> <br /><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br /> <!-- End ShoutMix --> </tr> </tbody> </table></div><br /></div></div> Hi everyone, I have been working on a website here www.ds-installations.co.uk/examples.html. I am nearing the end of design/development but I have a weird display bug in Chrome and Safari. For some reason, the content displays off to the right of the main page? I have checked all the code through the W3C CSS and HTML validators and it all seems fine. I have tested in IE6+, FF and Opera which seem to work fine? I would really appreciate any help on this, I have been looking and tweaking for hours to try and fix it and I can't see anything obvious? Thanks very much in advance for any help! Dan Hello, I have an html form on my site that looks fine under Safari and Firefox, but in Internet Explorer..., 3 small black outlined boxes appear and I don't know how to delete them... Here is a pictu Here is my Form code: Code: <form action="http://ww11.aitsafe.com/cf/add.cfm" method="post"> <input name="userid" type="hidden" value="D8242872" /> <input name="return" type="hidden" value="www.camelliafoods.com/onlinestore/store.html" /> <select size="1" name="productpr"> <option value="8-11 lb Bone-In Ham:29.99:1">8 - 11 lb Ham</option> <option value="11-13 lb Bone-In Ham:35.99:1">11-13 lb Ham</option> <option value="13-15 lb Bone-In Ham:41.99:1">13-15 lb Ham</option> <option value="15-17 lb Bone-In Ham:47.99:1">15-17 lb Ham</option> </select> <br> <input type="image" src="http://www.camelliafoods.com/images/cart1.png" alt="Add to Cart" value="submit"> </form> </form> Any ideas? http://www.problem-solving.be/dir0/index.php Something really weird seems to happen in IE6 on my page. When hovering a menu, a grey rectangle appears in the top left corner, and when hovering it, the last 2 menus roll out. I have been trying things for hours no but I can't find the problem. Both website and CSS validate perfectly, so that's not the problem. Who can help me? Hello, Somehow I get a weird part on top of my website, it shouldn't be there really, this is my head -> |||||||||||||||||||||||||\ <head> <title>|| Welcome to the Myth Academy homepage ||</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> <!-- body { background-color: #75D2F3; } --> </style> <script type="text/javascript"> var dom = (document.getElementById) ? true : false; var ns5 = (!document.all && dom || window.opera) ? true: false; var ie5 = ((navigator.userAgent.indexOf("MSIE")>-1) && dom) ? true : false; var ie4 = (document.all && !dom) ? true : false; var nodyn = (!ns5 && !ie4 && !ie5 && !dom) ? true : false; var origWidth, origHeight; // avoid error of passing event object in older browsers if (nodyn) { event = "nope" } /////////////////////// CUSTOMIZE HERE //////////////////// // settings for tooltip // Do you want tip to move when mouse moves over link? var tipFollowMouse= true; // Be sure to set tipWidth wide enough for widest image var tipWidth= 180; var offX= 30; // how far from mouse to show tip var offY= 12; var tipFontFamily= "Verdana, arial, helvetica, sans-serif"; var tipFontSize= "8pt"; // set default text color and background color for tooltip here // individual tooltips can have their own (set in messages arrays) // but don't have to var tipFontColor= "#000000"; var tipBgColor= "#DDECFF"; var tipBorderColor= "#000080"; var tipBorderWidth= 3; var tipBorderStyle= "ridge"; var tipPadding= 4; // tooltip content goes here (image, description, optional bgColor, optional textcolor) var messages = new Array(); // multi-dimensional arrays containing: // image and text for tooltip // optional: bgColor and color to be sent to tooltip messages[0] = new Array('images/icarus.jpg','Icarus',"#FFFFFF"); messages[1] = new Array('images/ares.jpg','Ares',"#FFFFFF"); messages[2] = new Array('images/caerus.jpg','Caerus',"#FFFFFF"); messages[3] = new Array('images/helios.jpg','Helios',"#FFFFFF"); messages[4] = new Array('images/nopic.jpg','Manticore',"#FFFFFF"); messages[5] = new Array('images/nopic.jpg','Typhon',"#FFFFFF"); messages[6] = new Array('images/nopic.jpg','Leviathan',"#FFFFFF"); messages[7] = new Array('images/nopic.jpg','Omega',"#FFFFFF"); messages[8] = new Array('images/abbadon.jpg','Abbadon',"#FFFFFF"); //////////////////// END OF CUSTOMIZATION AREA /////////////////// // preload images that are to appear in tooltip // from arrays above if (document.images) { var theImgs = new Array(); for (var i=0; i<messages.length; i++) { theImgs[i] = new Image(); theImgs[i].src = messages[i][0]; } } // to layout image and text, 2-row table, image centered in top cell // these go in var tip in doTooltip function // startStr goes before image, midStr goes between image and text var startStr = '<table width="' + tipWidth + '"><tr><td align="center" width="100%"><img src="'; var midStr = '" border="0"></td></tr><tr><td valign="top">'; var endStr = '</td></tr></table>'; //////////////////////////////////////////////////////////// // initTip - initialization for tooltip. // Global variables for tooltip. // Set styles // Set up mousemove capture if tipFollowMouse set true. //////////////////////////////////////////////////////////// var tooltip, tipcss; function initTip() { if (nodyn) return; tooltip = (ie4)? document.all['tipDiv']: (ie5||ns5)? document.getElementById('tipDiv'): null; tipcss = tooltip.style; if (ie4||ie5||ns5) { // ns4 would lose all this on rewrites tipcss.width = tipWidth+"px"; tipcss.fontFamily = tipFontFamily; tipcss.fontSize = tipFontSize; tipcss.color = tipFontColor; tipcss.backgroundColor = tipBgColor; tipcss.borderColor = tipBorderColor; tipcss.borderWidth = tipBorderWidth+"px"; tipcss.padding = tipPadding+"px"; tipcss.borderStyle = tipBorderStyle; } if (tooltip&&tipFollowMouse) { document.onmousemove = trackMouse; } } window.onload = initTip; ///////////////////////////////////////////////// // doTooltip function // Assembles content for tooltip and writes // it to tipDiv ///////////////////////////////////////////////// var t1,t2; // for setTimeouts var tipOn = false; // check if over tooltip link function doTooltip(evt,num) { if (!tooltip) return; if (t1) clearTimeout(t1); if (t2) clearTimeout(t2); tipOn = true; // set colors if included in messages array if (messages[num][2]) var curBgColor = messages[num][2]; else curBgColor = tipBgColor; if (messages[num][3]) var curFontColor = messages[num][3]; else curFontColor = tipFontColor; if (ie4||ie5||ns5) { var tip = startStr + messages[num][0] + midStr + '<span style="font-family:' + tipFontFamily + '; font-size:' + tipFontSize + '; color:' + curFontColor + ';">' + messages[num][1] + '</span>' + endStr; tipcss.backgroundColor = curBgColor; tooltip.innerHTML = tip; } if (!tipFollowMouse) positionTip(evt); else t1=setTimeout("tipcss.visibility='visible'",100); } var mouseX, mouseY; function trackMouse(evt) { standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body //create reference to common "body" across doctypes mouseX = (ns5)? evt.pageX: window.event.clientX + standardbody.scrollLeft; mouseY = (ns5)? evt.pageY: window.event.clientY + standardbody.scrollTop; if (tipOn) positionTip(evt); } ///////////////////////////////////////////////////////////// // positionTip function // If tipFollowMouse set false, so trackMouse function // not being used, get position of mouseover event. // Calculations use mouseover event position, // offset amounts and tooltip width to position // tooltip within window. ///////////////////////////////////////////////////////////// function positionTip(evt) { if (!tipFollowMouse) { standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body mouseX = (ns5)? evt.pageX: window.event.clientX + standardbody.scrollLeft; mouseY = (ns5)? evt.pageY: window.event.clientY + standardbody.scrollTop; } // tooltip width and height var tpWd = (ie4||ie5)? tooltip.clientWidth: tooltip.offsetWidth; var tpHt = (ie4||ie5)? tooltip.clientHeight: tooltip.offsetHeight; // document area in view (subtract scrollbar width for ns) var winWd = (ns5)? window.innerWidth-20+window.pageXOffset: standardbody.clientWidth+standardbody.scrollLeft; var winHt = (ns5)? window.innerHeight-20+window.pageYOffset: standardbody.clientHeight+standardbody.scrollTop; // check mouse position against tip and window dimensions // and position the tooltip if ((mouseX+offX+tpWd)>winWd) tipcss.left = mouseX-(tpWd+offX)+"px"; else tipcss.left = mouseX+offX+"px"; if ((mouseY+offY+tpHt)>winHt) tipcss.top = winHt-(tpHt+offY)+"px"; else tipcss.top = mouseY+offY+"px"; if (!tipFollowMouse) t1=setTimeout("tipcss.visibility='visible'",100); } function hideTip() { if (!tooltip) return; t2=setTimeout("tipcss.visibility='hidden'",100); tipOn = false; } document.write('<div id="tipDiv" style="position:absolute; visibility:hidden; z-index:100"></div>') </script> </head> |||||||||||||||||||||||||\ this is how my page looks like: http://img207.imageshack.us/img207/4111/bahwn8.jpg It's probably something in the script but I can't find the error part, I don't know if this is because of the javascript part or a mistake in the html tags. Please help me out I wanted to use pngs for my website because I like the transparency feature and it is a better format than gif. I applied the alpha hack so that it would work in ie 6. But I get weird results when a flash movie is playing. The png image shows up and they are cut out but an "x" image also shows up under it like you would see if an image doesn't load. It doesn't happen on any other pages, only the ones that have flash movies. Does anyone know why this might be happening? here is an example page: http://webtvdeluxe.com/v2/videos/Art Show/ Note: Only happens in IE 6 Well i know bare minimum of html and yes i am gunna get help. But while i was practing on www.jtownco.com know the picture links arent showing up just the alt= are heres the code for it ...it was working before
Quote: <Html> <IMG SRC="jayytown.jpg" alt="Banner"><br> <center><A HREF="http://www.jtownco.com"><IMG SRC="Home.png" Border=0 ALT="Pitt"></A>     <A HREF="http://www.jtownco.com/videos.html"><IMG SRC="Videos.png" Border=0 ALT="Pitt"></A>     <A HREF="http://www.jtownco.com/photos.html"><IMG SRC="photos.png" Border=0 ALT="Pitt"></A>     <A HREF="http://www.jtownco.com/bios.html"><IMG SRC="bios.png" Border=0 ALT="Pitt"></A>     <A HREF="http://www.jtownco.com/merch.html"><IMG SRC="merch.png" Border=0 ALT="Pitt"></A> <body bgcolor="black"> <br><br><br> <TABLE BORDER="2" CELLPADDING="1" CELLSPACING="1" WIDTH="50%" HEight="50%"> <TR> <TD> <br><font color="white"><br> <IMG SRC="fp1.jpg"height="200" width="200"Align="left" BORDER="0" ALT="flex"> <align="right"><center><br>A quick pick from a new area on the border of Jackson and New Egypt there's video and photo's check them out.<br><br><br><A HREF="http://www.jtownco.com/pitt/html/0.htm"><IMG SRC="photos.png" Border=0 ALT="Pitt"></a> <A HREF="http://www.jtownco.com/videos.html"><IMG SRC="videos.png" Border=0 ALT="Pitt"> </center></align> </TD> <TD><IMG SRC="carwash1.jpg"height="200" width="200"Align="center" BORDER="0" ALT="carwash"> <center><font color="white">Can you guess how this picture ends?<center><br><A HREF="http://www.jtownco.com/videos.html"><IMG SRC="videos.png" Border=0 ALT="Pitt"></TD> </TR> <tr> <td>column 3</td> <td>column4</td> </tr> </TABLE> Can someone please check my site in IE6? I think the text in the navigation menu on the left doesn't shows up besides "Pictures"... I saw this problem on my client's computer (yikes! ). It was really weird, the boxes were just green with no writing until you hovered over them. I don't have access to 6 myself and I'd really really appreciate it if someone could check this: http://www.salemnhconservation.org Let me know if this problem happens with you! Thanks!!! Problem resolved, I added a margin-bottom to the CSS in col2 and it fixed the issue. thank you to any readers. I've been trying to get this to not happen all night long and I have no idea why it is happening. the page works great in firefox, but for some reason, in IE when the page loads normal, but as soon as you hover over a menu item, the bottom parts of the page get scrambled. link here here is the html/css of it: Code: <?xml version="1.0" encoding="iso-8859-1"?>
<!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" xml:lang="en" lang="en">
<head>
<title>St. Augustine Parish</title>
<style type="text/css">
<!--
* {
margin: 0;
padding: 0;
}
h4 {color: #780E22}
div, p, th, td, li {
font-family: Arial, Sans, sans-serif;
font-size: 12px;
color: #858585;
}
p, li {
margin-bottom: 15px;
}
#page {
background: #FFF url("images/header.gif") no-repeat;
padding-top: 57px;
width: 800px;
}
#content {
background: #FFF url("images/fade.gif") top left repeat-x;
padding: 25px 15px;
}
#menu {
background: #780E22 url("images/img.gif") top right no-repeat;
}
#menu ul {
border: none;
list-style: none;
width: 195px;
}
#menu li
{
border-bottom: 1px solid #924A58;
margin-bottom: 0;
}
#menu li a {
background-color: #AD5868;
color: #fff;
display: block;
font-size: 14px;
font-weight: bold;
padding-left: 15px;
text-decoration: none;
}
#menu li a:hover {
background-color: #D18795;
}
#col1 {width: 259px;
float: left;
border-right: 1px solid black;
margin-left: 6px;
}
#col2 {width: 259px;
float: left;
border-right: 1px solid black;
margin-left: 6px;
}
#col3 {width: 259px;
float: left;
margin-left: 6px;
position: absolute; left: 542px;
}
#notice {width: 518px;
border: 1px solid black;
float: right;
position: absolute; left: -259px;
padding: 5px;
margin-bottom: 10px;
}
#footercontain {width: 800px;}
#footer {width: 100%;
clear: both;
font-family: Arial, Sans, sans-serif;
font-size: 12px;
text-align: center;
}
-->
</style>
</head>
<body>
<div id="page">
<div id="menu">
<ul>
<li><a href="#">Community Links</a></li>
<li><a href="#">Driving Directions</a></li>
<li><a href="#">Faith Formation</a></li>
<li><a href="#">Homilies</a></li>
<li><a href="#">Music Ministry</a></li>
<li><a href="#">News And Events</a></li>
<li><a href="#">Parish Photos</a></li>
<li><a href="#">Parish Ministries</a></li>
<li><a href="#">Who’s Who</a></li>
</ul>
</div>
<div id="content">
</div>
<div id="col1">
<table width="260px">
<tr><td><p>Mass Schedule </p></td></tr><tr><td><p>Monday - Thursday 10:00AM<br />Saturday 5:15 PM (DST) - Saturday 4:00 PM (EST)<br />Sunday 8:30AM 11:00AM</p></td></tr><tr><td><p>Baptism Parents Class 3rd Wednesday of each month at 7:00PM (call Pastoral Office to register)</p></td></tr><tr><td><p>Nursery service, Childrens Litury of the Word and SEEDS Program for 3 and 4 year olds call 315.635.0881.</p></td></tr><tr><td><p><img src="images/arrow.gif"> Read this Week’s Bulletin (pdf)</p></td></tr><tr><td><p><img src="images/arrow.gif"> Download Liturgical Schedules</p></td></tr><tr><td><p><img src="images/arrow.gif"> Readings for Wednesday of the Fourth Week of Easter (usccb.org)</p></td></tr>
</table>
</div>
<div id="col2">
<table width="260px">
<tr><td><p>Mass Schedule</p></td></tr><tr><td><p>Monday - Thursday 10:00AM<br />Saturday 5:15 PM (DST) - Saturday 4:00 PM (EST)<br />Sunday 8:30AM 11:00AM</p></td></tr><tr><td><p>Baptism Parents Class 3rd Wednesday of each month at 7:00PM (call Pastoral Office to register)</p></td></tr><tr><td><p>Nursery service, Childrens Litury of the Word and SEEDS Program for 3 and 4 year olds call 315.635.0881.</p></td></tr>
</table>
</div>
<div id="col3">
<table width="260px">
<tr><td><p>Mass Schedule<p></td></tr><tr><td><p>Monday - Thursday 10:00AM<br />Saturday 5:15 PM (DST) - Saturday 4:00 PM (EST)<br />Sunday 8:30AM 11:00AM</p></td></tr><tr><td><p>Baptism Parents Class 3rd Wednesday of each month at 7:00PM (call Pastoral Office to register)</p></td></tr><tr><td><p>Nursery service, Childrens Litury of the Word and SEEDS Program for 3 and 4 year olds call 315.635.0881.</p></td></tr>
</table>
<br />
<div id="notice">
<h4>Notice</h4> <br /> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</div>
</div>
</div>
<div id="footercontain">
<div id="footer">
© 2004-2007 St. Augustine's Parish, All Rights Reserved<br />
Web Site Design By <a href="http://www.saltcitytech.com">Salt City Tech</a>
</div>
</div>
</body>
</html>
<!-- <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus aliquam felis et neque. Sed ut mauris. Mauris fringilla gravida leo. Sed a turpis et magna mollis laoreet. Nullam felis dolor, sodales quis, semper blandit, aliquet nec, enim. Etiam in ligula eget nibh facilisis convallis. Pellentesque elit. Etiam sapien. Etiam mollis lorem a nibh. Etiam varius tortor. Integer ultricies.</p>
<p>Nam placerat ipsum at nisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Nunc augue. Cras condimentum leo eget massa. In hac habitasse platea dictumst. Suspendisse sollicitudin magna ut turpis. Praesent id nisi sit amet orci fringilla dictum. Fusce pretium dui sed leo. Maecenas aliquam tellus vel leo. Nulla ac sapien. Nullam ac tortor. Proin mauris. Suspendisse et magna ullamcorper ante rutrum congue. Nunc malesuada vulputate justo. Aenean suscipit pulvinar velit. Fusce et ligula. Nulla at enim eget metus ullamcorper tempor.</p>
<p>Aliquam risus orci, ultrices non, lobortis eget, cursus ultricies, lorem. Fusce nec eros. Sed faucibus, tellus nec tempor tincidunt, ante dui feugiat leo, et euismod lectus lectus in libero. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Maecenas ultrices lectus eget lorem. Nunc vel justo nec mi condimentum porttitor. Integer eget lorem in dolor bibendum vulputate. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque facilisis. Aenean auctor. Ut at ligula. Nunc posuere.</p>
<p>Suspendisse potenti. Nam ac nibh. Aenean quam. Sed ut nisi id arcu nonummy consequat. Ut sapien arcu, gravida vel, accumsan vel, facilisis ut, magna. Vestibulum eget nisi ac neque feugiat ultricies. Vestibulum ut neque. Mauris nonummy. Vivamus est elit, semper ut, egestas at, consectetuer eu, sem. Praesent nec libero a nulla feugiat lacinia. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nunc tortor felis, pellentesque sit amet, accumsan vitae, tincidunt et, justo. Nunc leo. Integer nonummy lobortis nunc.</p>
<p>Fusce libero lacus, porttitor eu, suscipit at, ultrices a, lacus. Aenean a neque nec sem pulvinar mollis. Integer vel nisi. Nullam ultrices tellus quis justo. Donec fringilla ullamcorper arcu. Mauris ut orci quis tellus aliquam ultrices. Nulla dui sapien, scelerisque a, gravida in, tristique a, erat. Integer tristique. Maecenas varius bibendum tortor. Donec vitae felis non felis placerat pellentesque. Mauris dignissim, massa nec vestibulum mollis, ante libero semper mi, in dignissim lectus sem vel pede.</p>
-->
I appreciate any help that you might have to offer. thank you. Here is my CSS: Code: #awardcontainer {
width: 700px;
margin-top: 20px;
margin: auto;
padding: 0;
}
#blueheader {
background: url('http://www.forumbuff.com/fpacolor1top.png') no-repeat;
width: 700px;
height: 50px;
margin: 0;
padding: 5px;
}
#bluecontent {
background: yellow;
max-width: 700px;
margin: 0;
padding: 2;
}
#bluefooter {
background: url('http://www.forumbuff.com/fpacolor1bottom.png') no-repeat;
width: 700px;
height: 50px;
margin: 0;
padding: 5px;
float: left;
}
Here is my HTML: HTML Code: <html> <head> <title>Test</title> <link href="stylesheet.css" rel="stylesheet" type="text/css"> </head> <body> <div id="awardcontainer"> <div id="blueheader"> </div> <div id="bluecontent"> Testing 1 2 3 </div> <div id="bluefooter"> </div> </div> </body> </html> The error can be found at: http://zenrer.com/fptest/awards.html I have never seen this problem before, the gap between the header and the content. Can someone help me please. i need a code for a scroll box that when you put a code inside like <img src="www... and so on it will show the code and not the image or anything else i put it...i just want it to show the code thanks in advance -dorota Hi, My Problem is with ie6 only I have a Menu with Mouse over that changes the background color. I have 6 different menu Home-About-partnership-findadealer-becomedealer-faq-calculator but here's the poroblem: calculator appears twice in the page and in the source code it is there only once. The proof when you try to highlight the word 'calculator ' , both are highlighted. And , Another weird thing if you go on the calculator Page: Everything is ok Any help would be appreciated Thanks After fixing the code for my image maps after my question yesterday, I got an email from a user saying this: "I just noticed one thing when viewing the site using IE. on the pages, IE is shrinking the image and rather than giving me the option to click on a link, it gives me a magnifying glass to enlarge the image. When i enlarge the image, I still can't click on the links. Instead I get the magnifying glass to shrink the image back down." Here is an example of the code: <img src="About.jpg" width="1100" height="825" border="0" usemap="#about" /> <map name="about" /> <area shape="rect" coords="285,29,316,50" href="http://www.com" title="HOME" alt="Home" /> <area shape="rect" coords="383,29,460,50" href="http://www.com/teachers" title="FOR TEACHERS" alt="For Teachers" /> <area shape="rect" coords="469,29,516,50" href="http://www.com/support" title="SUPPORT" alt="Support" /> </map> It works fine with Safari and Firefox. What could be causing that problem with IE? Okay guys, here's the situation. Basically, everything looks as it should within FireFox on my page, however IE brings me weird troubles. Upon loading the page at first in IE, it usually has some stranger extra space around the border, you'll see what I mean when I link it up. However, upon a refresh it looks as it should. What changes in a refresh on IE? So I temporarily just set the java popup window to be immediate, which auto-refreshes the page thus making look as it should. I don't know if this method fixes the look for everybody though. Here is the page with the java popup: http://perfectpathtowealth.com Here is it without: http://perfectpathtowealth.com/testindex123.html Anyone have any idea what I could do to fix the problem in IE? Thanks in advance! I'm scraping some websites and I've come across a site with a weird link structure. The <a href> shows a relative link, but that relative link added onto the current link does not equal the absolute link I see on the bottom of my browser. If I want to make a robust web crawler, how do I detect that a certain site will have such an abnormality? I am just about to ship this template off to a customer but I am having a problem with my footer. The footer is supposed to expand the width of the page at the very bottom of the page. However, the footer is cramming itself in below the content on the right side panel. However, if I add 2 </div> tags in the HTML code directly above the footer code than it works perfect. The problem is that this invalidates the code and I can't figure out why. The validator claims these </div> tags aren't matched with enough <div> tags. Im going nuts and I know this is a really simple issue. Can anybody see what is going on?! Here is the page I am talking about: http://current-post.com/refractive/inner.html |
|||||||