[CSS] lunghezza div

**ale500** · 19-08-2003, 20:43

salve a tutti..

durante lo svilupparsi di un mio script mi sono imbattuto in un problema...

genero dinamicamente il contenuto di un div ovvero mediante un array di non so quanti elementi (possono variare) creo una tanella di una riga per n cella dove n è la lunghezza del mio vettore....

ora vorrei che il livello (div) diventasse lungo quanto quallo che basta ovvero se impongo che il livello deve contenere soltanto 2 voci allora si dovrebbe ristringere mentre se ci devono entrare 5 voci si deve allungare...

come posso fare???

ho provato con width:auto ma il livello mi diventa lungo quasi quanto tutta la pagina e non mi cambia lunghezza

grazie.

Reale_Augello · 19-08-2003, 23:46

... ma perchè non ti ricavi la lunghezza del div proprio in relazione al tuo n? Che so, con una cosa del tipo:

codice:

document.getElementById('livello').style.width=(n*100)+"px";

Ciao !

**ale500** · 20-08-2003, 00:08

e se la mia scrita supera ad esempio i 100px?????

Reale_Augello · 20-08-2003, 00:10

Originariamente inviato da ale500
e se la mia scrita supera ad esempio i 100px?????

A questo punto calcoli anche la lunghezza massima della scritta (per esempio, per ogni lettera consideri un pixel di spazio).

**ale500** · 20-08-2003, 00:29

adesso vedo di sistemare un po il tutto...

prima però ti devo chiedere 2 doamnde personali:

-esiste da qualche parte una guida che dice ad esempio che la proprietà margin può essere usata per i tag <a> ma ad esempio no per i tag <td>??cioò una tabella che dice per ogni tag le possibili proprietà che si possono settare...

-(più importante) visto che mi sembra ch sei una persona che di CSS forse se ne intende sei in grado di dirmi come posso fare (con i CSS ovviamente) a fare il bordo di una tabella dello spessore di 1px e con bordo non intendo soltanto i 4 bordi esterni ma anche i bordi che dividono una cella dall'altra...(con border:1 solid #000000 con funge)

grazie.

**Mutato** · 20-08-2003, 01:02

Originariamente inviato da ale500
-(più importante) visto che mi sembra ch sei una persona che di CSS forse se ne intende sei in grado di dirmi come posso fare (con i CSS ovviamente) a fare il bordo di una tabella dello spessore di 1px e con bordo non intendo soltanto i 4 bordi esterni ma anche i bordi che dividono una cella dall'altra...(con border:1 solid #000000 con funge)

Spero Reale non si offenda se rispondo io... ma soprattutto che tu mi reputi all'altezza

Come prima indicazione posso suggerirti di consultare la pillola di Piero06 sulla formattazione delle tabelle.

http://forum.html.it/forum/showthrea...hlight=tabelle

In secondo luogo ti fornisco questa paginetta dove puoi vedere una tabella formattata solo con i CSS, infatti la table, le tr e td non hanno alcun attributo:

<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Come colorare i bordi di una tabella</title>
<style type="text/css">
table {
display:table; table-layout:fixed;
border:solid 2px #990000;
border-collapse:collapse;
width:100%; margin:0; padding:0;
}

tr {
display:table-row;
margin:0; padding:0;
}

td {
display:table-cell;
border:solid 1px #000;
margin:0; padding: 5px 5px;
}
</style>

</head>
<body>
<table>
<tr>
<td>Prima cella</td>
<td>Seconda cella</td>
<td>Terza cella</td>
<td>Quarta cella</td>
</tr>
<tr>
<td>Prima cella</td>
<td>Seconda cella</td>
<td>Terza cella</td>
<td>Quarta cella</td>
</tr>
<tr>
<td>Prima cella</td>
<td>Seconda cella</td>
<td>Terza cella</td>
<td>Quarta cella</td>
</tr>
</table>

</body>
</html>

Reale_Augello · 20-08-2003, 01:04

Originariamente inviato da Mutato
Spero Reale non si offenda se rispondo io...

Fai pure.

**ale500** · 20-08-2003, 01:09

io non mi offendo di sicuro...anzi...ti ringrazio...

avevo già apero una discussione su un altro problema eci avevo sempre infilato di mezzo questa domanda ma nessuno mi aveva risposto...

ancora grazie, mi ero rivolto a Reale visto che è l'unico che aveva risposto alla mia discussione

cmq per la prima domanda invece...niente????

**Mutato** · 20-08-2003, 01:16

Prova a dare un okkio qui
http://www.w3schools.com/css/default.asp

Avevo anche della documentazione sulle proprieta' e la loro applicabilita'... ma non la trovo piu'

**ale500** · 20-08-2003, 10:57

me lo hanno già consigliato quel link ma anche li non vengono citati i <tag> applicabili ad ogni proprietà, cmq grazie.

Discussione: [CSS] lunghezza div

Strumenti discussione

Ricerca discussione

Visualizza

[CSS] lunghezza div

Scusa...

...

...

Permessi di invio