Re: Tabelle in grafica come fare?

"Artglass" <art.glass@tiscali.it> ha scritto nel messaggio
news:4cht44pvhcvs6m86hooi6gjl1pvk2d6dff@4ax.com...
> On Tue, 10 Jun 2008 19:52:58 +0200, "Cooper" <cooper@blueware.it>
> wrote:
>
>>
>>"Artglass" <art.glass@tiscali.it> ha scritto nel messaggio
>>news:8ict44dqc4t3gfsgiggn65jno6qp0s3149@4ax.com...
>>> On Tue, 10 Jun 2008 17:53:04 +0200, Umin <alias2k@libero.it> wrote:
>>>
>>>>Scriveva Artglass martedì, 10/06/2008:
>>>>[...]
>>>>> che imposto io... bhè spero di essere stato chiaro in caso
contrario
>>>>> posto un esempio
>>>>
>>>>posta un esempio, grazie :)
>>> http://www.develmedia.com/portfolio_printo.asp
>>> tipo quella dove c'è scritto portfolio, ma validata strict,
>>> compatibile firefox, fluida anche in orizzontale e non solo in
>>> verticale.
>>>
>>
>>La "tabella" chiamiamola cosi, è fissa, viene solo allineata al
centro
>>rispetto alla finestra del browser, nulla di particolare.
>>Cooper
> Si è fissa in orizzontale ma fluida in verticale
> Forse mi  spiego male, vorrei una tabella grafica che si comportasse
> come una tabella normale che si adatta al testo.
>
> Ad esempio, senza css, per fare una tablella GRAFICA FLUIDA come la
> intendo io, ovvero che si adatta al testo senza doverla rifare ogni
> volta che si sfora il margine, io facevo così:
> Da  photoshop disegnavo l'immagine della tabella e la dividevo in 9
> parti:
> 4 angoli  fissi per il bordo (inseriti come immagini fisse)
> 4 lati con un fondo ripetuto all'interno delle 2 riga e delle 2
> colonne
> Poi scrivevo nel centro e impostando come sfondo un pixel del colore
> della tabella disegnata con photoshop
> Ottenevi una tabella grafica con gli angoli fissi e con lo sofndo
> ripetuto che allargava e stringeva il margine a seconda della quantità
> di testo necessaria.
> Ora volevo sapere come fate voi per farla validata strict e ottenere
> lo stesso effetto con i css, tutto li.

Se ho capito bene e vuoi fare una tabella grafica con i bordi arrotondati
sopra e sotto ci sono vari tutorial sul web (cerca 'rounded box' o qualcosa
di simile ...).

Cmq io farei così, ti dico questo perchè io preferisco i DIV con i bordi
classici (solid, dashed, inset, outset ...) o senza bordi ma con background
impostato:

Ti servono tre DIV

1 - il DIV superiore con width e height impostati in px (le stesse
dimensioni dell'immagine di sfondo) e con background l'immagine con i bordi
superiori arrotondati, se vuoi impostare un titolo metti anche il padding
top e left e right in modo da non sovrascrivere sopra i bordi arrotondati:

2 - il DIV centrale con width impostato in px (le stesse dimensioni
dell'immagine di sfondo in larghezza) con background l'immagine con i bordi
sx e dx con repeat-y e con padding left e padding right impostato in modo da
non inserire il testo nella posizione dei bordi, in questo DIV non imposti
la height in maniera che diventa fluido, ossia più testo inserisci e più
lungo diviene il DIV;

3 - il DIV inferiore con width e height impostati in px (le stesse
dimensioni dell'immagine di sfondo) e con background l'immagine con i bordi
inferiori arrotondati, anche in questo caso se vuoi inserire del testo metti
il padding left e right per non sovrascrivere sopra i bordi arrotondati, un
padding top, può essere richiesto in modo che l'eventuale testo non sia
troppo appiccicato al testo inserito nel DIV centrale.




Ciao Julik
[ Auf dieses Posting antworten ]