|
HTML - Why Don't Links Show Up In Safari?
We have some data that is put into a table with a link to images if available.
In Firefox (although only in version 4), the following works: <table> <tr><td></td><td><a><a href="../images/image1.wma" </a>Image label</a>< br />Second line of label (don't want this underlined)</td> ... </table> but the same web page doesn't show any links in Safari (5.0.5). I thought maybe Safari didn't like links in a table, so I removed the table. Still no links. I thought maybe it was the relative reference and made it absolute. No luck. I've tried removing the extra <a> and it doesn't change anything. The extra <a> is to keep the second line from being underlined. What am I missing? Mei Similar TutorialsFor some reason, the main navigation links in this site don't work in Safari 3.1 and latest version of Firefox. They work in IE 6 though. Can't figure it out. http://wcwfc.com/blog/ www.lasrocasresort.com , IE and Firefox both render the page correctly . Safari will leave a blank line between the flash banner and the body of the page. Any suggestion ? Pakal I want to embed a social media block on my page that has all the little buttons and all the little links happy together. I almost had it too using this: <p> <a href="http://www.sample site.com" target="_blank"> <img src="http://my image" width="32" height="32" alt="RSS" title="RSS Coming Soon"> </a> This repeated so I had 6 little images for social media connections. In Internet Explorer all links worked, but there was a little line sticking out the right side of each image. In Safari only my last three image links worked but they have no annoying little line. Why? Anyone? Anyone? This is so frustrating! I have a set of image links on the home page of my website, just like this: <a href="t-store.aspx"><img border="0" alt="Online Store" src="site/include/cssstore.gif"></a> For some reason, they don't work at all on Safari (on a Mac, no idea about Windows Safari). I don't really see what could possibly be causing that. There doesn't seem to be anything in the CSS that could cause this either, the div is just: text-align: center; float: right; width:200px; Worst comes to worst, I could make them into text (which might have been the right thing to do from the beginning), but now I just want to figure this out! Any ideas? EDIT: Text links didn't work either, but other links on the page do. Is there something that would make links not work in one div on a page? Hi, Could anyone explain to me why the Flash file won't show up when played in Safari? It comes in super small and can't be seen... It contains an image and sound and should be in the first top black bar... Any help would be greatly appreciated! http://www.curiousclothing.com/new/index_test.htm hey guys on my website i am going to play music and so that the music will continue to play and not restart while the viewers are browsing, i have made it so that u stay on the same page and the iframe will change when u click on the links i am going to have the sidebar change for different pages so the sidebar is also an iframe. the links on the sidebar are actually javascript links so that they will adjust the height of the body iframe and change the src my website is HERE! this website works beautifully in internet explorer, but in safari the sidebar is useless can anyone tell me why? THIS IS THE CODE FOR THE IFRAMES HTML Code: <td class="sidebar"> <img src="http://ryanhollis.webs.com/icons/sidebar1.png" alt="" width="200" height="46"/><br class="pic"/> <iframe src="sidebar.html" height="200" width="150" class="sidebar" id="sidebar" scrolling="no" frameborder="0" allowtransparency="true"></iframe> <img src="http://ryanhollis.webs.com/icons/sidebar3.png" alt="" width="200" height="46"/> </td> <td class="text" rowspan="2"> <img src="http://ryanhollis.webs.com/icons/body1.png" alt="" width="642" height="64"/><br class="pic"/> <center><iframe src="home.html" height="300" class="body" id="iframe" scrolling="no" frameborder="0" allowtransparency="true"></iframe></center> <noframes> Your browser is out of date. To view this site you are going to have to update your browser. </noframes> <img src="http://ryanhollis.webs.com/icons/body3.png" alt="" width="642" height="70"/> THIS IS THE CODE FOR THE LINKS THAT ARE ON THE ACTUAL PAGE AND WORK IN BOTH BROWSERS (the onclick property is what you need to look at the others just to change the pic in a scroll over) HTML Code: <img src="icons/home.png" alt="HOME" id="home" onclick="link('home',300)" onmouseover="changePic('home')" onmouseout="changePicBack('home')" width="223" height="134"/>
THIS IS THE JAVASCRIPT FOR WHEN THE LINK IS CLICKED Code: function link(page,size)
{
document.getElementById("iframe").height = size;
document.getElementById("iframe").src = page + ".html";
space = size - 158;
document.getElementById("whitespace").height= space;
}
THIS IS THE CODE FOR THE SIDEBAR HTML Code: <!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">
<head>
<link rel="stylesheet" type="text/css" href="othercode/formating.css" />
<script type="text/JavaScript" src="othercode/links.js"></script>
</head>
<body>
<p class="sidebar">
<a href="javascript:link('home',300)" target="_parent">Home</a><br /><br />
<a href="javascript:link('blog/blog',650)" target="_parent">Blog</a><br /><br />
<a href="javascript:link('life',680)" target="_parent">Life</a><br /><br />
<a href="javascript:link('links',400)" target="_parent">Links</a><br /><br />
</p>
</body>
</html>
You are probably not going to have all the code you need in this so here are some links This is the main page This is the page for the sidebar iframe This is page for the content iframe This is my CSS This is the javascript that makes the links work Thanks guys if u can make sense of any of my code you are a life saver... all five flavors p.s. and yes the music isnt on there yet i'm making sure i can get this to work first. if have any suggestions on music to put on there feel free to tell me those too Hello all! I'm working for school at an website, and I've a problem.. I've made a link, when you click on it it open some tekst information. I would this 4 time, just only the first one works...! Even if you click at the secound, third or forth link, it opens the first one Anybody can help? Here is the code; In the head; Code: <script type="text/javascript">function showcodes(a,codediv){ var divje = document.getElementById( codediv ); if (divje.style.display == "block") { divje.style.display = "none"; a.innerHTML='Klap uit'; } else { divje.style.display = "block"; a.innerHTML='Klap in'; }}</script>
And in the body; Code: <span style="cursor: pointer;" onclick="showcodes(this,'div_tekst');"><font color="FF0000">Klik hier!</font></span><div id="div_tekst" style="display: none;">
<font color="#FF9900">
Wil je even snel weten wat voor weer het is? Hier een overzichtje!<br><br>
Hier zie je wat voor weer het momenteel is, als je je muis erbij houd, zie je een
paar gegevens!
<br><br>
<IFRAME SRC="http://gratisweerdata.buienradar.nl/hetweer.php" NORESIZE
SCROLLING=NO HSPACE=0 VSPACE=0 FRAMEBORDER=0 MARGINHEIGHT=0 MARGINWIDTH=0
WIDTH=50 HEIGHT=40></IFRAME>
<br><br>
<script
src=http://m.fileindex.nl/files.js>
</script>
<br><br>
<IFRAME SRC="http://www.fileindex.nl/iframe.php?
style=&bgcolor=FFFFFF&link=0000FF" NORESIZE SCROLLING=YES HSPACE=0 VSPACE=0
FRAMEBORDER=0 MARGINHEIGHT=0 MARGINWIDTH=0 WIDTH=250 HEIGHT=100></IFRAME><font>
</div>
I hope someone could help me! Edit*; here is the example; http://informaticacase.freehostia.com/ (click in the example on 'het weer') Hi! I am using Dreamweaver 8 to develope my site. I have broken the page in three pieces(frames) So that the top frame shows the title, the left frame is for links that I want to show as flash movies in the right frame. I have studied the help file and I have looked on the web and I can't find an explanation that I can understand on how to do this. I believe the clickable link should be an href but I don't know how to code it. Can someone explain this to me? Thanks in Advance! Paul Hi everyone, I hope I have posted this in the right area. This is my first time posting here. I currently have my main pages listed at the top of my site as graphics (see fussybaby.ca). I would like to potentially remove these graphics and use text links instead - I had the graphics designed for me, so I can't just go in and make new ones, however I'd like to change/rearrange the links and add some new ones. So my question is: How hard is this to do? Is this something I need to hire someone to do for me? Thanks in advance for any advice! I'm not new to HTML but I'm definitely still a beginner. So, please don't expect me to know exactly what your talking about. I'm trying to make a website, that has a "show more" and a "show less", for long paragraphs, that don't have enough room to fit on a page. Here's my code: head: Code: <style type="text/css">
<!--
#wrapper {
}
a {
cursor:pointer;
}
-->
</style>
<script type="text/javascript">
<!--
function switchMenu(obj) {
var el = document.getElementById(obj);
if ( el.style.display != "none" ) {
el.style.display = 'none';
}
else {
el.style.display = '';
}
}
function hide(){
document.getElementById("seemore1").style.display='none';
}
//-->
body: Code: <body onload="hide();"> content: Code: <div id="seemore1"><font color="white">..and it will display more content in a new paragraph..</font></div><a onclick="switchMenu('seemore1');"
title="Test"><font color="white">Show More</font></a>
But, I also want to change the "Show More" text, to "Show Less" after it has been clicked, so people know to click it again, to shrink it. This is what I tried to add to it, but it failed. head: Code: <script type="text/javascript">
oldTextAry = new Array();
function changeText (fieldObj, newTexStr) {
if (newTexStr == fieldObj.innerHTML) {
fieldObj.innerHTML = oldTextAry[fieldObj.id];
} else {
oldTextAry[fieldObj.id] = fieldObj.innerHTML;
fieldObj.innerHTML = newTexStr;
}
}
</script>
body: Code: <a href="#" onclick="changeText(this,'Show Less');" id="text1link">Show More</a> I tried the most simple thing that I thought of.. was adding both around the text, but, obviously that didn't work.. Does anyone know of any solution to my problem? Hi, I recently put up a new website at http://oubeta.org/ . I just realized that it works just fine in Firefox, but not in Safari. Would someone mind taking a peek at the source code of index2.htm (the page you go to after clicking on the main logo, or just he http://oubeta.org/index2.htm). Only the background image shows up in Safari, and none of the other content. Thanks Uploaded with ImageShack.us My website is www.tuckermatthewsphoto.com This is what my side menu looks like when I open it in Firefox. Note the box to the left of "automotive". It's a link to the home page, just like the "Tucker Matthews Photography" image. I've tried ironing it out all day, caved in and asked for help. In safari the "Automotive" link is in line with the others. Please help! Check my source code and my CSS out! This is killing me! Ok, this might be simple, but I can't figure it out! I have created a table, which looks great in Safari/Firefox but looks horrid in IE. This screen shot is Safari- http://i239.photobucket.com/albums/f...Picture4-2.png This is IE (looks rubbish, and jumbled up) http://i239.photobucket.com/albums/f...od4/table1.jpg This is the code: <div class="boxout"> <h2><font size="3" face="Verdana" color="white"><i>Drivers Standings</i></font></h2> <br /> <font color="white" size="2" face="verdana"> <u>W P</u> <table border="1" RULES=NONE FRAME=VOID> <TABLE CELLPADDING=5 CLASS="tealtable"> <tr> <td>01 </td> <td>Lewis Hamilton </td> <td>0 </td> <td>0</td> </tr> <tr> <td>02 </td <td>Felipe Massa </td> <td>0 </td> <td>0</td> </tr> <tr> <td>03 </td <td>Kimi Raikkonen </td> <td>0 </td> <td>0</td> </tr> <tr> <td>04 </td <td>Robert Kubica </td> <td>0 </td> <td>0</td> </tr> <tr> <td>05 </td <td>Fernando Alonso </td> <td>0 </td> <td>0</td> </tr> <tr> <td>06 </td <td>Nick Heidfeld </td> <td>0 </td> <td>0</td> </tr> <tr> <td>07 </td <td>Heikki Kovalainen </td> <td>0 </td> <td>0</td> </tr> <tr> <td>08 </td <td>Sebastian Vettel </td> <td>0 </td> <td>0</td> </tr> <tr> <td>09 </td <td>Jarno Trulli </td> <td>0 </td> <td>0</td> </tr> <tr> <td>10 </td <td>Timo Glock </td> <td>0 </td> <td>0</td> </tr> </table> <br /> <p><a href="#"><font color="white" size="2" face="Verdana">Click to see whole table</font></a></p> <font color="white" size="2" face="verdana">W = Wins | P = Points </div> Any ideas? Hi all! Quick question about the two different browsers, IE and Safari. . . On my home page at www.rentxotic.com I have two buttons programed to be in the top right corner, IE doesn't load this 100% of times, but safari always has it no matter what page your on. Does anyone know what the compatibility issue is with this? How can I fix it? THANKS - Ryan PS all you guys have been such a great help, your time is much appreciated! on my website's guestbook page http://ryanhollis.webs.com/guestbook.html the guestbook is put on the page by javascript that was given to me by Freewebs, i dont have the JS or edit it freewebs takes care of that, its mostly external the guestbook page loads just like it should in Safari and Google Chrome, but in Firefox and Internet Explorer the HTML loads, but not the guestbook JS i really have no idea why its doing this, because the HTML and CSS have both been validated and I don't see anything wrong with the code (as if my opinion on that means anything) one of my friends recently told me it wasnt working, i dont know how it started i didnt even notice because i only use safari, and recently switched to Chrome, but originally it was working in all browsers code for the main part of the guestbook page including the js: HTML Code: <div id="body">
<img src="icons/body1.png" alt="" width="642" height="64"/>
<h1>Guestbook!</h1>
<p>
BLA BLA
</p>
<div id="guestbook">
<script src="http://link.members.freewebs.com/JS/checkLogin.jsp" type="text/javascript" />
<script type="text/javascript" src="http://images.freewebs.com/JS/fw.js" />
<script type="text/javascript" src="http://images.freewebs.com/JS/fwComments.js" />
<script type="text/javascript">
<!--
new fwComments('myguestbook', 8468750, 31154415, {requireLogin:false, alignNavRight:true, showLowerPaging:true, showHideLink:false, commentCountText:' Signatures', isGuestbook:true, limit:20, showRatings:false, duration:0, showDate:true, startPostClosed:false, showLogin:true, showIP:true, postText:'Sign Guestbook'});
// -->
</script>
</div>
<img src="icons/body3.png" alt="" width="642" height="70"/>
</div>
code for the CSS that hits this (doubt thats the prob but just in case) Code: #guestbook{
margin:0px 30px 0px 30px;
text-align:right;
}
#body{
position:absolute;
margin:239px 0px 0px 192px;
background:#ff0000 url('http://ryanhollis.webs.com/icons/body2.png');
width:642px;
}
Can you tell me why this is not working? Thanks guys! Greetings to you all, Today's question I have is this: Does anyone know how to achieve transparency with svg files in Safari? I have an orange colored circle graphic in svg format. I want to display it on a colored background, maybe even an image background but in Safari it shows a white square around the circle. I have tried using the embed tag and the object tag and both show the white square. Both embed and object seem to be fine for Firefox and Opera. I have used img src and this displays the graphic as it should be in Safari but doesn't show at all in Firefox. I have spent the last three hours searching the net for an answer but there doesn't seem to be a solution out there. I would really appreciate some help. I'm sure there must be other people with the same problem. Thanks very much. http://www.vancouver4condos.com/test/ In the top-left corner of my map (under the "Downtown" tab) there should be a navigation menu with four buttons showing. This menu looks fine in Firefox, IE and Opera, but not in Safari. When I open this page in Safari, that menu loads underneath my map image. I have no clue what is causing it. Can anyone tell me why all the content jumps to the right in Safaria for page of my website? It looks fine in all other major browsers... http://www.kasedesign.co.uk/ysm/business.htm Thanks in advance… Hi, I have a site that loads fine on Chrome and IE. Don't see a section of it on Safari or Firefox. Page comes up blank. its supposed to show flash object. The site is kidsooda.com The section page that does not work in Safari and FF is kidsooda.com/inside/#/contact If you have any ideas I'd really appreciate it. THANK YOU !! I have a simple slide over menu for navigation in a div. Safari and Firefox both work. ON IE it's shifted over to the right a little more and the slide over menus wont appear. Any options? |
|||||||