Problema stupido con colore testo

**gobas** · 29-03-2014, 18:01

Grazie, togliendo le virgolette dal nome del carattere si è sistemato

per quanto riguarda il colore ho risolto togliendo # non so se è corretto

ho fatto anche altre piccole modifiche ed il codice adesso è così:

codice HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//IT">

<html><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><title>Info Mappa</title></head>
<body lang="it"      leftmargin="0" topmargin="7"      bgcolor="#BCBCBC">
<p align="center"><font face=Tahoma><font color=”B80000”><font size=5><b>Informazioni Utilizzo Mappa</b></font></p>
<p align="left"><font face=Tahoma><font color=”B80000”><font size=3><ul type=”disc”>  <li><b>Cliccando sul Marker si avranno tutte le informazioni riguardanti il  campeggio.</li></b>
  <li>Se nel campeggio o nelle sue vicinanze c'è una spiaggia che accetta i cani verrà specificata anche questa informazione.</li>
  <li>E' possibile effettuare una ricerca per nome campeggio e località.</li>
  <li><b>Scrivendo "spiaggia" nel campo di "Cerca Campeggio" si vedranno solo i campeggi in cui si può andare in spiaggia con il cane.</li></b>
  <li>Per annullare la ricerca e visualizzare tutti i marker ricaricare la mappa.</li></ul></font></p><img src="LegendaCampeggi.png">

</body></html>

vorrei però, se possibile spaziare leggermente di più le varie righe dell'elenco fatto con <li> è possibile ?

nel complesso il codice è abbastanza corretto ?

grazie

**il Mollo** · 29-03-2014, 20:41

Certo, per aggiungere un po' di spazio tra i vari elementi di una lista basta applicare un valore al padding (top o bottom è indifferente. Ad esempio puoi aggiungere padding-bottom: 4px), così risulta tutto più leggibile

.

Per quanto riguarda il codice in se non ho le competenze necessarie per risponderti, e poi non saprei cosa dire

.

**Prill** · 29-03-2014, 21:09

Originariamente inviata da gobas

Grazie, togliendo le virgolette dal nome del carattere si è sistemato
per quanto riguarda il colore ho risolto togliendo # non so se è corretto

le virgolette devono esserci, ma tu hai messo le virgolette inglesi invece di quelle dritte.
Il doctype non è corretto; alcuni tag sono annidati male (apri il bold in <li> ma poi lo chiudi dopo la chiusura di </li>; un paragrafo non può contenere un elenco); il tag font è da evitare (riportando tutto nel foglio di stile e snellendo il codice html); usi attributi non standard (leftmargin e topmargin) che possono anche andare nel foglio di stile

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="it">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Info Mappa</title>
<style type="text/css">
<!--
body {
    background-color: #bcbcbc;
    margin-left:0;
    margin-top:7px;
    font-family:Tahoma;
    color:#b80000;
}
#paragrafo1 {
    font-size: x-large;
    text-align:center;
    font-weight:bold;
    
}
ul {
    list-style-type:disc;
    font-size: medium;
}
-->
</style>
</head>

<body>
<div>
 <p id="paragrafo1">Informazioni Utilizzo Mappa</p>
   <ul>
    <li><b>Cliccando sul Marker si avranno tutte le informazioni riguardanti il  campeggio.</b></li>
    <li>Se nel campeggio o nelle sue vicinanze c'&egrave; una spiaggia che accetta i cani
   verr&agrave; specificata anche questa informazione.</li>
    <li>E' possibile effettuare una ricerca per nome campeggio e localit&agrave;.</li>
    <li><b>Scrivendo "spiaggia" nel campo di "Cerca Campeggio" si vedranno solo
    i campeggi in cui si pu&ograve; andare in spiaggia con il cane.</b></li>
   <li>Per annullare la ricerca e visualizzare tutti i marker ricaricare la mappa.</li>
   </ul>
        <img src="LegendaCampeggi.png" alt="testo alternativo per chi non visualizza l'immagine">
</div>
</body>
</html>

per distanziare le righe puoi sfruttare la proprietà dei fogli di stile line-height, per distanziare invece le voci elenco una dall'altra potrai, come ti hanno detto, sfruttare il padding o usare i margini

Discussione: Problema stupido con colore testo

Strumenti discussione

Ricerca discussione

Visualizza

Hybrid View

Permessi di invio