Aiuto CSS

[galex31785]

Ragazzi dovrei creare una regola che mi permetta di utilizzare in una parte della pagina un colore di link differente da quello utilizzato normalmente e salvato direttamente nelle impostazioni di Dreamveawer...
Mi date una mano con il codice da scrivere nel foglio di stile?
Ho già inserito il font-style, ma per il colore trovo solo il campo color e non quello riferito al link...
Grazie...

[gengix]

L'attributo color modifica il colore del testo e quindi è corretto utilizzarlo in questo caso per modificare il colore di un link.

a {
color:red; /*il testo del link sarà di colore rosso in tutti gli stati*/
}

[galex31785]

Ho provato a creare una regola css di nome link con le caratteristiche desiderate (font:Arial,...,SanSerife pixel:14, color=...), ma anche se associo al pezzo da modificare nel colore tale foglio di stile non succede nulla... Il colore rimane lo stesso quello impostato nelle impostazioni del programma...
Come posso fare? Devo ridefinire ogni regola ed eliminare in qualche modo le impostaizioni generali per il colore del link?
Chi ha altri suggerimenti?

[gengix]

Per prima cosa quando posti un problema devi riportare anche il codice, altrimenti diventa un indovinello.
Il tuo non è un problema tanto complesso da invocare tante soluzioni.
Se i link del tuo layout devono avere tutti un determinato colore puoi impostare gli stili generali dei link con questo codice:

a:link {
color:.....;
}
a:visited {
color:.....;
}
a:hover {
color:.....;
}
a:active {
color:.....;
}

In questo modo tutti i link del documento avranno determinate proprietà.

Altrimenti se vuoi che un gruppo di link oppure un solo link abbia determinate proprietà, attribuisci una classe (primo caso) oppure una id (secondo caso) al link.

esempio:

Link

.coloreLink:link {
color:....;
}
.coloreLink:visited {
color:....;
}
.....

Oppure se vuoi che un link o diversi link che siano figli di un determinato elemento come un div abbiano determinate proprietà fai così:

	  <div id="box">
		Link
	  </div>

#box a:link {
color:....;
}
#box a:visited {
color:....;
}
....

Se il problema rimane, posta il codice che guardiamo dove sta il problema.

[galex31785]

Allora, grazie per l'aiuto... Mi scuso se non ho riportato il codice ma non mi è proprio passato per la testa... Nel frattempo provo ad utilizzare li tuo suggerimento e vedo...
Comunque, diciamo che la cosa più semplice per me è quella di assegnare un colore blu a tutti i link della pagina ad eccezione di quelli presenti in questa tabella (che funge da barra dei pulsanti) e che deve avere un colore azzurrino...
Ecco il codice:
<table width="916" border="0" align="center" background="Layout/Pulsanti/Sfondo.gif">
<tr>
<td><div align="center" class="Stile8">Home</div></td>
<td><div align="center" class="Stile8">Storia</div></td>
<td background="organigramma.html"><div align="center" class="Stile8">Organigramma</div></td>
<td><div align="center" class="Stile8">Giovanissimi</div></td>
<td><div align="center" class="Stile8">Allievi</div></td>
<td><div align="center" class="Stile8">Cicloamatori</div></td>
<td><div align="center" class="Stile8">Cicloturisti</div></td>
<td class="Stile8"><div align="center">Rassegna Stampa</div></td>
<td><div align="center" class="Stile8">Archivio News</div></td>
<td><div align="center" class="Stile8">Sponsor</div></td>
<td><div align="center" class="Stile8">Contatti</div></td>
</tr>
</table>
Te che mi consigli di fare?

EDIT: Per me la cosa più semplice sarebbe quella di creare un foglio di stile css con un paio di semplici istruzioni {a:link color:..., ...} ed associarlo direttamente in dreamweaver alle scritte della barra in questione...

[galex31785]

Questa è la dichiarazione degli stili ad inizio pagina:

<style type="text/css">
<!--
body {
background-color: #018134;
}
a:link {
color: #0083d1;
}
body,td,th {
color: #000000;
}
.Stile8 {color: #FFFFFF; font-weight: bold; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 14px; }
.Stile9 {color: #FFFFFF}
.Stile10 {color: #00135f; font-weight: bold; }
.Stile11 {color: #000000}
a:visited {
color: #0083d1;
}
.Stile14 {font-family: Arial, Helvetica, sans-serif}
.Stile16 {
color: #00135f;
font-weight: bold;
font-size: 14px;
}
-->
</style>

[rickystra]

Originariamente inviato da galex31785
Questa è la dichiarazione degli stili ad inizio pagina:

<style type="text/css">
<!--
body {
background-color: #018134;
}
a:link {
color: #0083d1;
}
body,td,th {
color: #000000;
}
.Stile8 {color: #FFFFFF; font-weight: bold; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 14px; }
.Stile9 {color: #FFFFFF}
.Stile10 {color: #00135f; font-weight: bold; }
.Stile11 {color: #000000}
a:visited {
color: #0083d1;
}
.Stile14 {font-family: Arial, Helvetica, sans-serif}
.Stile16 {
color: #00135f;
font-weight: bold;
font-size: 14px;
}
-->
</style>

.Stile8 a:link{
....
}
.Stile8 a:visited{
...
}

[galex31785]

Grazie mille dell'aiuto... Funziona alla perfezione... Ora ho rinominato lo stile8 il barradeipulsanti e l'ho cambiata in tutte le pagine (circa una 30ina)...
Con i css ho letto che operazioni del genere sono molto più veloci di come ho fatto io, ma per fare questo (se ho ben capito) bisogna creare un documento css esterno con tutte le varie impostazioni e poi associarlo alla pagina, giusto?
Mi sa proprio che mi conviene studiarmi per bene questi css...
Ho letto anche di editor per i css... Io utilizzo dreaweaver che mi permette di crearli (almeno ho visto che crea e modifica documenti css), volevo sapere se c'è qualche editor (o se lo stesso dreamweaver lo permette) che permette di vedere direttamente le modifiche che un stilecss apporta ad un testo...
Grazie ancora...

[rickystra]

STYLIZER

[galex31785]

Grazie per l'informazione... Ho visto che c'è sia in versione free che in versione pro a pagamento... La free va bene comunque?