Dreamweaver: fogli stile.

Di: Rio | 26/09/2020 18:26:04
Ciao ragazzi, come potete vedere sul mio sito www.comune.torino.it/museiscuola il testo non è giustificato, ho già letto nel forum che bisogna intevenire sui fogli di stile, ma come?

Risposte



Per giustificare il testo non c'è bisogno del foglio di stile.
In Dreamweaver basta andare nella finestra Proprietà e scegliere il pulsante Giustifica.

Di: Gian Paolo | 26/09/2020 18:27:04


Purtroppo il mio foglio stile con carattere pre-ordinato non me lo consente...

Di: Rio | 26/09/2020 18:27:04


Volendo utilizzare il CSS basta selezionare lo stile associato al testo, aprirlo con click destro, Modifica, scegliere la proprietà Blocco di testo > Allineamento testo > Giustifica, anche se mi sembra strano che non te lo faccia fare dalla finestra delle proprietà.

Di: Gian Paolo | 26/09/2020 18:27:04


Ti riferisci a questo?
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
padding: 0px;
background-color: #006699;
}

Di: Rio | 26/09/2020 18:27:04


Se vuoi che la proprietà del testo si estenda a tutta la pagina va bene... devi solo aggiungere la proprietà "text-align: justify;".
Francamente te lo sconsiglio. Io creerei uno stile solo per il testo, es:
<style type="text/css">
<!--
.testo {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #000099;
text-decoration: none;
text-align: justify;
}
-->
</style>
Per creare un nuovo stile devi procedere come segue:
Dal pannello Progettazione > Stili CSS > Nuovo stile CSS. Dopodiché, nella finestra di dialogo che si apre, aggiungere tutte le proprietà che desideri dare al testo.

Di: Gian Paolo | 26/09/2020 18:27:04


<!-- Commento aggiunto per non interferire con il codice della pagina del forum di 001design.it.
Ok, però non me lo prende:
<link rel="stylesheet" href="../css/sottopg.css" type="text/css" />
<link rel="stylesheet" href="../css/text.css" type="text/css" />
<link rel="stylesheet" type="text/css" media="print" href="css/stampa.css" />
Fine commento aggiunto per non interferire con il codice della pagina del forum di 001design.it. -->

Di: Rio | 26/09/2020 18:27:04


Il problema probabilmente sta nel fatto che il foglio stile lo devi assegnare alla cella della tua tabella.
Esempio: <td class="nome_foglio_stile_css">Contenuto della cella...</td>

Di: Pablito | 26/09/2020 18:27:04


Anche inserendo il testo nella tabella non prende la giustificazione.

Di: Rio | 26/09/2020 18:27:04


Quando crei un nuovo stile, col metodo su descritto, lo devi associare ad un foglio già esistente, non crearne un ulteriore da richiamare...
Tu nei hai richiamati addirittura tre. Bastava che ne creassi uno assegnandogli il nome “testo” e lo associassi, mediante l’opzione “Definisci in”, ad uno stile già esistente.
Oltretutto il terzo stile è pasticciato. Devi controllare il percorso che non mi sembra corripondere ai primi due.

Di: Gian Paolo | 26/09/2020 18:27:04


Lo puoi assegnare a qualsiasi oggetto ti pare... se il testo si trova all'interno di una cella, puoi tranquillamente dare la proprietà a tutta la cella... altrimenti puoi anche darla solo al testo.

Di: Gian Paolo | 26/09/2020 18:27:04


Dunque, uno stile si occupa dell’impostazione della pagina e l’altro stampa.css è per la stampa dell pagina. Definendo il nuovo, testo, su uno dei due esistenti mi cambierebbe o l’impstazione generale della pagina o la stampa?

Di: Rio | 26/09/2020 18:28:04


Il testo non si trova nella cella di una tabella.

Di: Rio | 26/09/2020 18:28:04


Non ti cambierebbe nessuna impostazione... verrebbe solamente aggiunto.
Attenzione però, è ovvio che non puoi dare allo stesso oggetto due stili differenti... l’uno escluderebbe l’altro.
Se alla cella che contiene il testo, hai dato già le proprietà "text", ti basterà aggiungere solo "text-align: justify"

Di: Gian Paolo | 26/09/2020 18:28:04


In effetti, aggiungendo ai 2 fogli il comando align si giustifica il testo, ho solo problemi con frasi che si allargano troppo dando una pessima estetica stilistica.

Di: Rio | 26/09/2020 18:28:04


Devi controllare, è possibile che ci siano dei conflitti.
Inoltre, io ti consiglierei di togliere nel tag body le proprietà che si riferiscono al testo come: font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%;
la proprietà "text-align: justify" deve essere aggiunta ad un solo foglio di stile, non a due.

Di: Gian Paolo | 26/09/2020 18:28:04


Perché mi dici di togliere quegli ordini?

Di: Rio | 26/09/2020 18:28:04


Ho aggiunto al foglio di stile esistente:
}
#testo {
text-align: justify;
}
e poi nella pagina ho messo il testo tra: <div id="testo"> e </div>
è una buona soluzione? Il problemma è che dovrei farlo per ogni pagina.

Di: Rio | 26/09/2020 18:28:04


Ci vuole pazienza

Di: Gian Paolo | 26/09/2020 18:29:04


e sudore, quindi abbiamo risolto.
Grazie, esaustivi come sempre...

Di: Rio | 26/09/2020 18:29:04


Ecco, Rio, come si presenta un lavoro utilizzando un modello "Template" come master, che consente in brevissimo tempo di generare decine di pagine e un solo foglio di stile... premetto che c'è da fare ancora qualche modifica.
Per dare un'occhiata clicca sul seguente link http://starweb.starnet.it/gianpaolo/valdagri
Nota la pulizia del codice, che richiama gli stili col metodo "Class" senza l'ausilio dei TAG "SPAN" che in molti casi generano soltanto confusione.

Di: Gian Paolo | 26/09/2020 18:29:04