errore di visualizzazzione dopo <!DOCTYPE

**ultrasflavio** · 14-10-2005, 12:30

se non metto il doctype

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

il browser visualizza correttamente questa parte di css

codice:

a:link
{
color:'#006600';
text-decoration:underline;
}

a:active
{
color:'#006600';
text-decoration:underline;
}

a:visited
{
color:'#006600';
text-decoration:underline;
}

a:hover
{
color:'#990000';
text-decoration:underline;}
}

appena inserisco il doctype, i collegamenti sono tutti di colore azzurro, cioè riacquistano le proprietà standard...

why?

**pierofix** · 14-10-2005, 13:10

Molto probabilmente il problema deriva da altri errori. Prova a postarci l'intero codice della tua pagina (elimina testi inutili

).

**ultrasflavio** · 14-10-2005, 13:30

questa

http://www.tropicalsud.it/matera/XX2.htm

**pierofix** · 14-10-2005, 13:40

Proviamo un secondo ad ottimizzare e mettere nel giusto ordine di inserimento il codice CSS relativo ai link:

codice:

a:link, a:visited, a:hover, a:active {
   text-decoration:underline
}
a:link, a:visited {
   color:#060
}
a:hover {
   color:#000
}
a:active {
   color:#060
}

C'erano anche degli errori che prima non avevo visto, come appunto lo scorretto ordine di inserimento delle pseudoclassi e delle virgolette nei valori dei color che non ci devono essere. Prova e facci sapere.

**ultrasflavio** · 14-10-2005, 13:49

perfect!!!

grazie!

**pierofix** · 14-10-2005, 13:51

Bene.

Ricorda che l'ordine deve essere questo:

link
visited
hover
active

**Sol** · 15-10-2005, 21:56

Caro Piero... L'ordine in quel foglio CSS non era la causa dei problemi.
Ok che ora tutto è risolto, ma sappi (ultrasflavio) che nei CSS non si mettono le virgolette per definire i colori.

ESEMPIO SBAGLIATO

codice:

a:link
{
color:'#006600';
text-decoration:underline;
}

a:active
{
color:'#006600';
text-decoration:underline;
}

a:visited
{
color:'#006600';
text-decoration:underline;
}

a:hover
{
color:'#990000';
text-decoration:underline;}
}

ESEMPIO CORRETTO

codice:

a:link
{
color:#006600;
text-decoration:underline;
}

a:active
{
color:#006600;
text-decoration:underline;
}

a:visited
{
color:#006600;
text-decoration:underline;
}

a:hover
{
color:#990000;
text-decoration:underline;}
}

Senza inserire la dichiarazione, il browser segue le sue regole e accetta qualche piccolo errore.
Ma se tu gli dici di seguire le regole della dichiarazione, lui segue soltano ciò che gli hai ordinato di seguire.

Ok?

Discussione: errore di visualizzazzione dopo <!DOCTYPE

Strumenti discussione

Ricerca discussione

Visualizza

errore di visualizzazzione dopo <!DOCTYPE

Permessi di invio