Allineamento testo

**InferNOS** · 12-09-2005, 19:33

Ciao raga dovrei creare una pagina html con delle descrizioni ma vorrei allineare il testo.Vi faccio un esempio:
Articolo da regalo:Occhiali da sole ecc,ecc,
verdi e gialli...--->la riga la voglio
allineata a quella precedente(quindi verdi e gialli deve essere sotto occhiali e non cominciare dall'inizio e cioè articolo da regalo!)

Non so se ho reso l'idea...spero di si...grazie.

**vale196** · 12-09-2005, 20:18

perchè non utilizzi le tabelle per dividere gli spazi?

**Petro_suse91** · 12-09-2005, 20:46

ehm.... non credo di aver capito cosa vuoi fare... potresti postare un esempio (sotto forma di immagine o disegnandolo scrivendolo in ascii)?

P.S. usa le tabelle se devi metterci dentro dei dati tabellari. Per la formattazione del testo, indentazione allineamento e quant'altro, viene meglio se lo fai coi css

**InferNOS** · 13-09-2005, 12:26

Vi posto un immagine per capire meglio...

**vale196** · 13-09-2005, 13:03

allora basta creare una tabella cn due colonne e le righe in base agli articoli che vuoi inserire...

**Petro_suse91** · 13-09-2005, 13:07

Allora ti conviene davvero usare i css:

CSS:

codice:

<style type="text/css">
.desc {padding-left:150px}
</style>

HTML:

codice:

<div>

<span>Articolo da regalo: Occhiali da sole</span>
<span class="desc">Verdi, blu, gialli, rosa</span>

<span>Articolo da regalo 1: Vaso da notte</span>
<span class="desc">Grande, medio, piccolo</span>

</div>

Ovviamente sui 150px ho tirato a indovinare, fai delle prove!

Ah, e ricordati di impostare font, colore, dimensione e quant'altro nel foglio di stile CSS e non nell'HTML!

Ciao!

**InferNOS** · 13-09-2005, 13:26

Ciao raga e grazie degli aiuti...

Allora ti conviene davvero usare i css

Sinceramente nn so cosa sono i css (x fare il sito sto utilizzando dreamweaver mx 2004...) e per ora ho trovato un modo poco ortodosso per risolvere la situazione (cioè nella pagine del programma ho scritto le varie descrizioni e tra alcune ho inserito degli spazi con il tasto "spazio unificatore" in modo tale da visualizzare come volevo io quando la pagina è aperta con il browser...)E' sicuramente bruttino però funziona!!Certo se sareste così gentili da insegnarmi il metodo di Petro_suse91 (o altri) ne sarei grato!!!

**pierofix** · 13-09-2005, 13:28

Semanticamente qui siamo di fronte forse ad un caso in cui il marcatore più appropriato è quello relativo alle liste.

Se notate, infatti, sono liste di prodotti riferite a differenti categorie. Certo che per raggiungere quell'impaginazione bisognerebbe smanettare un po' con CSS per non sporcare troppo il markup.

**Petro_suse91** · 13-09-2005, 14:26

Originariamente inviato da pierofix
Semanticamente qui siamo di fronte forse ad un caso in cui il marcatore più appropriato è quello relativo alle liste.

Se notate, infatti, sono liste di prodotti riferite a differenti categorie. Certo che per raggiungere quell'impaginazione bisognerebbe smanettare un po' con CSS per non sporcare troppo il markup.

Non ci avevo pensato

Dai tira fuori un po' di codice, da quel che ho capito InferNOS non sarebbe capace di "smanettare un po' con CSS per non sporcare troppo il markup"

P.S. InferNOS, per seguire il mio esempio basta che ti copi il codice... la parte di STYLE va prima di </head>, il resto nel <body>. Prova!

**pierofix** · 13-09-2005, 14:31

Ora non ho molto tempo. Il concetto, comunque, dovrebbe sfruttare il float per posizionare l'intestazione di lista (magari un paragrafo) a sinistra della lista stessa, la quale comparirà priva di pallini e con un'interlinea magari un po' aggiustata.

Basta come spunto? Un po' macchinoso, ma credo abbastanza fattibile (anche se, sinceramente, l'effetto che si vuole raggiungere non mi piace per niente).

Discussione: Allineamento testo

Strumenti discussione

Ricerca discussione

Visualizza

Allineamento testo

Ho capito

Permessi di invio