CSS & TreeView

mercoledì 25 giugno 2008 - 12.11

Elenco Threads

Stanze Forum

Aggiungi ai Preferiti

Cerca nel forum

fguida Profilo | Expert

524 messaggi | Data Invio: mer 25 giu 2008 - 12:11

Ciao,
ho un oggetto treeview da inserire nella seguente struttura: una masterpage che contiene una table formata da due row, di cui la seconda contiene due cell. In quella di sinistra vado a mettere un Div che contiene un oggetto TreeView. La difficoltà ora sta nel permettere al Div di assumere come dimensione il 100% dell'altezza della pagina visualizzata al momento(la tree ha una serie di link che differenziano l'altezza della table in questione) e presentare se necessario le due scrollbar, inferiore e sinistra.
Ho creato uno stylesheet con questa porzione di codice per la TreeView:

.divTreeView
{
  width: 245px;
  height:82%;
  position:absolute;
  left: -21px;
  overflow:scroll;
  scrollbar:none;  
}

e questa è la Cell che la contiene:

.cellLeft
{
  width: 215px;
  height: 100%;
}

Poi, sapete dirmi sempre se da css posso disabilitare la linkabilità di un <a> ?? (il disable da codice non va bene)
Grazie mille
Francesco

gene_old Profilo | Junior Member

55 messaggi | Data Invio: mer 25 giu 2008 - 12:27

Non ho capito molto di quello che hai postato=).
Per quanto riguarda l'altezza all 100% (immagino la voglia impostare alla cella della tabella), puoi provare così:

html, body {
height:100%;
}
table {
table-layout:fixed;
height:100%;
}
.cellLeft {
  width: 215px;
  height: auto; /*o 100%*/
}
....

Per quanto riguarda il link dipende cosa intendi per disabilitare; intendi far sparire il link?
Questo puoi farlo.
Mentre se intendi tenere il link visibile ma non cliccabile, questo non puoi farlo con i css.

per renderlo invisibile hai due possibilità:

a {
display:none;
}
/*oppure*/
a {
visibility:hidden;
}

La prima rende invisibile il link e rimuove anche lo spazio che occupa fisicamente nelle pagina.
La seconda rende invisibile il link, ma mantiene lo spazio che occupa nella pagina.

Spero di aver capito quello che vuoi fare=)

fguida Profilo | Expert

524 messaggi | Data Invio: mer 25 giu 2008 - 12:50

..lo so scusami...non ono un asso nelle spiegazioni ed oltretutto è una cosa un pò particolare.
Per il link io devo fare in modo che quando passo sopra con il mouse esso non sia più linkabile, ma sia solo visibile il testo che ha; i link è una column di una gridView, quindi a seconda del caso posso avere i primi 20 record linkabili, poi 3 li vorrei solo testo....quindi facendo una if in code assegnerei o meno una classe css diversa.

Per la cell, si il poblema non sussiste in essa ma nel Div che va a contenere; vorrei che assumesse le stesse dimensioni della cell in esame, invece di rimanere alta tipo 350px indipendentemente se la cell aumenta di altezza...

Un pò più chiaro?

Francesco

gene_old Profilo | Junior Member

55 messaggi | Data Invio: mer 25 giu 2008 - 14:12

>Per il link io devo fare in modo che quando passo sopra con il
>mouse esso non sia più linkabile, ma sia solo visibile il testo
>che ha; i link è una column di una gridView, quindi a seconda
>del caso posso avere i primi 20 record linkabili, poi 3 li vorrei
>solo testo....quindi facendo una if in code assegnerei o meno
>una classe css diversa.
Con i css questo non lo puoi fare purtroppo, non puoi intervenire su un attributo di un elemento presente nel codice di struttura. Nel tuo caso dovresti levare href al link, oppure molto più correttamente dal punto di vista semantico trasformarlo in un' altro elemento come un <p>.
Il massimo che possono fare dinamicamente i css è creare contenuto generato, ma non possono modificare un elemento o un suo attributo. In ogni caso non sarebbe una soluzione supportata da tutti i browser.

>Per la cell, si il poblema non sussiste in essa ma nel Div che
>va a contenere; vorrei che assumesse le stesse dimensioni della
>cell in esame, invece di rimanere alta tipo 350px indipendentemente
>se la cell aumenta di altezza...

Prova come ti ho detto prima, solo che aggiungi height:auto a 100% al div:

html, body {
height:100%;
}
table {
table-layout:fixed;
height:100%;
}
.cellLeft {
width: 215px;
height: auto; /*o 100%*/
}
.cellLeft div {
width:auto;
height: auto; /*o 100%*/
}

Bisognerebbe vedere il codice di struttura più completo o un link alla pagina, diversamente diventa difficile intervenire =)

fguida Profilo | Expert

524 messaggi | Data Invio: mer 25 giu 2008 - 14:39

Bene gene, sei stato gentilissimo e ti ringrazio per l'aiuto.
Ora provvedo per la cell e tento quella carta li (capisco che senza vedere tutto il codice è difficile).... per la Gridview mi inventerò qualcosa

Francesco

Torna su

Stanze Forum

Elenco Threads

Partecipa anche tu! Registrati!

Hai bisogno di aiuto ?
Perchè non ti registri subito?

Dopo esserti registrato potrai chiedere
aiuto sul nostro Forum oppure aiutare gli altri

Consulta le Stanze disponibili.

Registrati ora !