|
HTML - Footer Href Problem With Links And Hover
My fault, the padding pushed the div outward covering the links at the bottom.
Similar TutorialsHey guys, I'm having crap luck with something I'm trying. A little experiment if you will. So heres the deal, basically I took some footer links on a site that I'm redesigning for a lady. (Also with that said ignore all the other code that you see on the page its work in progress, I'm basically taking old html/tables redoing it into xhtml/divs). So my problem is if you see the footer links at the bottom of the page first look at them in FF, basically what I did was removed the line under the anchor and I added a nifty little border-bottom instead. Code: #footer-links a:link {
color: #808080;
text-decoration: none;
border-bottom: thin dotted #808080;
}
#footer-links a:visited {
color: #808080;
text-decoration: none;
border-bottom: thin dotted #808080;
}
#footer-links a:hover {
color: #808080;
text-decoration: none;
border-bottom: thin dotted #f1037f;
}
Problem is IE will not show this correctly. So I assume it doesn't like the way I did the border-bottom. So I figured ok thats fine in IE I'll just show it normally. So back in my markup I added this to fix it. Code: <link type="text/css" rel="stylesheet" href="style.css" />
<style>
<!--[if IE ]>
#footer-links a:link {
color: #808080;
text-decoration: underline;
}
<![endif ]-->
<!--[if IE]>
#footer-links a:visited {
color: #808080;
text-decoration: underline;
}
<![endif]-->
<!--[if IE] >
#footer-links a:hover {
color: #f1037f;
text-decoration: underline;
}
<![endif]-->
</style>
I even put this under the link to the style sheet so it would override. Its not working though. Please look and help if you all can. http://www.atlanta-web.com/acm/index.html Thanks, Eric OK, I have an expandable menu that, when someone clicks on an image, it takes them to a certain page. The code is currently: HTML Code: p = new createPanel('al','Account Info');
p.addButton('images/menu/story.jpg','Story','parent.main.location="background.php"');
o.addPanel(p);
I have about 12 of these links, and all the others in the menu work fine. With this particular one, I changed the "parent.main.location" At first, the line was 'parent.main.location="story.php"'); but I decided to change it. I've uploaded all the changes, and yet this link STILL accesses 'story.php' instead of 'background.php' like it is supposed to. This is the best part: I deleted the page 'story.php' off my server. Even after me doing that, the link continues to call up that page. I have cleared my cache, cookies and Firefox's "personal data" collection. Also, there are no other pages on my site that even look like 'story.php'. Anyone know why a line of code specifically calling for a different page would keep pulling up an old page - especially a page that has been deleted? Thanks a ton, Aaron Can someone direct me to a website that shows types of hover links. I am looking to link to a small page when hovered on link in the same page. Thanks in advance, How do I stop the hover link code in my email signature affecting the entire email and links by the recipient? My code (stolen from somewhere on the net): <html> <meta http-equiv="Content-Language" content="en-us"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <style type="text/css" media="all"> a:link {color: #CFD4D8; text-decoration: none;} a:visited {color: #CFD4D8;text-decoration: none;} a:hover {color: #003065; text-decoration: none;} a:active {color: #CFD4D8;text-decoration: none;} </style> </head> <body> <a href="http://www.mywebsite.com">www.mywebsite.com</a> </body> </html> I added this to my index file to create links Quote: <p> <a> href="mission.html">read about our mission</a> <br> <a> Read the <a> href="http://buzz.headfirstlabs.com">caffeine buzz</a> </p> but in the browser this is exactly what I am seeing: href="mission.html">read about our mission Read the href="http://buzz.headfirstlabs.com">caffeine buzz help? Hi, i have a problem with a intranet page that i am editing. I created it using quanta plus on my laptop testing with Firefox and it worked fine. I then moved the file to my network drive at my work place and tested with IE and again this worked fine. I then moved the file to the intranet webserver and this is when things started to go wrong. When i click on the the link to open the excel file for some reason IE adds the webserver to the path. eg when i hover over the link, the text at the bottom of the screen reads //webserver/file:R:/shares/file.xls. Of course this path is incorrect so the window fails to open. Has anyone come across this problem before and know how to fix this? See below for example code. Any help/advice greatly appreciated. Rgds Barry <a href="file:R:/shares/file.xls" target=_BLANK><big>Click Here<big></a> Hi, new to list. I have a php page which has the results of a database query listed in 3 columns. One of the columns is a href with uses a name and code, opens up a form within an iframe and is supposed to use the list items in the form, however on one of them it only uses part of it - eg. <a href=http://<servername>/production/job_load.php/?code=$row[5]&job_name=$row[4] target=\"rpt_frame\">$row[4]<a> If $row[4] is "BOB and Fred" for example, it will only use "Bob" and ignore everything after the first space. It's an issue in several applications and I've had to work around it but I really need it this time. Everything else works fine. Any suggestions anyone? I have taken over a newsletter and was attempting to recreate a menu item using Dreamweaver used by the previous author in the newsletter menu that she created using constant contact and was successful of course on my computer, but when I sent out the newsletter, if one used the a href link instead of being taken to the document a name link as intended it began a search on the recipients computer. Any suggestions. Thanks hello, i'm having a problem where i have a simple link on my web page, when i click on this link i want a window to open in the center of the screen with simple text and a close button. in a standalone environment, the following code almost does it for me: Code: <html>
<head>
<script>
<!--
function wopen(url, name, w, h)
{
w += 32;
h += 96;
wleft = (screen.width - w) / 2;
wtop = (screen.height - h) / 2;
var win = window.open(url,
name,
'width=' + w + ', height=' + h + ', ' +
'left=' + wleft + ', top=' + wtop + ', ' +
'location=no, menubar=no, ' +
'status=no, toolbar=no, scrollbars=no, resizable=no');
win.focus();
}
// -->
</script>
</head>
<body>
<a href="page1.html" target="popup"
onClick="wopen('page1.html', 'popup', 300, 200); return false;">
Open Window</a>
</body>
</html>
My question is, how do integrate this into my webpage. In the place where I have the link, I obviously have to use the "<a href="page1.html"..." but how do I seperate the function wopen and the html page above. Because the way the above code works is that it gives me a "Open Window" link, when I click on it - the new page also has the "Open Window" link in it. any guidance will be helpful. thanks! i have a problem in a footer that if the content of the page did not fill the all the page the footer will not be in front of the status bar' but it is not working well on firefox and internet explorer in the same time] so how i can put the footer above the status bar in the pages that not contains alot of data??? to see what i mean plz open this link in internet explorer and firefox th see the difference http://www.graphicano.com/john/index.htm with css: .bodydwn { background-image: url(images/body_dwn.jpg); padding-left: 280px; font-size: 10px; vertical-align: middle; } and http://www.graphicano.com/john/index2.htm with css .bodydwn { background-image: url(images/body_dwn.jpg); padding-left: 280px; font-size: 10px; vertical-align: middle; width: 100%; position: absolute; bottom: 0px; } Hello, I've been trying to get a footer bar at the fixed bottom position. So far, it seems to work in FF, IE and I also checked in the new Google Chrome browser. However, in IE something strange happens: when a menu in the navigation gets expanded, the footer shifts over the width of the navigation div to the right. You can see the site and the problem at this test page. When you go over "hoofdstukken" in the menu, the footer div moves to the right - at least in my IE7. Any ideas what could cause this - and how to solve it? Thanks in advance. Kind regards, Tom 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 Hi Could anyone shed some light on why the footer on this page isn't staying at the bottom of the page? Its ok on the other pages so I'm assuming its got something to do with the contact form on the page. http://www.buckleigh.co.uk/contact.asp Here's the css: http://www.buckleigh.co.uk/screen.css Any help greatly appreciated, thanks. Kev Hi, I have made a site recently, its fairly dodgy looking but thats what they wanted, it all worked out well except for one of the pages the 'footer' section of the main table wont resize properly, all the pages are coded exactly the same for the section, but just one page wont work the site is www.thesavergroup.com and the page that wont behave is the eftpos page. Any help would be appreciated i'm going nuts over this. Thanks Chris So my site works in FF, Safari and IE8 (sorta). However, my sticky footer is getting screwed up in IE7. Im sure it has something to do with margins and padding issues but I can't seem to come up with a solution that works. I based the footer on this article: http://www.lwis.net/journal/2008/02/...sticky-footer/ My template is located at: http://current-post.com Everything should be w3 valid. Help! Hi, I have a problem with a design (http://www.kinoaguilar.com/james/) where if the webpage is not bigger than what the browser can display, then my footer appears in a really 'crappy' way. The easy way to fix it would be to add blank space, but I'd rather not do that. Does anybody know the 'correct' way to fix it? ~lukis100 Hello, I have this simple slideshow as can be seen here. It currently contains 2 images. Works good in all browsers except IE9.. as soon as I move my mouse-cursor near it, it freezes! Hope someone can locate the conflicting issue(s), thanks. ps - tested in IE 7, IE 8 and IE 9.. only 9 fails. SOLVED Here are 2 text documents. 1 is CSS and the other is the HTML doc that refers to it. HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>TryingHoverClass</titl> <link rel="stylesheet" type="text/css" href="liKS.css"></link> </head> <body> <p>Here is a list</p> <p> <ul style="width:80px; border:1px solid red;"> <li>yahoo <span><a>bob</a></span> </li> <li><a href="http://www.google.com">Google</a></li> </ul> </p> </body> </html> CSS: li:first-child:hover { color:teal; } li span { display:none; } li:first-child:hover span { display:block; position:absolute; background-color:red; border:1px solid yellow; width:50px; height:60px; left:150px; } This is nothing fancy, however when i use firefox to view these files, they act as expected. When i use IE7, nothing <----- comes up in the window. I get a blank page. Where is the error? Thanks, Bo The problematic page has this url: http://geosci.uchicago.edu/~moyer/Mo...GroupPage.html It shows up in firefox the way I want it to. The pictures enlarge right on top of their thumbnail accompaniments. The enlarged images are absolutely positioned. However, in chrome, internet explorer and safari, they enlarge several hundred pixels left of where I want them to. Is there a way I can have the enlarged images positioned relative to the thumbnails? Or can I add a margin to the code that only firefox will recognize? I can send you the code if you need it to figure out the problem. It is just long and confusing, because I was modifying somebody else's code and I am a newbie. |
|||||||