webForumDet fria alternativet

borders i netscape

6 svar · 256 visningar · startad av Riri

RiriMedlem sedan dec. 2000189 inlägg
#1

Hej dar!

Jag satter borders med css klasser och det funkar fint i explorer. Men, givetvis sa funkar det inte i netscape 4. Finns det nagot satt att komma runt det? Om jag farstar det ratt ar border attributen css1 och det maste val anda netscape 4 stodja..?

Hjalp!

Richard

Web-TorMedlem sedan nov. 200011 794 inlägg
#2

Netscape 4 har värdelöst CSS stöd! :x

När jag har varit tvungen att följa en HTML standard som inte tillåter border="0" i <img>-taggen så har jag löst det på följande sätt:

I koden:

<a href="link.html" class="img"><img src="bild.gif" height="15" width="66" alt="Text"></a>

I CSS:en

/* För att ta bord bildramen i läsare som klarar CCS-border */
img{
	border : 0px;
}
/* NN4 fix för att få vita ramar på länkade bilder */
a.img:link, a.img:visited{
	color: #FFF;
	background: transparent;
}

Så har jag t.ex. gjort på www.crt.se

RiriMedlem sedan dec. 2000189 inlägg
#3

Tack...

...for svaret Tor!

Problemet ar dock att min fraga gallde border satta pa tabellceller. Vidare ar jag inte sa haj pa css att jag kan forsta hur jag skall kunna anvanda ditt svar pa mitt problem... Alltsa satter jag borders pa tabellceller med css klasser och det funkar inte i netscape vad jag an gor!

Hoppas du/ni forstar vad jag menar och kan hjalp mig for jag borjar kanna utveckla valdigt starka negativa kanslor for netscape nu... x(

RiriMedlem sedan dec. 2000189 inlägg
#4

HJALP!

Ok, jag far se om jag kan fa nagra svar om jag slanger in nagra rader kod da, det brukar ju funka... Hur far jag alltsa Netscape 4 att funka med foljande css?

<html>
<head>
[B]<style type="text/css">
<!--
.textTitle { font-size: 14pt; font-family: verdana; } 
.textBody { font-size: 10pt; font-family: verdana; }
.top { border-top-color: black; border-top-style: solid; border-top-width: 1px; font-size: 1pt; height: 10 px; }
.left { border-left-color: black; border-left-style: solid; border-left-width: 1px; font-size 10pt; font-size: 1pt; width; 10px; }
.right { border-right-color: black; border-right-style: solid; border-right-width: 1px; font-size 10pt; font-size: 1pt; width; 10px; }
.bottom  { border-bottom-color: black; border-bottom-style: solid; border-bottom-width: 1px; font-size 10pt; font-size: 1pt; height: 10 px;  }
-->
</style>[/B]
<title>Line Graph Applet : to draw line graph of code size over time</title>
</head>
RiriMedlem sedan dec. 2000189 inlägg
#5

SNALLA! Jag behover hjalp!

Jag behover fa dessa for*'#[]/ bordersna att funka i netscape. Har fatt css validerad som fullgod css1 sa det kan ju inte vara det. For grejen ar att det inte bara ej funkar i netscape 4, det funkar inte i nagon netscape version!?

Vad gor jag fel, snalla lite forslag iaf! Orsakta roran...

<!--
.text1 {
	font-size: 14pt;
	font-family: verdana;
	} 
.text2 {
	font-size: 10pt;
	font-family: verdana;
	}
td.top {
	border-top: 1px solid black; 
	font-size: 1pt;
	height: 10px;
	}
td.left {
	border-left: 1px solid black; 
	font-size: 1pt; 
	width: 10px;
	}
td.right { 
	border-right: 1px solid black; 
	font-size: 1pt; 
	width: 10px;
	}
td.bottom  { 
	border-bottom: 1px solid black;
	font-size: 1pt; 
	height: 10px;
	}
-->
</style>

<title>
Line Graph Applet : to draw line graph of code size over time
</title>
</head>

<body bgcolor=#FCFCFC>
<center>
<br>

<table cellpadding="0" cellspacing="0" border="0" height="100" width="570">
<tr> 
<td>
<img src="LeftTopCorner.gif" width="10" height="10">
</td>
<td class="top" height="10" >&nbsp;</td>
<td >
<img src="RightTopCorner.gif" width="10" height="10">
</td>
</tr>
<tr> 
<td class="left" width="9">&nbsp;</td>
<td width="550" height="80"> 
<center>
<p class="text1"><i>Code Metrics Tool</i></p>
<p class="text2">The graph shows the size of the project in lines of 
code over time</p> 
</center>
</td>
<td class="right" width="9" >&nbsp;</td>
</tr>
<tr> 
<td ><img src="LeftBottomCorner.gif" width="10" height="10"></td>
<td class="bottom" height="10" >&nbsp;</td>
<td ><img src="RightBottomCorner.gif" width="10" height="10"></td> 
</tr>
<tr>
</tr>
<tr>
</tr>
</table>

<br>

<table border="0" cellpadding="0" cellspacing="0">
<tr> 
<td><img src="LeftTopCorner.gif" width="10" height="10"></td>
<td class="top">&nbsp;</td>
<td><img src="RightTopCorner.gif" width="10" height="10"></td>
</tr>
<tr> 
<td class="left">&nbsp;</td>
<td>
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0"
WIDTH=400 HEIGHT=200>
<PARAM NAME=movie VALUE="f5as_piechart2.swf"> <PARAM NAME=quality VALUE=high> <PARAM NAME=bgcolor VALUE=#FFFFFF> <EMBED src="f5as_piechart2.swf" quality=high bgcolor=#FFFFFF  WIDTH=400 HEIGHT=200 TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></EMBED>
</OBJECT></td>
<td class="right">&nbsp;</td>
</tr>
<tr> 
<td><img src="LeftBottomCorner.gif" width="10" height="10"></td>
<td class="bottom">&nbsp;</td>
<td><img src="RightBottomCorner.gif" width="10" height="10"></td>
</tr>
</table>

<br>
</center>

<center>

<table height="125" width="570" cellpadding="0" cellspacing="0" border="0">
<tr> 
<td class="text2" height="10" width="10"><img src="LeftTopCorner.gif" width="10" height="10"></td>
<td class="top">&nbsp;</td>
<td class="text2" height="10" width="10"><img src="RightTopCorner.gif" width="10" height="10"></td>
</tr>
<tr> 
<td class="left">&nbsp;</td>
<td class="text2"> 
<center>
<b>Code Metrics Tool</b>
<br>
<br>
Martin Gallagher <br>
<br>
BEng Software Engineering <br>
<br>
March 2002 
</center>
</td>
<td class="right">&nbsp;</td>
</tr>
<tr> 
<td height="10" width="10"><img src="LeftBottomCorner.gif" width="10" height="10"></td>
<td class="bottom">&nbsp;</td>
<td height="10" width="10"><img src="RightBottomCorner.gif" width="10" height="10"></td>
</tr>
</table>

</center>
</body>
</html>
MatteMedlem sedan aug. 20002 970 inlägg
#6

Hej Riri

Nu vet jag inte vad du ursprungligen skrev för tecken i dina <td> där du har borderna, men som koden är upplagd i forumet så är där ett mellanslag. Om du har ett mellanslag så byt ut detta mot &nbsp;.

Du hoppade över en väldigt intressant bit av din kod. När jag testade så var det endast med doctype-deklaration på sidan som borderna ritades ut. Om du mot förmodan inte har någon doctype-deklaration så lägg in följande överst på sidan:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3.org/TR/html4/loose.dtd">

Med dessa eventuella justeringar så ritas borderna ut i Netscape6/Mozilla för mig.

Nu har jag inte tillgång till dina hörnbilder så jag vet inte om linjerna/borderna går riktigt ihop med dina bilder. Eventuellt kan du ha en förskjutning på 1px.

Så till Netscape 4. NN4 stödjer inte CSS-border för <td>, och vad det gäller border-left, border-top m.fl så saknas stödet fullständigt. Vill du ha in dina border för NN4 så får du lov att använda bilder, t.ex som bakgrund.

RiriMedlem sedan dec. 2000189 inlägg
#7

Utmarkt svar!

Tackar sa hjartligt!

Skall ta och lasa pa lite om deklarationer.

Genererad på 395 ms · cache AV · v20260730165559-full.f96bc7eb