|
HTML - Ie6 Vs Ie7 Weird Thing Hapennig
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 Similar Tutorialshi, 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 Ok... HOWCOME1 is in I.E., and HOWCOME2 is in FF. Can someone explain this error to me? I've never seen something like this before... Any suggestions, fixes etc. What's going wrong is circled in red... Help needed preferably. http://www.influxgaming.com/ Thanks, in advanced. So I'm using this frameset on this one page, and I got 2 frames on it, lets call them "menu" and "main", which link to menu.html and main.html respectively. I'm trying to simply make a href in the "main" page that goes to another page which doesn't have the frameset. so if i type <a href="page2.html" target="new">Link</a>, pretty much just using "new" as an arbitrary word here, it does what i want it to do in Firefox (exits the frameset and goes to page2.html). but in other browsers it opens a new tab for page2.html instead of opening in the same tab. I think it has something to do with the target, but i'm not entirely sure what to set it to. So, how do i get it to not open a new tab when i want to exit the frameset? OK im kinda new to HTML and ive done lots of researching online and online tutorials. What im trying to do is have a button do more than one thing. I cant use PHP or anything other just HTML. Anyone ? Thanks Hi I have this Code in HTML (not XHTML): Code: <html>
<head>
<title>1_html_works_with_both</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
</style>
</head>
<body>
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="100%" height="320" align="left" valign="top" bgcolor="#FF0000"> </td>
</tr>
<tr>
<td width="100%" height="100%" align="left" valign="top"><iframe width="100%" height="100%" frameborder="0" src="http://www.cnn.com/" name="test" id="test" scrolling="auto" /></td>
</tr>
</table>
</body>
</html>
This displays a red space of 320 pixels height at the top of the page, and under it, until the bottom of the page, the CNN website (in an Iframe). This is absolutely no problem and works in Firefox and IE. Now I do the same with XHTML: 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">
<head>
<title>2_xhtml_works_with_none</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
</style>
</head>
<body>
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="100%" height="320" align="left" valign="top" bgcolor="#FF0000"> </td>
</tr>
<tr>
<td width="100%" height="100%" align="left" valign="top"><iframe width="100%" height="100%" frameborder="0" src="http://www.cnn.com/" name="test" id="test" scrolling="auto" /></td>
</tr>
</table>
</body>
</html>
This will not work in Firefox and also not in IE. It will display the same fix red space, but the iframe will not fill the page until the bottom of the page. So, there is this known fix: 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">
<head>
<title>3_xhtml_works_only_with_firefox</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
html {
height: 100%;
overflow-x: hidden;
}
body {
height: 100%;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
</style>
</head>
<body>
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="100%" height="320" align="left" valign="top" bgcolor="#FF0000"> </td>
</tr>
<tr>
<td width="100%" height="100%" align="left" valign="top"><iframe width="100%" height="100%" frameborder="0" src="http://www.cnn.com/" name="test" id="test" scrolling="auto" /></td>
</tr>
</table>
</body>
</html>
But: it works only with Firefox. Firefox understands this 100% high table cell as "fill the rest of the page" while IE understands it as "a whole page height, not only the rest of the page". This results in... a scrollbar mess! I hope you can follow... you can test it with the code provided. Thanks for any help! praiser Sorry, I have no idea what to call it. The below linked website has a green sort of border on both sides of the main white page: http://www.lusu.co.uk/bowland I was wondering what coding could be used to achieve that effect? Thank you, Suzanne. dear viewers i am new to this forum . i need some help on creating a addon in internet explorer i work for quality check in a limited company. in quality checking procedure i will get a IE page where i have to check whether the spellings are correct and whether the space before after colon and fill stop are correct..... this is my checking procedure. i can find some colon spacing errors by looking at the page. but i dont want to waste my time on finding a bulky pages................... so please any one help me on creating a button or some other source which fits in Internet Explorer when i click that button it should find all the colons and compare the spaces before and after the colon and "?". remaining symbols i can add later...... thnaks in advance first, sorry if this is in the wrong forum, because it has to be done with javascript or something... anways, i need to make something that will be able to have just a picture, 650 x 650 or so, and when it is clicked, it will change to another (hopefully random) picture. also would like to do something below the picture, a link that you can click to open the picture up in a new page, in mabey a 900 x 900 size, or reverse the clickingof link/pic if that would be easier... i could probably figure out the enlarging, but for the getting new picture i have no clue... any help would be awsome. thanks Hi the phone number box is not placed correctly as you can see he http://extramoney.net16.net How do i fix it ? There must be a small error in the code .. HTML code he <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"> <HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>Exclusive - Template</TITLE> <META http-equiv=Content-Type content="text/html; charset=utf-8"> <STYLE type=text/css>#mainWrapper { MARGIN-TOP: 0px; FONT-SIZE: 12px; MARGIN-LEFT: auto; WIDTH: 732px; COLOR: #333333; MARGIN-RIGHT: auto; FONT-FAMILY: Arial, Helvetica, sans-serif } BODY { MARGIN-TOP: 0px; BACKGROUND-IMAGE: url(repeater-orange.jpg); BACKGROUND-REPEAT: repeat-x } #video-area { BACKGROUND-IMAGE: url(../ExclusiveTemplate/HTML/images/video-area-bg.jpg); BACKGROUND-REPEAT: no-repeat; HEIGHT: 385px } #footer { BORDER-TOP: #cccccc 1px dotted; MARGIN-TOP: 20px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px } .style1 { FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #666666 } </STYLE> <META content="Created with Trellian WebPage" name=description> <META content="MSHTML 6.00.2900.6036" name=GENERATOR></HEAD> <BODY> <DIV align=center> <TABLE style="Z-INDEX: 101; LEFT: 331px; WIDTH: 589px; POSITION: absolute; TOP: 103px; HEIGHT: 351px" height=351 cellSpacing=0 cellPadding=0 width=589 border=0> <TBODY> <TR> <TD><IMG style="WIDTH: 596px; HEIGHT: 334px" height=300 alt="" hspace=0 src="7fa10df874.jpg" width=600 border=0></TD></TR></TBODY></TABLE><IMG height=87 alt="" hspace=0 src="header-orange.jpg" width=732 border=0><BR> <DIV id=mainwrapper style="WIDTH: 733px; HEIGHT: 98.9%"> <DIV align=center><IMG height=385 alt="" hspace=0 src="video-area-bg.jpg" width=732 border=0></DIV> <P align=center><FONT face=Default size=2><FONT face=Impact><FONT size=3><FONT face="Gill Sans MT" color=#ff0000 size=4><STRONG>Discover The Secret $35K/Month System That <U>WILL</U> Separate You From The Pack!</STRONG></FONT> <BR></FONT></FONT><FONT face="Tw Cen MT"><FONT face="Lucida Sans Unicode" color=#000000><FONT color=#000000><STRONG><FONT face="Gill Sans MT" size=3>(The Very Good News Is That Im Gonna Reveal It To You For FREE! This Is Unheard Of..!)</FONT></STRONG><BR>You Will Be Getting Instant Access To The Full 1on1 Training Course That <BR>Others Have Paid Upto $1,997 To Use For <U>FREE</U>! This Wont Last Long, Sign Up Today...<BR></FONT> <SCRIPT src="http://www.jotform.com/min/g=jotform&3.1.9" type=text/javascript></SCRIPT> <SCRIPT type=text/javascript> JotForm.init(function(){ $('input_7').hint('ex: myname@example.com'); }); </SCRIPT> <LINK href="http://www.jotform.com/css/styles/form.css?v3.1.9" type=text/css rel=stylesheet><LINK href="http://www.jotform.com/css/styles/jottheme.css" type=text/css rel=stylesheet><LINK href="http://www.jotform.com/css/calendarview.css?v3.1.9" type=text/css rel=stylesheet> <STYLE type=text/css>.form-label { WIDTH: 100px! important } .form-label-left { WIDTH: 100px! important } .form-line { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px } .form-label-right { WIDTH: 100px! important } .form-all { FONT-SIZE: 12px; BACKGROUND: #ffffff; WIDTH: 275px; COLOR: #000000! important; FONT-FAMILY: "Trebuchet MS" } </STYLE> <FORM class=jotform-form id=3155437226 name=form_3155437226 accept-charset=utf-8 action=http://www.jotform.com/submit.php method=post><INPUT type=hidden value=3155437226 name=formID><FONT size=3> </FONT></P> <DIV class=form-all> <UL class=form-section> <LI class=form-line id=id_9><LABEL class=form-label-left id=label_9 for=input_9><FONT size=3>First Name<SPAN class=form-required>*</SPAN> </FONT></LABEL> <DIV class=form-input id=cid_9><INPUT class="form-textbox validate[required]" id=input_9 size=25 name=q9_firstName><FONT size=3> </FONT></DIV></LI> <LI class=form-line id=id_7><LABEL class=form-label-left id=label_7 for=input_7><FONT size=3>E-mail<SPAN class=form-required>*</SPAN> </FONT></LABEL> <DIV class=form-input id=cid_7><INPUT class="form-textbox validate[required, Email]" id=input_7 size=25 name=q7_email><FONT size=3> </FONT></DIV></LI> <LI class=form-line id=id_8><LABEL class=form-label-left id=label_8 for=input_8><FONT size=3>Phone Number<SPAN class=form-required>*</SPAN> </FONT></LABEL> <DIV class=form-input id=cid_8 style="WIDTH: 156px; HEIGHT: 41px"><SPAN class=form-sub-label-container><INPUT class="form-textbox validate[required]" id=input_8_area size=3 name=q8_phoneNumber8[area]><FONT size=3> - </FONT><LABEL class=form-sub-label id=sublabel_area for=input_8_area><FONT size=3><FONT size=1>Area Code</FONT> </FONT></LABEL></SPAN><SPAN class=form-sub-label-container><INPUT class="form-textbox validate[required]" id=input_8_phone size=8 name=q8_phoneNumber8[phone]><FONT size=3> </FONT><LABEL class=form-sub-label id=sublabel_phone for=input_8_phone><FONT size=3><FONT size=1>Phone Number</FONT></FONT></LABEL></SPAN></DIV></LI> <LI class=form-line id=id_2> <DIV class=form-input-wide id=cid_2> <DIV class=form-buttons-wrapper style="TEXT-ALIGN: center"><FONT size=3><INPUT type=image height=69 alt="Submit Form" width=270 src="get-instant-access.jpg" border=0> </FONT></DIV></DIV> <LI style="DISPLAY: none"><FONT size=3>Should be Empty: </FONT><INPUT name=website><FONT size=3> </FONT></LI></UL></DIV><INPUT id=simple_spc type=hidden value=3155437226 name=simple_spc> <SCRIPT type=text/javascript> document.getElementById("si" + "mple" + "_spc").value = "3155437226-3155437226"; </SCRIPT> <FONT size=3></FONT></FONT></FONT><BR></FONT><IMG style="Z-INDEX: 102; LEFT: 362px; POSITION: absolute; TOP: 675px" height=111 alt="" hspace=0 src="arrow-hand.JPG" width=128 border=0> <IMG style="Z-INDEX: 103; LEFT: 781px; POSITION: absolute; TOP: 672px" height=111 alt="" hspace=0 src="arrow-hand1.JPG" width=128 border=0> <TABLE style="Z-INDEX: 104; LEFT: 371px; TOP: 853px" height=16 cellSpacing=0 cellPadding=0 width=506 border=0> <TBODY> <TR> <TD> <P class="style21 style1" align=center><FONT face=Arial><FONT color=#000000 size=2>The Goal Is To Create The Next 20 "Internet Big Shots" This Year!<BR>(Your Background, Experience, Online Skills, Looks, Doesnt Matter)<BR></FONT><BR></FONT>Michael?s Millionaire Mentoring - Home - Privacy - Disclaimer - All Rights Reserved 2010</P></TD></TR></TBODY></TABLE></FORM></DIV></DIV></BODY></HTML> Hi All, I'm working on http://www.thesuccessleague.com/hbbtsstart.php and I'm trying to get the red text box on the left (with the picture of a woman) at the very top. I'm sure there's a cleaner way to do it (I'm not an expert at div tags yet), so I put the text box in a table and put that table in another table (as you can see in the code). What code do I have to use to anchor that red text box to the top of that left column? Do I need to use div tags? And if so, how do I anchor it to the table (and not to specific coordinates measurade against the top and left margins)> Thanks for your help! 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? 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 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 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. 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!!! 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. 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> 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 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? Hey, I've just recently up-loaded a new site i have put together, and i'm having a wierd problem with some of the images on the site. Whats happening is that when i view my site, some of the images don't appear, i just get the right hand corner red cross box. And a friend of mine who viewed the site had exactly the same problems, with exactly the same images. But two other people who viewed the site had no problems with any of the images not showing! The other wierd thing, is that i will have an image which works on one page, but then won't work on another page, even though it's exactly the same image file. This is only the case for one image which i'm aware of, all the other images which aren't working are consitant throughout all pages. I have contacted my hosting company and they have mentioned it's most likely something to do with my site coding. I don't understand what i could have done to have made this happen though. If one image works, the others should too... or so i would have presumed. All my images are in the same image folder and they are all either jpg or gif files. My website is feedthefitness.com i hope it's ok i mention it on this forum. I think it would be good to be able to have a look at the site to see what i'm talking about. Any ideas of what could be the problem would be greatly appreciated. I've tried up-loading my site a few times and it's made no difference. Thanks in advance. |
|||||||