Ho seguito le guide per creare una pagina semplice semplice per il mio forum ma c'è una cosa che non riesco a capire riguardo al colore del testo
spero che il codice sia giusto:la cosa strana è che il colore #B80000 dovrebbe essere bordeaux ma aprendo la pagina il testo è verdecodice HTML:<p align="left"><font face=”Tahoma”><font color=”#B80000”>
dove ho sbagliato ?
grazie in anticipo
metto tutto il codice del file, magari il problema è un altro
fra l'altro non mi sembra che il carattere che si vede sia Verdana
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="5" bgcolor="#BCBCBC"> <p align="center"><font face=”Verdana”><font color=”#B80000”><font size=5><b>Informazioni Utilizzo Mappa</b></font></p> <p align="left"><font face=”Verdana”><font color=”#B80000”><b><ul type=”disc”> <li>Cliccando sul Marker si avranno tutte le informazioni riguardanti il campeggio</li> <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 è località</li> <li>Scrivendo "spiaggia" nel campo di "Cerca Campeggio" appariranno solo i campeggi in cui si può andare in spiaggia con il cane</li> <li>Per annullare la ricerca e visualizzare tutti i marker ricaricare la mappa</li></ul></b></font></p><img src="LegendaCampeggi.png"> </body></html>
Ciao, prova a togliere le virgolette, ho provato ed è andato apposto sia il carattere sia il colore.
Penso sia dovuto al fatto che le imposti già di suo il browser, per questo il risultato è sbagliato.
Ultima modifica di il Mollo; 29-03-2014 a 16:46
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ì:
vorrei però, se possibile spaziare leggermente di più le varie righe dell'elenco fatto con <li> è possibile ?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>
nel complesso il codice è abbastanza corretto ?
grazie
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.
le virgolette devono esserci, ma tu hai messo le virgolette inglesi invece di quelle dritte.Originariamente inviata da gobas
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
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 marginicodice:<!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'è 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.</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>
Ultima modifica di Prill; 29-03-2014 a 21:11
grazie mille dell'aiuto...mi studierò per quanto posso il codice
e cercherò di capire come mettere il padding per l'elenco
ciao
Permessi di invio
Rispondi quotando