Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations Mike Lewis on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

links don't show up on a Mac 4

Status
Not open for further replies.
PaulBricker

PaulBricker

Programmer
Sep 25, 2002
3,554
US
I've got 5 links on my intranet homepage. We debuted it the other day and we had complaints from a couple Mac users that they couldn't see any of the links to other pages. The funny thing is they could see the links to the email addresses on another part of the page. I built the page using CSS. The styles for the links are very generic

a:link {
font-weight: bold;
text-decoration: none;
color: #666600;
}
a:visited {
font-weight: bold;
text-decoration: none;
color: #666600;
}
a:hover, a:active {
text-decoration: underline;
color:#A0A6A0;
}
and this is one of the links they can't see.

<p><a href = " title = "click here to enter a new work request">Work Request Form</a></p>

I couldn't find anything that specifically spoke to this problem. Anyone have any thoughts.

Thanks

Paul
 
Sort by date Sort by votes
How does this look. I put the link div inside the picture div so that it was a child of the pic div. It renders well in IE.

Paul

<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"
<html>
<head>
<title></title>
<style type = "text/css">
a:link {
font-weight: bold;
text-decoration: none;
color: #666600;
}
a:visited {
font-weight: bold;
text-decoration: none;
color: #666600;
}
a:hover {
text-decoration: underline;
color:#A0A6A0;
}
a:active {
text-decoration: underline;
color:#A0A6A0;
}

#container {
margin:0;
}
#beginning {

margin-top:30px;
width:225px;
padding:px 10px;
}

#ending {

color:#993333;
position:absolute;
top:10px;
left:670px;
float:right;
padding:10px;
}
#intro {

color:#993333;
position:absolute;
margin-top:10px;
margin-left:255px;
width:400px;
padding:0;
font-size:6;
}

#fillin {

color:#993333;
position:absolute;
margin-left:290px;
top:250px;
width:280px;
height:200px;
padding:10px;
}
#visual {

position:absolute;
margin-top:10px;
margin-left:10px;
width:225px;
padding: 0;
}
body {
background:url(modstone3.jpg);
}
</style>
</head>
<body>
<div id="container">
<div id="visual"><img src = " width = 250px height = 250px/>
<div id="beginning"><h2>Links to other Pages</h2>
<p><a href = " title = "click here to enter a new work request">Work Request Form</a></p>
<p><a href = " title = "Click here to look up an existing work order">Find A Work Order</a></p>
<p><a href = " title = "Click here to return your Smoke Detector Inspection Form">Smoke Detector Inspections</a></p>
<p><a href = " title = "Click here to view the Set Up Request Form">Set Up Request Form</a></p>
<p><a href = " title = "Click here to view the Key Request Form">Key Request Form</a></p>
</div>
</div>
<div id="intro">
<h1 align = center>The Williston Northampton School<br>Physical Plant<br>Homepage</font></h1></div>
<div id="ending">Director of Physical Plant:<br>Jeff Tannatt<br>Phone:529-3213<br><a href = "mailto:jtannatt@williston.com">jtannatt@williston.com</a></p>
<p>Administrative Assistant:<br>Barbara Shepherd:<br>Phone: 529-3272<br><a href = "mailto:bshepherd@williston.com">bshepherd@williston.com</a></p>
<p>Compliance Manager:<br>Bruce Tanguay<br>Phone: 529-3297<br><a href = "mailto:btanguay@williston.com">btanguay@williston.com</a></p>
<p>Ground/Security/Rink Manager:<br>Ed Chmura<br>Phone: 529-3269<br><a href = "mailto:echmura@williston.com">echmura@williston.com</a></p>
<p>Maintenance Manager:<br>Paul Bricker<br>Phone: 529-3268<br><a href = "mailto:pbricker@williston.com">pbricker@williston.com</a></p></div>


<div id="fillin">
<h2>Plant Schedule</h2>
<p><b>Week 4/04 - 4/10</b>
<p>Schoolhouse 3rd floor windows(cont.)
<p>Athletic Center patch and touch up
<p>Conant Basement Windows
<p>Mail Box installation
<p>Spring Cleaning/Second Visits</div>

</div>



</body>
</html>
 
Upvote 0 Downvote
Wonderful. I've made a couple small changes to give the [ignore]<h1></h1>[/ignore]header some added room. Thanks very much for the time and suggestions. I will reread everyones recommedations and see where I can improve things.
I really appreciate it.

Paul
 
Upvote 0 Downvote
Check out this URL:


You can use this to see how your page looks in Safari (for MacOSX). And then they have this:


Which offers to show you how your page renders in the following browsers (you choose which one):

Internet Explorer 6.0
Internet Explorer 5.5
Internet Explorer 5.01
Internet Explorer 4.01
Mozilla Firefox 0.8
Opera 7.23

Enjoy!
Jeff
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

Digital Dose
  • Locked
  • Question
My website refreshes twice when it is opened on any browser. 1
Replies
3
Views
281
sartechy
sartechy
ControlNovice
  • Locked
  • Question
Any plans to add AppSheet programming to this list?
Replies
0
Views
197
ControlNovice
ControlNovice
chris900
  • Locked
  • Question
suggest a Magento development company
Replies
0
Views
169
chris900
chris900
bogdangromov
  • Locked
  • Question
Free-royalty music for a vlog
Replies
0
Views
229
bogdangromov
bogdangromov
JScannell
  • Locked
  • Question
Accessing a localhost website from other devices
Replies
4
Views
283
JScannell
JScannell

Part and Inventory Search

Sponsor

Back
Top