|
HTML - I Have Some Problems With Menu And Banner [html]
Hello, I have some problems with HTML, I can not see anything particularly wrong, but the banner and my menu aint hang together in IE, it is about 10 pixels from each other, they sit perfectly with each other browsers, it is only Internet Explorer there the menu and the banner does not hang together.
Print Screen: Thank you for helping me! -Kristoffer Similar TutorialsHi guys, my name is Paolo and I'm newbie I don't speak English very well because my native language is Italian (I live in Switzerland, so..). This is my Menu HTML code: PHP Code: <div id="telefilm-menu"> <ul> <li class="first"></a> <li><a href="http://www.telefilmnetwork.com/greek/" class="right current">Sommario</a></li> <li><a href="http://www.telefilmnetwork.com/greek/news/" class="right">News</a></li> <li><span class="right">Episodi</span></li> <li><span class="right">Cast</span></li> <li><span class="right">Immagini</span></li> <li><span class="right">Video</span></li> <li><span class="right">Musica</span></li> <li><span class="right">DVD</span></li> <li><span class="right">Extra</span></li> <li><span>Forum</span></li> <li class="last"></a> </ul> </div> The CSS style: PHP Code: #telefilm-menu { margin: 124px 0 0 10px; font-weight: bold; } #telefilm-menu li.first { width: 10px; height: 36px; background: url("telefilmenu-sx.gif") no-repeat top left; padding: 0; } #telefilm-menu li.last { width: 10px; height: 36px; background: url("telefilmenu-rx.gif") no-repeat top left; padding: 0; } #telefilm-menu ul{ margin:0; padding:0; list-style-type:none; width:auto; float:left; height: 36px; } #telefilm-menu ul li{ display:block; float:left; margin:0; background: url("telefilmenu.gif") repeat-x top left; color:#cccccc; text-decoration:none; line-height: 36px; vertical-align: middle; padding: 0 5px 0; } #telefilm-menu ul li span.right{ background: url("telefilmenu-border.gif") no-repeat bottom right; display:block; line-height: 36px; padding-right: 10px; } #telefilm-menu ul li a{ display:block; float:left; color:#000000; text-decoration:none; line-height: 36px; vertical-align: middle; padding: 0 8px 0 8px; } #telefilm-menu ul li a.right{ background: url("telefilmenu-border.gif") no-repeat bottom right; display:block; line-height: 36px; padding-right: 10px; padding-left: 10px; } #telefilm-menu ul li a.current{ display:block; float:left; color:#ffffff; text-decoration:none; line-height: 36px; vertical-align: middle; background: #006f9f; } #telefilm-menu ul li a.current:hover{ color:#ffffff; text-decoration:none; } #telefilm-menu ul li a:hover{ color: #000000; text-decoration: underline; That's what appear: The problem is that when there is the blue background (as color, not image), the "bar" on the right doesn't appear because is also as background.. I would like to get this: I don't really know how to do that...Can anybody help me please? Thanks in advance, Paolo. PS: sorry for the time, but where I live it 's midday i have made a one page site for a mate, but what ever i try i can not get the banner to show up, can anyone help me and tell me what i have done wrong please, heres the link to the site. http://a1aerials.info/ Thanks stephen I was posting in a forum on another site, the person helping me got swamped with work and I need this done tonight.. He helped me put links on different parts of my banner, and then he sent me the attachment (that I attached below). I opened it in Adobe Contribute CS4 but I can't figure out how to publish it to get the changes he made onto my blog.. I tried just copying the html and putting it into my blog myself but I'm a nub and that's not working either. Please help! I'm willing to pay, donate to your site/blog, whatever to get this done today! Thanks so much in advance!! HI guys I am joined shareasale and cj and want to place many banners in rotation at top of my home page. How I can do this. I logged into my cpanel account and checked Entropy banners but there I need upload banners, etc. Please give me easy way so I can add/remove banners from rotation. You know shareasale and cj affiliate banners code is a little bit complex than usual links. GCS Hi So I'm creating a website and I made a banner in photoshop with the Home, About buttons etc on it. I have made text in HTML saying Home, About (and the other buttons) And I have placed it over the buttons on the jpg banner. But now I need to know how to make a box around the text, so anywhere in the box is clickable, rather than just the actual text. Then I can just make the links transparent and Im set! I am a noob... A pic for those confused..... probably all of you : ( i know its not looking great but im still only designing it) http://i1058.photobucket.com/albums/t402...17/pic.jpg I know I could just enlarge the text so it fits the buttons on the picture, but then I would have to change the margins and stuff again and there must be an easier way to do it and I want to learn how. Help will be appreciated PS: If you look at the pic, you'll see the dark grey div. If possible, I would like to know how to get rid of that space between the div and banner. Thanks http://homepage.ntlworld.com/paul.erwin/homepage.html <html> <head> <title>Romanian Aid Distrubution</title></head> <body bgcolor="#ffffff" text="#000000"> <center><img src="http://homepage.ntlworld.com/paul.erwin/banner.jpg" border=0 width=778px></center> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <!-- saved from url=(0014)about:internet --> <table bgcolor="#33bb00" border=0 align=center cellspacing=0 valign=top> <tr><td width=776px><center> <html> <head> <title>horizontal-menu.png</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <!--Fireworks CS3 Generic target. Created Tue Sep 23 17:01:42 GMT+0100 (GMT Daylight Time) 2008--> <script language="JavaScript"> <!-- function MM_displayStatusMsg(msgStr) { //v1.0 status=msgStr; document.MM_returnValue = true;} function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x;} function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}} function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;} function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}} //--> </script> </head> <body bgcolor="#ffffff" onLoad="MM_preloadImages('http://homepage.ntlworld.com/paul.erwin/home-button-rollover.jpg','file:///http|//homepage.ntlworld.com/paul.erwin/home-button-rollover.jpg','http://homepage.ntlworld.com/paul.erwin/about-button-rollover.jpg','file:///http|//homepage.ntlworld.com/paul.erwin/about-button-rollover.jpg','http://homepage.ntlworld.com/paul.erwin/projects-button-rollover.jpg','file:///http|//homepage.ntlworld.com/paul.erwin/projects-button-rollover.jpg','http://homepage.ntlworld.com/paul.erwin/help-button-rollover.jpg','file:///http|//homepage.ntlworld.com/paul.erwin/help-button-rollover.jpg','http://homepage.ntlworld.com/paul.erwin/fundraising-button-rollover.jpg','file:///http|//homepage.ntlworld.com/paul.erwin/fundraising-button-rollover.jpg','http://homepage.ntlworld.com/paul.erwin/newsletter-button-rollover.jpg','file:///http|//homepage.ntlworld.com/paul.erwin/newsletter-button-rollover.jpg','http://homepage.ntlworld.com/paul.erwin/pictures-button.jpg','http://homepage.ntlworld.com/paul.erwin/pictures-button-rollover.jpg','file:///http|//homepage.ntlworld.com/paul.erwin/pictures-button-rollover.jpg','http://homepage.ntlworld.com/paul.erwin/videos-button-rollover.jpg','file:///http|//homepage.ntlworld.com/paul.erwin/videos-button-rollover.jpg','http://homepage.ntlworld.com/paul.erwin/contact-button-rollover.jpg');"> <table border="0" cellpadding="0" cellspacing="0" width="756"> <!-- fwtable fwsrc="Horizontal-menu.png" fwpage="Page 1" fwbase="horizontal-menu.jpg" fwstyle="Generic" fwdocid = "738071944" fwnested="0" --> <tr><td><a href="http://homepage.ntlworld.com/paul.erwin/homepage.html" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_displayStatusMsg('ROAD - Home');MM_swapImage('horizontalmenu_r1_c1','','http://homepage.ntlworld.com/paul.erwin/home-button-rollover.jpg','horizontalmenu_r1_c1','','file:///http|//homepage.ntlworld.com/paul.erwin/home-button-rollover.jpg',1);return document.MM_returnValue"><img name="horizontalmenu_r1_c1" src="http://homepage.ntlworld.com/paul.erwin/horizontal-menu_r1_c1.jpg" width="83" height="30" border="0" alt="Home"></a></td> <td><a href="http://homepage.ntlworld.com/paul.erwin/about.html" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_displayStatusMsg('ROAD - About Us');MM_swapImage('horizontalmenu_r1_c2','','http://homepage.ntlworld.com/paul.erwin/about-button-rollover.jpg','horizontalmenu_r1_c2','','file:///http|//homepage.ntlworld.com/paul.erwin/about-button-rollover.jpg',1);return document.MM_returnValue"><img name="horizontalmenu_r1_c2" src="http://homepage.ntlworld.com/paul.erwin/horizontal-menu_r1_c2.jpg" width="85" height="30" border="0" alt="About Us"></a></td> <td><a href="http://homepage.ntlworld.com/paul.erwin/projects.html" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('horizontalmenu_r1_c3','','http://homepage.ntlworld.com/paul.erwin/projects-button-rollover.jpg','horizontalmenu_r1_c3','','file:///http|//homepage.ntlworld.com/paul.erwin/projects-button-rollover.jpg','horizontalmenu_r1_c3','','file:///http|//homepage.ntlworld.com/paul.erwin/projects-button-rollover.jpg',1);"><img name="horizontalmenu_r1_c3" src="http://homepage.ntlworld.com/paul.erwin/horizontal-menu_r1_c3.jpg" width="83" height="30" border="0" alt="Projects"></a></td> <td><a href="http://homepage.ntlworld.com/paul.erwin/help.html" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('horizontalmenu_r1_c4','','http://homepage.ntlworld.com/paul.erwin/help-button-rollover.jpg','horizontalmenu_r1_c4','','file:///http|//homepage.ntlworld.com/paul.erwin/help-button-rollover.jpg','horizontalmenu_r1_c4','','file:///http|//homepage.ntlworld.com/paul.erwin/help-button-rollover.jpg',1);"><img name="horizontalmenu_r1_c4" src="http://homepage.ntlworld.com/paul.erwin/horizontal-menu_r1_c4.jpg" width="85" height="30" border="0" alt="Ways To Help"></a></td> <td><a href="http://homepage.ntlworld.com/paul.erwin/fundraising.html" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('horizontalmenu_r1_c5','','http://homepage.ntlworld.com/paul.erwin/fundraising-button-rollover.jpg','horizontalmenu_r1_c5','','file:///http|//homepage.ntlworld.com/paul.erwin/fundraising-button-rollover.jpg','horizontalmenu_r1_c5','','file:///http|//homepage.ntlworld.com/paul.erwin/fundraising-button-rollover.jpg',1);"><img name="horizontalmenu_r1_c5" src="http://homepage.ntlworld.com/paul.erwin/horizontal-menu_r1_c5.jpg" width="84" height="30" border="0" alt="Fundraising"></a></td> <td><a href="http://homepage.ntlworld.com/paul.erwin/newsletter.html" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('horizontalmenu_r1_c6','','http://homepage.ntlworld.com/paul.erwin/newsletter-button-rollover.jpg','horizontalmenu_r1_c6','','file:///http|//homepage.ntlworld.com/paul.erwin/newsletter-button-rollover.jpg',1);"><img name="horizontalmenu_r1_c6" src="http://homepage.ntlworld.com/paul.erwin/horizontal-menu_r1_c6.jpg" width="83" height="30" border="0" alt="Newsletter"></a></td> <td><a href="http://homepage.ntlworld.com/paul.erwin/pictures.html" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('horizontalmenu_r1_c7','','http://homepage.ntlworld.com/paul.erwin/pictures-button.jpg','horizontalmenu_r1_c7','','http://homepage.ntlworld.com/paul.erwin/pictures-button-rollover.jpg','horizontalmenu_r1_c7','','file:///http|//homepage.ntlworld.com/paul.erwin/pictures-button-rollover.jpg',1);"><img name="horizontalmenu_r1_c7" src="http://homepage.ntlworld.com/paul.erwin/horizontal-menu_r1_c7.jpg" width="85" height="30" border="0" alt="Pictures"></a></td> <td><a href="http://homepage.ntlworld.com/paul.erwin/videos.html" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('horizontalmenu_r1_c8','','http://homepage.ntlworld.com/paul.erwin/videos-button-rollover.jpg','horizontalmenu_r1_c8','','file:///http|//homepage.ntlworld.com/paul.erwin/videos-button-rollover.jpg',1);"><img name="horizontalmenu_r1_c8" src="http://homepage.ntlworld.com/paul.erwin/horizontal-menu_r1_c8.jpg" width="84" height="30" border="0" alt="Videos"></a></td> <td><a href="http://homepage.ntlworld.com/paul.erwin/contact.html" onMouseOut="MM_swapImgRestore();" onMouseOver="MM_swapImage('horizontalmenu_r1_c9','','http://homepage.ntlworld.com/paul.erwin/contact-button-rollover.jpg',1);"><img name="horizontalmenu_r1_c9" src="http://homepage.ntlworld.com/paul.erwin/horizontal-menu_r1_c9.jpg" width="84" height="30" border="0" alt="Contact Us"></a></td> <td><img src="http://homepage.ntlworld.com/paul.erwin/spacer.gif" width="1" height="30" border="0" alt=""></td> </tr> </table> </body> </html></td></tr> <tr> <td><center><font size=7><font face="Comic Sans MS">Welcome<br><br><hr width =90%></font></center></td></tr> <br><br><br><br><br> <tr> <td><table border=0 width=400px align=center> <tr><td width=200px><center><a href=http://homepage.ntlworld.com/paul.erwin/about.html><img src="http://homepage.ntlworld.com/paul.erwin/about.jpg" border=0 width=200px></center></td></a> <td width=200px><center><a href=http://homepage.ntlworld.com/paul.erwin/projects.html><img src="http://homepage.ntlworld.com/paul.erwin/projects.jpg" border=0 width=200px></center></td></a> <td width=200px><center><a href=http://homepage.ntlworld.com/paul.erwin/contact.html><img src="http://homepage.ntlworld.com/paul.erwin/contact.jpg" border=0 width=200px></center></td></tr></a> <tr><td width=200px><center><a href=http://homepage.ntlworld.com/paul.erwin/help.html><img src="http://homepage.ntlworld.com/paul.erwin/help.jpg" border=0 width=200px></center></td></a> <td width=200px><center><a href=http://homepage.ntlworld.com/paul.erwin/newsletter.html><img src="http://homepage.ntlworld.com/paul.erwin/newsletter.jpg" border=0 width=200px></center></td></a> <td width=200px><center><a href=http://homepage.ntlworld.com/paul.erwin/fundraising.html><img src="http://homepage.ntlworld.com/paul.erwin/fundraising.jpg" border=0 width=200px></a></center></td></tr></table></td></tr></table> </body> </html> I am having problems with my drop down menu in both IE6 and IE7 it is not showing the borders on the list items menu markup Code: <ul id="topMenu" class="topMenuHoriz">
<li><a href="index.php">Home</a></li>
<li><a href="portfolio.php">Our Work</a></li>
<li><a href="services.php" onmouseover="setMenu('topMenuSub')" onmouseout="clearMenu('topMenuSub')">Services</a></li>
<li><a href="contact.php">Get in Touch</a></li>
</ul>
<ul id="topMenuSub" class="topMenuVert" onmouseover="setMenu('topMenuSub')" onmouseout="clearMenu('topMenuSub')">
<li><a href="basicPackage.php">Basic Package</a></li>
<li><a href="starterPackage.php">Starter Package</a></li>
<li><a href="smallBusinessPackage.php">Small Business Package</a></li>
<li><a href="blogsPackage.php">Blogs</a></li>
<li><a href="cmsPackage.php">Content Management Systems</a></li>
<li><a href="logoDesign.php">Logo Design</a></li>
</ul>
Menu CSS Code: ul#topMenu {
float: right;
width: 600px;
height: 38px;
padding-top: 10px;
}
ul#topMenu li {
float: left;
width: auto;
margin-left: 20px;
}
ul#topMenu a {
display: block;
color: #FFF;
font-size: 1.4em;
text-align: center;
padding: 10px;
}
ul.topMenuVert {
position: absolute;
top:58px;
left: 570px;
visibility: hidden;
width: 180px;
height: auto;
}
ul.topMenuVert li a{
color:#FFF;
font-size: 1.2em;
text-decoration: none;
display: block;
padding: 5px 0px 5px 0px;
}
ul.topMenuVert li {
width: 180px;
height: 15px;
background-color: #2871aa;
border-bottom: #236293 1px solid;
border-top: #3d87c1 1px solid;
line-height: 5px;
padding: 5px;
}
ul.topMenuVert li:hover {
background-color: #206295;
}
See image ie and ie7 menu problem.jpg Hello everyone I have done a site in ASP. The ASP code fills a List/Menu from a database using a loop. The problem I am having is how do get the items inside the List/Menu to act as link to re-load the page. Here is the code for the list. It is a standard form/list menu affair for an HTML form. I have tried everything I know...Ireally dont want to use Javascript, is that the only option? <select name="select" class="style1_1" style="width:150px;" > <% Do While Not rsEaseData.EOF %> <option> <%=rsEaseData.Fields("Serial No").Value%> </option> <% rsEaseData.MoveNext Loop %> </select> Please Help I had a program automatically generate code for me for a dropdown menu, but whenever I place the code into iWeb the HTML snippet just makes a blank box. Can anyone give me a hand? Here's the code: Code: <script src="psnavjs.js" type="text/javascript"></script><noscript><OBJECT id="psnavobj" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" WIDTH=950 HEIGHT=53> <PARAM NAME=movie VALUE="psnav.swf"> <PARAM NAME=menu VALUE=false> <PARAM NAME=quality VALUE=high> <PARAM NAME=bgcolor VALUE=#000000> <EMBED src="psnav.swf" menu=false quality=high bgcolor=#000000 WIDTH=950 HEIGHT=53 TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></EMBED></OBJECT></noscript> Hi, I'm being outsourced to turn an image into a website and I've been jumping through hoops all night trying to create a simple drop-down menu... Obviously it's not going well. All I want is that it is no more than 20px high, black no borders, white Arial Black or Verdana 10px all caps BOLD font, text mouseover to #fbb03b.. drop-downs that have a dark grey border on the bottom only (no other sides should have borders) and mouseover to #fbb03b for each link (same text formatting as base menu). This is becoming incredibly difficult for me, and things just keep going wrong. I'm using Adobe DreamWeaver CS4. This project is due in 12 hours, and I haven't slept, so I'm not exactly in for a learning experience right now, I just need immediate and effective help. Please help if you can. Thanks very much. I know, who still uses Netscape? Alas, this will not solve my problem nor please my customer. My drop down menus that should go vertical as you roll over the bar are going horizontal and you can't click on them! Would someone please help me out? www.liftoffevents.com I have this menu to rollover... and I cant seem to get the positioning correct. All I want to do is shift it to the right about 100px so that it doesnt cover up the rest of the menu items. I will paste the CSS, javascript, and html code here... I have tried positioning it via CSS and thats not working :/ Is there a way to do it in the java code? Or if you want you can say how you would do it in CSS... maybe I just was doing it wrong. CSS Code: #dropmenudiv{
position:absolute;
border:1px solid black;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
}
#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
}
#dropmenudiv a:hover{
color:#000000;
background-color: #cc0000;
}
JAVA Code: <script type="text/javascript">
var menu1=new Array()
menu1[0]='<a href="group.html">About (group)</a>'
menu1[1]='<a href="officers.html">Current Officers</a>'
menu1[2]='<a href="officerjoin.html">Become an Officer</a>'
var menu2=new Array()
menu2[0]='<a href="meetings.html">Meetings</a>'
menu2[1]='<a href="alumniday.html">Alumni Day</a>'
menu2[2]='<a href="industryday.html">Industry Day</a>'
var menuwidth='165px'
var menubgcolor='lightyellow'
var disappeardelay=50
var hidemenu_onclick="yes"
var ie4=document.all
var ns6=document.getElementById&&!document.all
if (ie4||ns6)
document.write('<div id="dropmenudiv" style="visibility:hidden;width:'+menuwidth+';background-color:'+menubgcolor+'" onMouseover="clearhidemenu()" onMouseout="dynamichide(event)"></div>')
function getposOffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}
function showhide(obj, e, visible, hidden, menuwidth){
if (ie4||ns6)
dropmenuobj.style.left=dropmenuobj.style.top="-500px"
if (menuwidth!=""){
dropmenuobj.widthobj=dropmenuobj.style
dropmenuobj.widthobj.width=menuwidth
}
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")
obj.visibility=visible
else if (e.type=="click")
obj.visibility=hidden
}
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function clearbrowseredge(obj, whichedge){
var edgeoffset=0
if (whichedge=="rightedge"){
var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth
}
else{
var topedge=ie4 && !window.opera? iecompattest().scrollTop : window.pageYOffset
var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure){ //move up?
edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight
if ((dropmenuobj.y-topedge)<dropmenuobj.contentmeasure) //up no good either?
edgeoffset=dropmenuobj.y+obj.offsetHeight-topedge
}
}
return edgeoffset
}
function populatemenu(what){
if (ie4||ns6)
dropmenuobj.innerHTML=what.join("")
}
function dropdownmenu(obj, e, menucontents, menuwidth){
if (window.event) event.cancelBubble=true
else if (e.stopPropagation) e.stopPropagation()
clearhidemenu()
dropmenuobj=document.getElementById? document.getElementById("dropmenudiv") : dropmenudiv
populatemenu(menucontents)
if (ie4||ns6){
showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth)
dropmenuobj.x=getposOffset(obj, "left")
dropmenuobj.y=getposOffset(obj, "top")
dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"
dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"
}
return clickreturnvalue()
}
function clickreturnvalue(){
if (ie4||ns6) return false
else return true
}
function contains_ns6(a, b) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}
function dynamichide(e){
if (ie4&&!dropmenuobj.contains(e.toElement))
delayhidemenu()
else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
delayhidemenu()
}
function hidemenu(e){
if (typeof dropmenuobj!="undefined"){
if (ie4||ns6)
dropmenuobj.style.visibility="hidden"
}
}
function delayhidemenu(){
if (ie4||ns6)
delayhide=setTimeout("hidemenu()",disappeardelay)
}
function clearhidemenu(){
if (typeof delayhide!="undefined")
clearTimeout(delayhide)
}
if (hidemenu_onclick=="yes")
document.onclick=hidemenu
</script>
HTML Code: <li><a href="events.html" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu2, '150px')" onMouseout="delayhidemenu()">Events</a> </li> Any help would be appreciated! Thanks! Hello members of HTML forum. I'm having some troubles with some HTML. I want to remove the space between 2 images, but if I remove to <p> tag, the website will just become chaos. The area I want to remove: Source: Quote: <body bgcolor="black"> <center> <img alt="Diablo" src="image1.jpg"><a href="http://adscendmedia.com"><img src="image2.jpg" alt="Download" /></a><img alt="Diablo" src="image3.jpg"> <p> <img alt="Diablo" src="frame1.jpg"><iframe width="822" height="536" src="http://www.youtube.com/embed/f_k9vL18YCQ" frameborder="0" allowfullscreen></iframe><img alt="Diablo" src="frame2.jpg"> <img alt="Diablo" src="image4.jpg"> Does anyone know how to fix this problem? Thanks hi i got a problem on my website.. coz when i browse my site using mozilla firefox it all happens ok.. all the buttons were ok. it displayed sumthin on the iframe.. but when i uses the IE7 i found out that theres no display on the frame when i click the home button.. please help.. i check the source but i didnt find any problem. help me.. heres the site please check it.. http://www.radissonagro.com Hi Team, I'm having problems formatting images in HTML. Here is my site: http://ledtvprices.org.uk/ I would like to "left align" the merchant logo buttons at the top so that they all sit above the H1 Tag and start from the left to the right, rather than the middle of the page. I'd also like to left align all the tv images and space them all out evenly. How do I achieve this in HTML? Thanks. Sunil. Reply With Quote I'm trying to modify my template on my website - as I've found one I want to use as a base (It's open source, and we've got permission to edit it), but I don't understand a word of what is in the HTML as most of it is PHP, with maybe the odd div container thrown in. If you visit the site, he www.omgpcgames.com, all I want to do is stretch that header out across the top, instead of being a small image on the right hand side. I'm aware this will involve re-ordering modules, so I'm not overly sure about what I am doing. If anyone can make any sense out of this, please can you give me a pointer in the right direction? HTML Code: * You can use and modify this template any way you like, but it would be
* kind to have a link back to www.gameon.be, doesn't matter how/where...
*/
defined( '_JEXEC' ) or die( 'Restricted access' ); ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>">
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/template.css" type="text/css" />
<!--[if IE 7]>
<style type="text/css">.vertmenu li ul { float: left; position: relative; bottom: 15px; }</style>
<![endif]--> <!-- IE 7 fix for vertical header menu; I think FF 2 also needs this, but since I don't use this and don't like hacks... -->
<!--[if IE 6]>
<style type="text/css">.popular { position: relative; bottom: 99px; }</style>
<![endif]--> <!-- IE 6 fix for user4, which needs to be on same height as user3 -->
</head>
<body>
<!-- header -->
<div class="header">
<!-- user1 (fex: menu (enable 'always show submenu items')) -->
<?php if ($this->countModules('user1')) : ?>
<div class="<?php echo $this->params->get('gomenuType'); ?>"> <!-- horizontal of vertical (left/right) -->
<jdoc:include type="modules" name="user1" style="xhtml" />
</div>
<?php endif; ?>
<!-- user2 (fex: banner) -->
<?php if ($this->countModules('user2')) : ?>
<div class="banner">
<jdoc:include type="modules" name="user2" style="xhtml" />
</div>
<?php endif; ?>
</div>
<!-- content -->
<div class="contentcontainer">
<!-- left column -->
<?php if ($this->countModules('left')) : ?>
<div class="containerleft">
<!-- title (set in template menu) -->
<div class="titlecontainer"><?php echo $this->params->get('leftMenuTitle'); ?></div>
<!-- show content set to left -->
<div class="stylemenu">
<jdoc:include type="modules" name="left" style="xhtml" />
</div>
</div>
<?php endif; ?>
<!-- right column -->
<?php if ($this->countModules('right')) : ?>
<div class="containerright">
<!-- title (set in template menu) -->
<div class="titlecontainer"><?php echo $this->params->get('rightMenuTitle'); ?></div>
<!-- show content set to right -->
<div class="stylemenu">
<jdoc:include type="modules" name="right" style="xhtml" />
</div>
</div>
<?php endif; ?>
<!-- middle column: size of middle column depends on the use of left/right columns -->
<div class="containermiddle_<?php echo $this->countModules('left')>0; ?>_<?php echo $this->countModules('right')>0; ?>">
<!-- title (set in template menu) -->
<div class="titlecontainer">
<?php if ($this->params->get('middleMenu')=='breadcrumbs') { ?>
<jdoc:include type="modules" name="breadcrumbs" style="xhtml" />
<?php } else { echo $this->params->get('middleMenuTitle'); } ?>
</div>
<?php if ($this->countModules('user3 or user4')) : ?>
<div class="containerlatestpopular">
<!-- user3 (fex: latest articles) -->
<?php if ($this->countModules('user3')) : ?>
<div class="latest">
<jdoc:include type="modules" name="user3" style="xhtml" />
</div>
<?php endif; ?>
<!-- user4 (fex: most read articles) -->
<?php if ($this->countModules('user4')) : ?>
<div class="popular">
<jdoc:include type="modules" name="user4" style="xhtml" />
</div>
<?php endif; ?>
</div>
<?php endif; ?>
<!-- user5 (fex: newsflash) -->
<?php if ($this->countModules('user5')) : ?>
<div class="newsflash">
<jdoc:include type="modules" name="user5" style="xhtml" />
</div>
<?php endif; ?>
<!-- show articles -->
<jdoc:include type="component" style="xhtml" />
<!-- footer -->
<div class="footer">
<span>template by<a href="http://www.gameon.be" target="_blank">www.gameon.be</a></span>
<?php if ($this->countModules('footer')) : ?>
<jdoc:include type="modules" name="footer" style="xhtml" />
<?php endif; ?>
</div>
</div>
</div>
</body>
</html>
ok i know i just made a thread very similiar to this one, and yet it isnt. i found this new code on a site and i want to use it. i have added my own banner, my own buttons and now i want the the button to link to the "Content goes here" place. which seems impossible for me! i can only make the links open up a new window, cant make it open up on same page in the spare fields of the design. any help is appreciated. the reason i change to this is that this should be better for more browsers than the other design i hade picked first. <html> <table cellspacing="1" cellpadding="0" border="0" bgcolor="black" id="shell" height="250" width="400"> <tr height="50"><td colspan="2" bgcolor="white"> <table title="Banner" id="banner" border="0"> <tr><td><img src="banner.gif" width="600" height="200"></td></tr> </table> </td></tr> <tr height="400"><td bgcolor="white"> <table id="navigation" title="Navigation" border="0"> <tr><td><a href="home.htm" target="content"><img border="0" src="homeknap.gif" width="80" height="21"></a></td></tr> <tr><td><a href="about.htm" target="content"><img border="0" src="joinusknap.gif" width="80" height="21"></a></td></tr> <tr><td><a href="join.htm" target="content"><img border="0" src="aboutknap.gif" width="80" height="21"></a></td></tr> </table> </td><td bgcolor="white"> <table title="Content" id="content" border="0"> <tr><td>Content goes here</td></tr> </table> </td></tr></table> </html> Hi everybody, I am trying to understand why the newsletter attached shows in different ways on different PC (using outlook looks fine, using hotmail online and others ISP looks crap)... Here is the HTML: HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Hotech Edge Ltd - Newsletter August 2008</title>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #FFFFFF;
}
.style1 {color: #009933}
.style2 {font-size: 9px}
.style13 {font-weight: bold; color: #009933;}
body,td,th {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #000000;
}
a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #009933;
font-weight: bold;
}
a:link {
text-decoration: underline;
}
a:visited {
text-decoration: underline;
color: #009933;
}
a:hover {
text-decoration: none;
color: #009933;
}
a:active {
text-decoration: underline;
color: #009933;
}
h1,h2,h3,h4,h5,h6 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}
h1 {
font-size: 9px;
color: #009933;
}
-->
</style></head>
<body>
<table width="600" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="98" colspan="3" class="style2"><img src="top_bkgr.jpg" width="600" height="98" /></td>
</tr>
<tr>
<td width="36" valign="top" class="style2"><img src="left_bkgr.jpg" width="36" height="852" /></td>
<td width="497" align="center" valign="top"><table width="487" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2" align="left" valign="top"><h1><br />
A warm welcome to our first issue of Hotels Un-wired, a regular e-newsletter
from Hotech Edge. </h1>
<p>Our aim is to help you get to know our company better - what we’ve been up to, what we are planning to do, what interests us and how our clients are using and benefitting from the leading edge wire-free products and systems we have developed. We also hope to shed a little light on the ZigBee technology that underpins our products and on the great potential it holds for hoteliers and all those building and refurbishing hotel properties. <span class="style2"><br />
<br />
</span><a href="http://www.hotechedge.com/e-newsletter/issue1/casestudy.html" target="_blank">Case Study: Apollo Hotel</a> - Please take some time to read this short case study.<br />
<br />
Phrases such as "total online building control" or "ZigBee enabled wire-free meshes" may seem obscure, if not alarmingly futuristic. So, instead, imagine bedrooms where all the energy consuming devices automatically shut down when the guest checks out, or running electronic devices on no more than a single set of A4 batteries for three years, or refurbishing a heritage building without having to open up walls for wires... Incidentally, if you are wondering about the curious term, "ZigBee" - well, it was inspired by bees. </p></td>
</tr>
<tr>
<td width="300" align="left" valign="top"><br />
The success and future of a colony of bees depends on the continuous communication of vital information between every member of the colony. The technique that honeybees use to communicate new-found food sources to other members of the colony is known as the ZigBee Principle. Using this silent, but powerful, communication system, whereby the bee dances in a zig-zag pattern, it is able to communicate location, distance and direction of newly discovered food sources.<br />
<br />
<span class="style1">Geoff Wales</span> - CEO, Hotech Edge<br />
<br />
For more information about Hotech Edge, please visit <a href="http://www.hotechedge.co.uk" target="_blank">www.hotechedge.co.uk</a></td>
<td width="300" align="center" valign="top" class="style2"><table width="245" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="baseline"><h1><br />
Tired of being wired?</h1></td>
</tr>
<tr>
<td height="137"><img src="pic_1.jpg" width="245" height="137" /></td>
</tr>
<tr>
<td align="left" valign="top"><blockquote> Hotech Edge reveals most <br />
advanced full wire-free mesh network for hotels...<br />
<a href="http://www.hotechedge.com/e-newsletter/issue1/article01.html" target="_blank" class="style13">more></a></blockquote></td>
</tr>
</table></td>
</tr>
<tr>
<td align="center" valign="top"><table width="245" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="baseline"><div align="left">
<h1>Hotech @ HITEC</h1>
</div></td>
</tr>
<tr>
<td height="137" class="style2"><img src="pic_2.jpg" width="245" height="137" /></td>
</tr>
<tr>
<td height="60" align="left" valign="top"><blockquote> The ZigBee wireless revolution is happening now, and fast, for hotels worldwide...<br />
<a href="http://www.hotechedge.com/e-newsletter/issue1/article02.html" target="_blank">more></a></blockquote></td>
</tr>
</table></td>
<td align="center" valign="top"><table width="245" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="baseline"><h1>Be Safe. G-Safe</h1></td>
</tr>
<tr>
<td height="137"><img src="pic_3.jpg" width="245" height="137" /></td>
</tr>
<tr>
<td height="60" align="left" valign="top"><blockquote> It literally costs nothing to install our wire-free online safes in your guestrooms...<br />
<a href="http://www.hotechedge.com/e-newsletter/issue1/article03.html" target="_blank">more></a></blockquote></td>
</tr>
</table></td>
</tr>
<tr>
<td align="center" valign="top"><table width="245" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="baseline"><div align="left">
<h1>Global Know-How,
Local Perspective</h1>
</div></td>
</tr>
<tr>
<td height="137"><img src="pic_4.jpg" width="245" height="137" /></td>
</tr>
<tr>
<td align="left" valign="top"><blockquote> London-based Hotech Edge ensures hands-on support for all its customers...<br />
<a href="http://www.hotechedge.com/e-newsletter/issue1/article04.html" target="_blank">more></a></blockquote></td>
</tr>
</table></td>
<td align="center" valign="top"><table width="245" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="left" valign="baseline"><div align="left">
<h1>G-Lock Adds to
Wire-free Revolution</h1>
</div></td>
</tr>
<tr>
<td height="137"><img src="pic_5.jpg" width="245" height="137" /></td>
</tr>
<tr>
<td align="left" valign="top"><blockquote> New cutting edge door lock introduced by Hotech Edge...<br />
<a href="http://www.hotechedge.com/e-newsletter/issue1/article05.html" target="_blank">more></a></blockquote></td>
</tr>
</table></td>
</tr>
<tr>
<td height="43" colspan="2" align="center" valign="middle"><div align="center"> <a href="http://www.hotechedge.com/e-newsletter/issue1/email.html" target="_blank">Not displaying properly? ...click here...</a></div></td>
</tr>
</table></td>
<td width="67" valign="top"><img src="right_bkgr.jpg" width="67" height="852" /></td>
</tr>
<tr>
<td height="32" colspan="3" align="center" valign="middle" bgcolor="#366261"><table width="570" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="190" height="12"><div align="left">
<p><a href="mailto:info@hotechedge.com" target="_blank">info@hotechedge.co.uk</a></p>
</div></td>
<td width="190" height="12"><div align="center">
<p><a href="http://www.hotechedge.com" target="_blank">www.hotechedge.com</a></p>
</div></td>
<td width="190" height="12"><div align="right" class="style1"><strong>
+44 (20) 7908 5100
</strong></div></td>
</tr>
</table> </td>
</tr>
</table>
</body>
</html>
Thanks... Marco |
|||||||