Jump to content

text-decoration in Safari

thesi

By thesi
in CSS

Recommended Posts

thesi Newbie

thesi

Posted
Posted

Like many other of you out there, I downloaded Safari as soon as I could so I could test how my website looks on it. I was prepared for alignment or something to be messed up but what I found was that I couldn't open any files from my desktop. Frustrated, I closed it and didn't touch it again until I got the update today. First thing I did was try to open my website again and this time it worked. Only problem is, it seems the code "text-decoration:none" does not work in Safari. This is a problem because I use it in my sites banner in lieu of a picture. Unfortunately, because of this, the text in the logo has a black underline which I feel greatly detracts from the logo. It does not show up in IE, FF, Opera or Netscape. Below is the index page and the css. Is there some other way I can get rid of that underline or am I stuck with it in Safari?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd"><html>	<head>		<meta http-equiv="Content-Type" content="text/html;charset=utf-8" >		<link rel="stylesheet" type="text/css" href="style.css">		<title>Index - Osborne Lumber©</title>	</head>	<body>		<a href="http://www.osbornelumber.com" class="top"><div class="banner"></div> <div class="banner2"> <nobr>Osborne Lumber Company Inc.</nobr></div></a>		<a href="http://www.osbornelumber.com" class="top2"><div class="banner3"></div> <div class="banner4"> <nobr>Wholesale Distribution * Jobsite Packaging * Custom Milling<br>Serving Bay Area contractors since 1950</nobr></div></a>		<div class="sidebar"><strong class="big">Menu</strong><br><a href="index.html">Index</a><br><a href="company.html">Company</a><br><a href="gallery.html">Gallery</a><br><a href="recent.html">Recent Projects</a><br><a href="resources.html">Resources</a><br><a href="links.html">Links</a><br><a href="contact.html">Contact Us</a><br><br><strong class="big">Products</strong><br><a href="decking.html" class="h_text">Decking</a><br><a href="engineered.html" class="h_text">Engineered Products</a><br><a href="environment.html" class="h_text">FSC / Environmentally Sound Lumber</a><br><a href="hardware.html" class="h_text">Hardware & Concrete Supplies</a><br><a href="lumber.html" class="h_text">Lumber</a><br><a href="mouldings.html" class="h_text">Mouldings</a><br><a href="plywood.html" class="h_text">Plywood / Sheet Goods</a><br><a href="siding.html" class="h_text">Siding</a><br><a href="treated.html" class="h_text">Treated</a><br><a href="windows.html" class="h_text">Windows</a><br><br></div>		<div class="center">			<strong class="big">Our hours are 7:00 am - 4:30 pm <u>Monday through Friday</u></strong><br>			We are not open on Saturday or Sunday.<br><br>			<strong class="big">Directions:</strong><br>			<b class="white">From the South Bay</b>:  Take 880 North. Exit Thornton Avenue and head west.			Go about 2 miles and turn left on Willow, then left on Enterprise.			We're on the right hand side. <br><br>			<b class="white">From the North Bay</b>: Take 880 South. Exit Thornton Avenue and head west.  			Go about 2 miles and turn left on Willow, then left on Enterprise.			We're on the right hand side.<br><br>			<b class="white">From the Penninsula</b>: Take 101 South to the Dumbarton Bridge (Marsh Rd. Exit).			Cross the bridge and exit Thornton Avenue and turn right.  Go about 			1 mile and turn right on Willow, then left on Enterprise.  We're 			on the right hand side.<br><br>			<b class="white">From the Valley</b>: Take 580 West to 880 South.  Exit Thornton Avenue and head west.			Go about 2 miles and turn left on Willow, then left on Enterprise. 			We're on the right hand side.<br><br> 			<a href="http://www.mapquest.com/directions/main.adp?src=maps&1sb=revise&2l=lsA%2fygEk8C073%2bZzAcfXZw%3d%3d&2g=H3crJ4ITlxCV0VEkQxDRLQ%3d%3d&2v=ADDRESS&2a=8100%20Enterprise%20Dr&2c=Newark&2s=CA&2z=94560&2y=US&2pn=Osborne%20Lumber%20Co%20Inc&2pl=510%2d793%2d3837&cat=&q=Osborne%20Lumber%20Company&qc=&2ffi=1" target="_blank">Map this!</a><br><br>			Our phone number is: (510)793-3837<br>			Our fax number is: (510)793-7265<br><br>			<br clear=all>		<div class="bottom"><br><br><br><br><a href="http://www.osbornelumber.com">www.OsborneLumber.com</a> © 2005 • <a href="privacy.html">Privacy Policy</a> • <a href="terms.html">Terms Of Use</a><br>This web site is best viewed at 1024x768 resolution with Internet Explorer version 7.</div><br>		</div>	</body></html>

body {	background-color: #033502;	font-size:1.3em; 	margin-left: 15px; 	color: #DFC59E;}.sidebar{	position:absolute;	top:100px;	left:1%;	background-color:black;	width:23%;	height:600px;	overflow: auto;	z-index:2;	font-weight:bold;	padding-left:1%;	padding-top:30px;	border-style: groove;	border-color: #222222;	border-width: thin;}.center{		position:absolute;	top:100px;	left:25.4%;	background-color:#333333;	width:74%;	text-align:center;	min-height:600px;	padding-top:30px;	border-style: groove;	border-color: #444444;	border-width: thin;}.banner{	position:absolute;	top:10px;	left:1%;	z-index:3;	min-width:520px;	width:98%;	height:40px;	border-style: groove groove solid groove; 	border-color: #426842 #426842 #FFFFFF #426842;	border-width:thin;	background-color:green;}.banner2{	position:relative;	z-index:4;	color:black;	font-size:30px;	font-weight:bold;	text-align:center;	background-color:green;	text-decoration:none;}.banner3{	position:absolute;	top:50px;	left:1%;	z-index:4;		min-width:520px;	width:98%;	height:49px;		border-style: groove groove groove solid; 	border-color: #FFFFFF #C0CCC0 #C0CCC0 #C0CCC0;	border-width:thin;	background-color:white;}.banner4{	position:relative;	top:5px;		z-index:4;	color:black;	font-size:21px;	text-align:center;	text-decoration:none;}.bottom{		font-size:.6em;	z-index:7;	color:#FFFFFF;	text-align:center;}.invisible {	visibility:hidden;}.big{	color:#FFFFFF;	font-size:150%;}.frac{	font-size:75%;}.section{		font-size:125%;}div.img{	margin: 2px;	border: 1px solid #0000ff;	height: 200px;	width: auto;	float: left;	text-align: center;}div.img img{	display: inline;	margin: 3px;	border: 1px solid #ffffff;}div.img a:hover img{	border: 1px solid #0000ff;}div.desc{	text-align: center;	font-weight: normal;	width: 120px;	margin: 2px;}a:link     {	color: #6666FF;}a:visited  {	color: #8800CC;}a:hover    {	color: #033502; 	background-color: #6666FF;}a:active   {	color: #FFFFFF;}a.top:link     {	color: black;}a.top:visited  {	color: black;}a.top:hover    {	color: black; 	background-color:green;}a.top:active   {	color: black;}a.top2:link     {	color: black;}a.top2:visited  {	color: black;}a.top2:hover    {	color: black; 	background-color:white;}a.top2:active   {	color: black;}

Link to comment
Share on other sites
yoshida Member

yoshida

Posted
Posted

As long as your CSS validates, Safari is at fault.Safari is known (at least to me, using Windows Vista) to ignore <h1>, <b>, <i>, in short all style markup.Would you try going into quirkmode, and remove your doctype? That might give you something to work with.

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

Go to topic listing
×
×
  • Create New...