Per non andare a capo

[mmaria]

Ciao amici sono Maria ed ho un problema:
voglio visualizzare in una pagina il campo di dieci record. Mettendo nel css <p class="romano"> mi visualizza i dieci record in colonna. Io vorrei che me li visualizzasse uno accanto all'altro senza andare a capo. Come posso fare?

Attuale visualizzazione:
record 1
record 2
rercord 3
....
record 10


come vorrei visualizzare: record 1 record2 record3 ... record10

[miki003]

Ti potrei dire di scriverli uno dopo l'altro, ma suppongo che non sia questo il problema, quindi se posti il codice o un link forse capiremmo meglio

[mmaria]

Ecco il codice css

p.Tags {
font-family: Arial, Helvetica, sans-serif;
font-size: 9pt;
color: #ffffff;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-align: left;
margin-left: 0px;
margin-top: 0px;
padding: 2px;
}

[miki003]

Originariamente inviato da mmaria
Ecco il codice css

Ci vuole il codice HTML

[mmaria]

response.write " <p class=tags><a href='/000/00_vedi1.asp?id="& rs("AD_id")&"#alto' target=""centrale"">"

[Mich_]

E` un problema di semantica.

Se devi fare una tabella, DEVI usare il tag <table>, altrimenti e` un grave errore semantico (e questo tipo di errori non vengono visti bene in rete).

Se invece si tratta di una sola riga, non devi usare il

; eventualmente puoi usare il tag <span> per i vari "campi".

[mmaria]

Ho inserito lo span come indicato ho risolto il problema e non va a capo ma non riesco a formattare il testo che mi resta sempre sottolineato e non assume il colore che desidero...

ecco il css inserito dove sbaglio?

.peppe,
.peppe:link,
.peppe:visited,
.peppe.focus,
.peppe.active {
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
text-decoration:none;
color:#ff0000;
}

.peppe,
.peppe:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
text-decoration:none;
color:#000000;
}

[Mich_]

Da quel codice non risulta che il link sia sottolineato, in nessun caso.
Per poter vedere dove sta l'errore e` necessario vedere anche il codice HTML.

Comunque il tuo codice presenta delle problematicita`, dovute ad un errato ordine di presentazione. Il tuo codice potrebbe diventare:

.peppe,
.peppe:visited{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  text-decoration:none;
  color:#ff0000;
}

.peppe:hover,
.peppe.focus,
.peppe.active {
  text-decoration:none;
  color:#000000;
}

Nota: questo non risolve il tuo problema attuale
Nota2: il mio codice interpreta il tuo un po' liberamente (non e` esattamente equivalente al tuo)

[mmaria]

Ecco l'html:

response.write "<span class=peppe><a href='/000/00_vai1.asp?id="& rs("AD_id")&"#alto' target=""capo"">"
response.write ""&rs("campo3")&"</a> </span>"
response.write ""

[Mich_]

No, quello e` il sorgente lato server (forse ASP).
Serve proprio il codice HTML come arriva al browser.

Comunque da quello che si puo` capire il codice HTML risultante da quello script e il CSS postato sopra non vanno d'accordo.

Se il codice HTML e`

<span class='peppe'>testo del lilnk</span>

(nota che ho messo alcuni apici in piu` e l'attributo title che e` obbligatorio)

il CSS potrebbe diventare:

.peppe a,
.peppe a:visited{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  text-decoration:none;
  color:#ff0000;
}

.peppe a:hover,
.peppe a:focus,
.peppe a:active {
  text-decoration:none;
  color:#000000;
}