Consiglio, uso Tabelle o DIV???

[vivepix]

Devo creare una cosa del genere, il più possibile uguale...
vi linko l'immagine di esempio: Immagine
Di uguale devo creare la parte del nome e quella a destra della foto. Poi la parte in basso a destra con l'età,ecc,ecc...
Cosa mi consigliate di usare, DIV e poi celle, o tutti DIV???

[pr0v4]

Visto che i dati che devi realizzare sono di tipo tabellare, il mio consiglio e' proprio quello di utilizzare le suddette tabelle.
Al limite fai cosi', crei tre div, il primo con il nome e con l'immagine del giocatore, il secondo div lo crei per contenere la tabella per primi dati sulla destra; e successivamente al terzo div gli dai un clear:both in modo da posizionarsi al di sotto dei primi due e all'interno ci crei la tabella.

Dovrebbe funzionare!

[vivepix]

Pr0v4 grazie per la risposta!!! proverò come dici tu ...
Provo a chiedere a te anche un'altra cosa...se inserisco un'immagine, da 60x12 per esempio:

[img]prova.jpg[/img] 

ma se voglio che si veda solo in parte, senza che venga ridimensionata cosa posso fare???
Perchè se metto width a 30 me lo adatta e me la schiaccia tutta, ma io nn voglio.

[img]prova.jpg[/img] 

C'è qualche rimedio???

[pr0v4]

Sono un pochetto assonnato, ma provo a risponderti lo stesso
Penso che la soluzione sia impostare quella immagine come sfondo di un div e definire le dimensioni del div nel CSS; questo e' l'unico modo che conosco per inserire un'immagine e fare in modo che non venga ridimensionata a seconda delle dimensioni impostate.

Perche' se modifichi le dimensioni del tag <img> anche via CSS te le ridimensiona, invece in questo modo se hai un'immagine da 100px e 60 di altezza e ti interessa far vedere soltanto un 60x30 farai:

div#immagine{
width: 50px;
height: 30px;
background: #fff url("immagine") top left no-repeat;
}

Ed il gioco e' fatto!

Altrimenti nn so che altra soluzione darti...

[Mich_]

Personalmente non vedo tabelle in quel layout. Vedo solo delle liste.

Io ci vedo:
- Un header: largo 100% e basso (quello con "player' details" e le frecce)
- Una colonna molto stretta a sinistra, alta il resto della pagina
- Un blocco di introduzione che parte dalla colonna e si allarga fino alla fine
- Un corpo con una serie di dati.

A sua volta l'introduzione si compone:
- nome
- foto
- tabellina
- parte destra (riquadro + menu a tab)

Il corpo poi contiene vari dati, e credo che cambino in base al menu, per cui devono essere figli di questo. Nell'immagine visualizzata ci sono due blocchi affiancati; il primo contiene due colonne, ciascuna contenente una o piu` liste; il secondo contiene 4 colonne in alto, seguite da una lista.

Ciascuna sezione da me evidenziata dovra` essere un blocco (quasi tutti sono <div>, ma qualcuno puo` essere realizzato direttamente tramite <dl> o altri tag di blocco).

Vista la complessita`, conviene usare i posizionamenti (assoluti e relativi, a seconda dei contesti), anche perche` in tal modo semplifichi il posizionamento dei blocchi del menu.
Questo comporta una certa rigidita` del layout, eventualmetne attenuata mediante l'uso opportuno di misure %; ma non saprei realizzare una cosa simile senza i posizionamenti. Inoltre ci sono una serie di vincoli tipo min-height che occorre usare, in modo che anche le immagini non vengano sovrapposte o tagliate.

Quella che io ho chiamato "tabellina" e` da realizzare mediante le tabelle, tutto il resto sono liste, quasi sempre liste di definizione.

Io non metterei le immagini come sfondo: sono parte del contenuto, e non sono semplici abbellimenti, quindi vanno inserite come <img>.

Per "tagliare" un'immagine, occorre inserirla in un blocco.
Il blocco puoi limitarlo con le dimensioni, poi la parte da tagliare va nascosta mediante
overflow: hidden;

[pr0v4]

In effetti anche la tua soluzione e' molto buona...
Sinceramente non mi erano venuti in mente i posizionamenti perche' nelle mie esperienze li uso veramente poco...

Cmq una domanda banale, che se vuoi posso riproporti in PVT per paura di andare OT, ma come mai sconsigli totalmente l'uso di una immagine di bg? Nel senso, secondo quali scopi e' penalizzante?

[Mich_]

Originariamente inviato da pr0v4
Cmq una domanda banale, che se vuoi posso riproporti in PVT per paura di andare OT, ma come mai sconsigli totalmente l'uso di una immagine di bg? Nel senso, secondo quali scopi e' penalizzante?

Non e` poi tanto OT.

E` un problema semantico.
Le immagini di sfondo devono fare da sfondo: un abbellimento. Non devono portare informazioni.
Se guardi non vengono stampate (di default) dai browser.

Invece in quel sito le immagini portano informazione importante; non sono degli sfondi.
Una e` la foto della persona di cui si parla, un'altra e` un grafico (di cui mi sfugge il significato - non e` il mio argomento) che sembra essere un tipo di catalogazione del soggetto.

[ashtur1]

l' immagine di sfondo solitamente viene utilizzata come decorazione, non come parte integrante del contenuto.

I motori di ricerca non vedono l' immagine di sfondo, se utilizzi il tag <img> invece si.