Problema colori bordi tabelle su firefox e opera

**pierrotten82** · 05-03-2010, 19:19

Salve a tutti, premetto che sono un principiante, quindi mi rivolgo proprio a voi per avere un aiuto e magari imparare qualcosa, arrivo al dunque... Sto creando insieme a un amico un sito web nel quale in molte pagine ho inserito delle tabelle con i bordi colorati in entrambi i lati, il problema è che su IE il sito si visualizza al meglio con tutti i colori mentre con Opera o firefox i bordi delle tabelle rimangono bianchi, potreste aiutarmi? :master:

**Prill** · 05-03-2010, 20:57

Ciao Pierrotten82, per aiutarti è necessario vedere il tuo codice

**pierrotten82** · 05-03-2010, 22:37

dunque, sono quasi riuscito a risolvere da solo aggiungendo uno stile css... però mi rimane un problema, in alcune tabelle ho colorato entrambi i bordi ma nel css riesco a dare un unico colore a entrambi i bordi.... che codice devo mettere??
il codice della cartella css è questo:

body {
background-color: #000000;
}

table.header, table.header td {

background-color: #FF0000;

border: 1px solid #FFFF00;

}

table.header1, table.header1 td {

border: 1px solid #99FF99;

}

**pierrotten82** · 06-03-2010, 00:03

HELP

**Prill** · 06-03-2010, 08:59

Non so quali bordi tu voglia e con quali colori, ma nel css, attraverso border-top, border-bottom, border-left e border-right, possiamo impostare tutti e quattro i bordi a nostro piacimento

**pierrotten82** · 06-03-2010, 15:44

Si ma non riesco a ottenere l'effetto che vorrei.... posso publicare il link per farti vedere come sono i colori nel sito visualizzati da IE?

**pierrotten82** · 06-03-2010, 16:02

Sono riuscito a creare questo codice ma il risultato è diverso dalla pagina html originale

codice:

body {
  background-color: #000000;
}

table.header, table.header td {

background-color: #FF0000;

border: 1px solid #FFFF00; 

}

table.header1, table.header1 td {

border: 1px double #00FF00;

border-right-color: #FFFF00;

border-top-color: #00FF00;

border-bottom-color: #FFFF00;

}

se è possibile posto il link per farvi vedere come vorrei che si visualizzasse

**Prill** · 06-03-2010, 16:43

Certo, penso che tu possa mettere il link

**pierrotten82** · 06-03-2010, 16:56

ok ecco io la tabella vorrei farla visualizzare così, non è la prima ma la seconda, quella gialla e verde...
http://forzedisordine.altervista.org...contenuto.html

**Prill** · 06-03-2010, 18:01

Rivedendo il codice della tua pagina (ma le tabelle non andrebbero usate e poi comunque dovrebbe esservi una struttura unica e non elementi vari sfusi - ho tolto i vari tag font, bold eccetera passando il tutto nel css):

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Language" content="it">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>MENU</title>

<style type="text/css">
body {
	background-color: #000000;
}
body, td {
	color: #ffffff;
}
#tabMenu {
	width:100%;
	background-color:#ff0000;
	border:1px solid #ffff00;
	margin-bottom:30px;
}
#tabMenu td {
	height:30px;
	text-align:center;
	vertical-align:middle;
	font-family:"Comic Sans MS";
	font-size:16px;
	font-weight:bold;
	border:1px solid #ffff00;
}
#tab2 {
	width:100%;
	border:1px solid #ffff00;
	border-top:1px solid #00ff00;
	border-left:1px solid #00ff00;
}
#tab2 td {
	text-align:center;
	vertical-align:middle;
	border:1px solid #00ff00;
	border-top:1px solid #ffff00;
	border-left:1px solid #ffff00;
}
</style>
</head>

<body>
<p align="center"></p>

<table id="tabMenu">
  <tr>
    <td width="10%">HOME</td>
    <td width="10%">PUNK</td>
    <td width="10%">REGGAE</td>
    <td width="10%">CANTAUTORI</td>
    <td width="10%"><a href="http://forzedisordine.altervista.org/contenuti/newbands.html" style="color:#99ff99">NEW
      BAND'S</a></td>
    <td width="10%">FORUM</td>
    <td width="10%">LINK'S</td>
    <td width="10%">CONTATTI</td>
  </tr>
</table>

<table id="tab2">
  <tr>
    <td width="31%" height="148">[img]../sez2jpg.jpg[/img]</td>
    <td width="35%"><a href="http://forzedisordine.altervista.org/contenuti/reggae.html">
      [img]../reggae_sito.jpg[/img]</a></td>
    <td width="34%"><a href="http://forzedisordine.altervista.org/contenuti/cantautori.html">
      [img]../cantautori.jpg[/img]</a></td>
  </tr>
  <tr>
    <td height="158"> [img]../libero2.jpg[/img]</td>
    <td><a href="http://forzedisordine.altervista.org/contenuti/forum.html">
      [img]../FORUM6.jpg[/img]</a></td>
    <td><a href="http://forzedisordine.altervista.org/contenuti/links.html">
      [img]../link_s.jpg[/img]</a></td>
  </tr>
</table>

</body>
</html>

Discussione: Problema colori bordi tabelle su firefox e opera

Strumenti discussione

Ricerca discussione

Visualizza

Problema colori bordi tabelle su firefox e opera

...

Permessi di invio