|
HTML - Firefox Hyperlink Problem
I'm designing some UI modules that are quite small, and have to be. Each represents an NFL football player and inside the module is the ability to add a note to a player. The problem is, the hyperlinks in my UI modules become almost unclickable in Firefox and I'm not sure why. My guess is they are too close to the edge of the container, but it'd be nice if I could find a workaround. Unfortunately space is at a premium
You can see the phenomena here. Try clicking on the 'create note' hyperlink on the first player, the 'save note' hyperlink on the second player, and the 'edit note' on the third player. Any advice would be appreciated. Similar Tutorialshi i have a question is it possible on some way when someone download something from my website it directly going into a map i chose (i want to make a website for my psp with demo's and it must copy it to the right map to play the demo) thanks in advance kevim Hello mates, its my first post here. I am stuck with this weird hyperlink problem. whenever I set hyperlink to any page, it opens something else. For example: I have added this code for one link: Quote: <table border="0" width="100%" cellspacing="0" cellpadding="0"><tr><td width="100%"> <a href="kk.com"><img border="0" src="ChatNow.png" width="150" height="24" name="Chat Now!" onmouseover="document['Chat Now!'].src='ChatNowB.png'" onmouseout="document['Chat Now!'].src='ChatNow.png'"</a></a></td></tr></table> <table border="0" width="100%" cellspacing="0" cellpadding="0"> <tr><td width="100%" bgcolor="#FFFFFF"><img border="0" src="11dot.gif" width="1" height="1"></td></tr> </table> It is supposed to open kk.com. instead, when i cllick on the link it opens something like dis: Quote: file:///C:/Documents%20and%20Settings/Yas/My%20Documents/My%20Web%20Sites/mysite2/kk.com any help? These are 2 lines of my HTML code. I am trying to make a dropdown menue. The first one which has Http address works properly but the second one which is a link to another HTML file in the same directory doesn't work. actually the second item of the menue is disabled. How can I fix it? <li><a href="http://www.htmlforums.com" class="underline">Item 1</a></li> <li><a href="uc.html" class="underline">Item 2</a></li> Thank You Hi, Ive got a bit of a problem with the website im creating. This is the bit of code thats affecting the browser (I believe). <div class="header"><img src="truelogo.gif" /></div> For some reason It works perfectly in safari, but not in IE or firefox. I wont post all the source code here as there is quite alot, but the website is alesofdevon.com/betatest/mysql.php?id=1 if you need anymore info from it. Thanks Scott. Hello all, I'd like to say this is my first post here on this forum and I am in need of some help... I have a website that I am re-programming / designing because when I started it I was not as good as I am now at development (I'm currently 16 years old) The problem is in HTML and I can't figure it out to save my life... I have 3 tables in HTML on my homepage, one is for whether or not the person is logged in, tells them to login to use features. Another for image links for main areas of the website Another for statistics... In firefox it does what I want: In IE, I get this interesting error... Source: Code: <table width=810 align=right cellpadding=0 cellspacing=0 border=0>
<tr>
<td>
<!-- IF NOT_LOGGED -->
<table width=810 align=right cellpadding=2 cellspacing=0 border=0 align=right>
<tr>
<td class="urgent" width=20><IMG src="{STYLE_DIR}images/icon_urgent.gif"></td>
<td class="urgent">You must be <a href="login.php">logged in</a> to use the features of this department.</td>
</tr>
</table><br>
<!-- ENDIF -->
<table width="810" height="30" border="0" cellpadding="0" cellspacing="0" align=right>
<tr>
<td width=5 class="row2"></td>
<td>
<img src="{STYLE_DIR}images/goal_sigs.jpg" width="200" onMouseOver="this.src='{STYLE_DIR}images/goal_hover.jpg'" onMouseOut="this.src='{STYLE_DIR}images/goal_sigs.jpg'" height=30></td>
<td>
<img src="{STYLE_DIR}images/stat_sigs.jpg" width="200" onMouseOver="this.src='{STYLE_DIR}images/stat_hover.jpg'" onMouseOut="this.src='{STYLE_DIR}images/stat_sigs.jpg'" height=30></td>
<td>
<img src="{STYLE_DIR}images/rank_sigs.jpg" width="200" onMouseOver="this.src='{STYLE_DIR}images/rank_hover.jpg'" onMouseOut="this.src='{STYLE_DIR}images/rank_sigs.jpg'" height=30></td>
<td>
<img src="{STYLE_DIR}images/develop_sigs.jpg" width="200" onMouseOver="this.src='{STYLE_DIR}images/develop_hover.jpg'" onMouseOut="this.src='{STYLE_DIR}images/develop_sigs.jpg'" height=30></td>
<td width=5 class="row2"></td>
</tr>
</table><br>
<table width=810 align=right cellpadding=2 cellspacing=0 border=0>
<tr>
<td class="row1" colspan=2>Signature Database</td>
</tr>
<tr>
<td class="row2">Total Signatures Created: {TOTAL_SIGS}</td>
<td class="row2">Total Members: {TOTAL_MEMBERS}</td>
</tr>
</table>
This file runs off a template class I built so that would help explain {VAR} and stuff such as that. Any help please? Why is IE being stubborn and firefox not? Hi, <input name="Submit2" value="1" type="image" id="Submit2" src="images/Freshupdaterecordbutton.jpg" alt="Update" width="160" height="50" border="0"> The above image is a button within a form. If I click on the button, I can check the parameters passed via the form. The following tells me how long the "Submit2" parameter is using ASP strRequest = Request.Form("Submit2") strRequest = len(strRequest) response.Write(strRequest) Response.end() In Firefox 2, the length of "Submit2" is 1 In IE 7, "Submit2" is 0 I need them both to be 1. How can I do this? Is it something to do with the NAME and ID tags? The NAME and ID tags are unique on the form. Cheers, Alski I'm new to web design so I hope this makes sense to someone. I am trying to make a website for a new buisness, I'm using text wrangler on a mac to write the code and have been checking my progress in Safari. I have just checked the site on firefox and the banner at the top isn't showing up? This is the html: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Peris & Corr</title> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> <link rel="stylesheet" type="text/css" href="styles.css" /> </head> <body> <div id="container"> <div class ="img"><img src= "logowebsite.jpg"</div> <div id="wrapper"> <div id="content"> <p><strong>What we do:</strong></p> <p>- create a range of hand made textile products and greeting cards <p>- offer an eco frienly screen printing service, printing only with water based inks on to ethically sourced garments</p> <p>Montegeraliquam sed pede in cursus praesenec vestas rhoncus wisi at wisi. Condisseloborttis enim et ipsum mauristie id felit adipiscipit ac auctortorttitor sempor. Vitantesqueat sempus non sed et mus sit vivamus purus netus hendiment. Pretiuma diam et id tempus dolor por wisi sed volutpat facilisi.</p> <p>Wisiet sus adipit phasellentum elit condissim consecteturpiscing sapien vivamus et congue. Utvel tris quismod cursus liberos elit nisse curabitur tur parturpis tellenterdum. Semperligula curabitae tellentesque nulla trices vestas ristibulum id justo auctor facinia. Natisdonec consequat nibh pellus.</p> <p>Vestibusodio euisque id elerisus lacus tincidunt sit malesuada lacus pellus parturpiscing. Pellenterdumat maecenatoque cras a magna nibh et quis diam ames et. Laoremvolutpat ac dolor eget eget temper lacus vestibus velit lacus venean. Magnaipsum tellus morbi leo aliquat nulla convallis pellentesque.</p> </div> </div> <div id="navigation"> <ul> <li><a href="home page.html"><strong>home page</strong></a></li> <li><a href="products.html"><strong>products</strong></a></li> <li><a href="screen printing.html"><strong>screen printing</strong></a></li> <li><a href="about us.html"><strong>about us</strong></a></li> <li><a href="stockists.html"><strong>stockists</strong></a></li> <li><a href=http://perisandcorr.blogspot.com/><strong>blog</strong></a></li> <li><a href="contact us.html"><strong>contact us</strong></a><li/> </ul> </div> <div id="extra"> <img src= "bags.jpg"> <img src= "ink.jpg"> </div> <div id="footer"> <p>Footer</p> </div> </div> </body> </html> I hope someone can help, and that there is a simple solution. Thanks Hi all. I'm very new to html/css code, but have managed to create a decent looking webpage so far. Well, up until last night anyway! I added three text images to my page, and it looks good when viewing with FireFox. It use to even look ok when viewed using IE, but now my NavBar is all screwed up, and the header image will not show. Could someone please take a look at the source code, and my style sheet, and let me know what could have went wrong? Thanks! How do I get the Content Management System Admin features: block to move down slightly. It looks fine in IE but firefox its not looking right http://www.upfrontdesigns.co.uk/build/services.html hi all, recently i'm making a site and i have made a link to go to you last page using java script. but when i hover over it in interneet exporer my cursor turns in to a hand but when i hover over it in firefox nothing happens. the code i use to get the hand is "style="cursor:hand" ". can someone pls help me ? ty I'm working with frames www.culturelounge.com and the title is correct in my html code on all pages of the site. When I load the url in internet explorer, the title shows up fine. When I load the url into Mozilla Firefox, the title shows up as "untitled document" Does anyone know what might be going on here? Hello all, I've just made my first website, and tested it initially in IE 8 and then viewed in Safari, Chrome, and Firefox 3. It displays perfect in IE, Safari and Chrome, but Firefox has some quirks! Issue 1: My bordered pictures are displaying a blue border, which is yellow in the other browsers. Though they are also links, other non-bordered picture links don't have it, and I have set the links colours in the CSS to be yellow and grey anyway (which works fine for the text links). Issue 2: Small images next to each other won't sit side by side, they jump to the next line. Both these issues can be seen on this page (if viewed in Firefox, naturally!): http://www.swingcopation.co.uk/whatwecando.html Any ideas would be greatly appreciated! I can post the code for the page if required. Thanks, Nubbin. Hello all, Im having problems displaying my website in firefox, it displays fine in IE, however its displaying 1/2 way down the page in firefox. Any ideas where im going wrong? www.best-mobile-contracts.co.uk Similar problem to fender967, my website: http://www.freewebs.com/microbitztest/ looks fine in IE but not in firefox??? Whats that all about? Hi, I'm having an issue with Firefox 3 that is stumping me. My site has a SWF centered in the middle of my page which is embedded with swfobject v2.1. When the page loads my SWF overlaps the right-sided border of the div I've setup in Firefox, and from what I can tell, Firefox sets the border property on the inside of the div, whereas all the other browsers set the border property on the outside of the div. I've read up on the box model problem, but seeing as how every other browser(IE, Opera, Safari, Chrome etc.) displays the page properly, I'm hitting the wall here. I don't know if swfojbect is causing the problem, or if it's something in my code, because up until I embedded the flash, I'm pretty sure everything was aligned. Anyways, any help would be greatly appreciated... http://www.lakeviewchurch.com/new Comparing IE7 to Firefox... the TEXT sitting on the image looks fine in IE 7 but is slightly "bumped up" in Firefox and most other browsers. Does anyone know the explanation for this?... Thank you. I created a website with google pages http://jlandbirk.googlepages.com/cross It works fine in Explorer but some problems in Firefox. In Firefox the banners are spaced further apart. But when I click on them they grow closer together. Keep in mind google pages has some built in code. Any ideas? Hi, I've been struggling with a formatting difference between IE & Firefox. I'd be really grateful if someone would be able to advise me what I'm doing wrong. URL : http://www.demoncraft.com/helpdesk/ticket.html Any help would be appreciated JON Hello, 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? |
|||||||