[Risolto] Node: Body - NON prende la formattazione CSS

Ciao,
così ad occhio non saprei risponderti se non vedo il codice associato alla pagina... E, soprattutto, quando si ha bisogno di fare debugging di HTML/CSS/Javascript bisogna (e sottolineo bisogna) utilizzare Firefox con Firebug... Risolve molti problemi in tempi ridotti!!!
Comunque sia, se hai un link ci do un occhio!
;)

Mar, 01/02/2011 - 13:07

grazie gioppy...
è proprio strana questa cosa, ho anche provato tutte le combinazioni possibili andando in Theme: Information nei Basic Setting della View ma niente da fare... il nodo lo stampa correttamente ma il Node: Body della View da questo problema di CSS...

Visto che per fortuna il nodo ha solo 3 elementi, per il momento ho risolto con una cosa di questo tipo:

<center>
<img src="url_immagine_01/immagine_01.gif">
<br /><br />
<img src="url_immagine_02/immagine_02.gif">
<br /><br />
<img src="url_immagine_03/immagine_03.gif">
</center>

Theme: Information:

views-view-field--default.tpl.php
views-view-field--default--body.tpl.php
views-view-field--mio_ctype--default.tpl
views-view-field--mio_ctype--default--body.tpl
views-view-fields--mio_ctype--default.tpl
etc...

Rescan template files incluso... ma niente da fare... boh, non saprei, il codice CSS è ok e il nodo (ripeto...) me lo stampa altrettanto perfettamente... andrò a controllare a "microscopio" di nuovo il tutto...

Forse incorporando il codice CSS nel body risolvo... proverò...

In ogni caso grazie per l'intervento... il concorso è sempre aperto...

Ciao
Kipper

Mar, 01/02/2011 - 13:12

Ciao,
attento che (da purista HTML quale sono) utilizzare il tag <center></center> non è il massimo!!!
Dato che utilizzi quel tag, presumo che il tuo porblema sia posizionare al centro la lista? Adesso, andando a stima e non sapendo le regole css che hai utilizzato, ma se hai una lista (display:list-item) e gli elementi della lista sono div (display:block) è più che normale che non vengano centrati, dato che il genitore degli elementi non è block e non ha una larghezza definita... in sostanza, qual'è la formattazione che non ti risulta?
;)

Mar, 01/02/2011 - 18:31

ok per <center>...</center> ma è l'unico modo in questo scenario di mettere al centro gli elementi...

le regole css che uso sono le seguenti:

#contenitore_principale {
border: 0px solid red;
width: 750px;
overflow: hidden;
height: auto;
margin: 0px auto;
}
#contenitore_interno_01 {
clear: both;
width: 500px;
height: 100px;
border: 0px solid silver;
margin-left: 145px;
margin-top: 20px;
float: left;
}

in pratica il contenitore principale rimane al centro con l'altezza che si adatta automaticamente in base al contenuto e, al suo interno inserisco vari contenitori che controllo come voglio (nell'esempio ne ho messo uno, ovviamente...)

il problema è sicuramente nell'impostazione della View (non avendo mai avuto l'esigenza di questo tipo di formattazione sono un pò spiazzato...)

in ogni caso, nella view di Default ho:
Style: Unformatted ...probabilmente l'inghippo sta quà

e come Field > Node: Body

vedo che c'è anche > CSS class: None, sempre nei Basic settings, forse bisogna impostare qualcosa?

spero di aver dato ulteriori elementi utili per capirci un pò di più...

grazie di nuovo

ciao

Mar, 01/02/2011 - 22:04

L'inghippo sta tutto qui:

Quote:
#contenitore_principale {
border: 0px solid red;
width: 750px;
overflow: hidden;
height: auto;
margin: 0px auto;
}

#contenitore_interno_01 {
clear: both;
width: 500px;
height: 100px;
border: 0px solid silver;
margin-left: 145px;
margin-top: 20px;
float: left;
}

Se ho capito bene (correggimi se sbaglio) vuoi che #contenitore_principale venga posizionato al centro rispetto al suo genitore. Il problema, in questo caso è: come è definito il suo genitore? Se sei dentro a views, molto probabilmente non ha nessuna definizione... prova, ad esempio, a inserire questo nel css:

.view{
width:100%;
margin:0 auto;
}

(.view è la classe, tra tante altre, che contiene tutta la vista ed è generica, nel senso che viene applicata a tutte le viste).
Per quanto riguarda invece le altre proprietà di view, sono:
Style: Unformatted: significa che non c'è nessun stile particolare di output della vista. Se, ad esempio, metti come stile Lista, ti farà una lista (ordinata o non ordinata) con all'interno i campi scelti.
CSS Class:none, non è importante, a meno che non hai delle classi particolari da gestire. E' una classe custom che puoi inserire e che ti viene inserita direttamente da view in coda a tutte le classi (è utile se devi fare dei piccoli interventi, senza utilizzare la riscrittura dei template di views).

Mar, 01/02/2011 - 23:28

ok gioppy... grazie per il prezioso aiuto...
ma come faccio a "manovrare" i contenitori aggiuntivi (ID o Classi che siano...) che ho all'interno di quello principale che mi hai indicato .view{ width:100%; margin:0 auto; }???

tieni presente che il codice CSS (di cui sopra...) ce l'ho in page-node-mio_ctype.tpl.php ...mi faresti un altro esempio più esplicativo?

abbi pazienza... mi sa che NON ho ancora messo a fuoco la situazione/funzionamento delle classi nelle view...

continuo a non capire come mai il nodo es. node/123 si visualizza rispettando il mio codice css e quando assegno il Field Node: Body nella view, il css si perde per strada... ma Node: Body non dovrebbe stampare il "corpo/contenuto" esatto del nodo!?

grazie

ciao
kipper

Mer, 02/02/2011 - 13:13

melissa

toglietemi un dubbio perchè il tag center non andrebbe bene?

Mer, 02/02/2011 - 18:29

melissa wrote:
toglietemi un dubbio perchè il tag center non andrebbe bene?

In questa pagina del w3school trovi il significato del tag center... Se noti, più in basso c'è scritto: The <center> tag is supported in all major browsers. However, it is deprecated and should be avoided!...
;)

Mer, 02/02/2011 - 19:12

#10

Lorenzo

ah si, il "center" sono ormai molti anni che è stato deprecato dal W3C

Lavatrice ad ultrasuoni
Sito http://www.ultrasuoni.net > Client service and contacts: [email protected]

Mer, 02/02/2011 - 21:55

#11

Se vuoi semplificarti la vita con le viste e dare una bella ripulita all'output che generano puoi usare il modulo semanticviews. Usato bene ti risparmia un sacco di tempo e ti permette di avere un buon controllo. C'è anche un video che ti mostra come usarlo: http://vimeo.com/6607927

Mer, 02/02/2011 - 22:26

#12

[Risolto]

alla fine ho risolto così:

<div style="border: 1px solid #000000; width: 600px; overflow: hidden; height: auto; margin: 0px auto;">
<div style="clear: both; width: 500px; height: 50px; border:1px solid #b444ac; margin-left: 50px; margin-top: 0px; float: left;">
Content...
</div>
<div style="clear: both; width: 500px; height: 30px; border: 1px solid #33a333; margin-left: 20px; margin-top: 30px; float: left;">
Content...
</div>
<div style="clear: both; border: 1px solid #ff0000; width: 550px; height: 300px; margin-left: 10px; margin-top: 50px; float: left;">
Content...
</div>
</div>

dato che ho la particolare necessità di mostrare 1 "solo" nodo in ciascun termine di tassonomia di uno specifico vocabolario tramite 1 view, per il momento sono più che soddisfatto... pieno controllo su tutti gli elementi...

ecco il risultato che volevo:

al momento non mi era venuto in mente subito di associare gli stili direttamente ai DIV nel body...

grazie a tutti per gli interventi!

ciao
kipper

Gio, 03/02/2011 - 12:12

#13

@krima
ho provato semanticviews >>> http://drupal.org/project/semanticviews ed è veramente un'ottima alternativa... però devo verificare ancora se i livelli di personalizzazione "capillare" che mi servono riesce a gestirmeli... ma così a prima vista credo non ci siano problemi e, in ogni caso, il modulo è sicuramente utile per moltissime situazioni...

grazie per la segnalazione...

Gio, 03/02/2011 - 13:26

#14

Prego ;-)

Sab, 05/02/2011 - 03:13

#15

...ho trovato anche >>> http://drupal.org/project/semantic_cck che non è per niente male... ho provato a creare un Nodo al volo usando SOLO field CCK di testo (Multi Row...) e si può intuire subito la potenza di questo modulo:

però c'è una cosa, che una volta risolta mi va a stravolgere (positivamente...) il mio modo di temizzare Nodi e Views... prima o poi ci arrivo, ma se conosci la soluzione, mi risparmieresti tempo e rotture di scatole varie e te ne sarei grato...

sappiamo che possiamo fare qualsiasi cosa con DIV e TAG (con questi 2 moduli...) ma il mio problema da risolvere è il seguente:

Come fare per creare un "container" principale dove annidare i vari DIV (che ho messo nell'esempio...)??? ...in questo modo si potrebbe dare un'immagine di background al DIV "container" e molte altre cose... spero di essermi spiegato... quale potrebbe essere la classe da assegnare a questo "container"

"semanticalview" e "semantic_cck" lavorano con la stessa logica che non ho ancora messo a fuoco al 100% ma mi viene quasi il dubbio che la soluzione stia nelle First and last classes...

avresti la soluzione?

ciao
kipper

Sab, 05/02/2011 - 09:54

#16

Per quanto riguarda CCK preferisco gestirlo dal node-TIPODICONTENUTO.tpl.php, è possibile fare la stessa cosa con le viste utilizzando il file relativi ma è un po' più macchinoso e quindi preferisco il modulo.

Teoricamente questo dovrebbe anche rispondere alla tua domanda, temizzando i campi cck dal node-TIPODICONTENUTO.tpl.php puoi gestirli facilmente come ti pare. Vedi: http://www.drupalitalia.org/node/11790#comment-40148

Sab, 05/02/2011 - 12:54

#17

si è vero... meglio fare così, che tra l'altro è il metodo che uso anch'io attualmente...

Sab, 05/02/2011 - 17:02

#18

si è vero... anche usando semantic_cck basta fare così... d'altronde erano le 04.13 quando ho postato e NON ero decisamente fresco...

<div id="container">
<?php print $content ?>
</div>

questo se vogliamo pilotare tutto tramite semantic_cck

Dom, 06/02/2011 - 09:23

#19

Buono a sapersi :-)

Ven, 18/03/2011 - 23:14

#20

Ciao Krima, devo risolvere una cosa...

Ho una view che mi lista dei link, ciascun link è un Field CCK testuale linkato ad un URL esterno (non al solito nodo completo, tanto per intenderci... ma questo non conta nulla...) e la cosa che vorrei ottenere con "Semantic Views" è assegnare dei colori diversi ai link che attualmente hanno il colore di default "imposto" dal tema...

In Basic Setting > Header: Full HTML > Defaults: Header > Textarea dove inserire il codice CSS con Style: Semantic Views e Row style: Semantic Views : Fields abilitati riesco a controllare benissimo il comportamento di tali Field inserendo ad es:

<style>
.link_testo_01 {clear:both; float:left; ...}
.link_testo_02 {clear:both; float:left; ...}
.link_testo_03 {clear:both; float:left; ...}
</style>

...i link si allineano perfettamente uno sotto l'altro e posso assegnargli anche altri attributi senza problemi ma, se inserisco es. "color: red;" il link continua ad avere il colore di default del tema...

Naturalmente in > Semantic Views: Fields e in > Defaults: Row style options è tutto impostato correttamente come anche in Element: div e in Class attribute: link_testo_01 etc...

Hai la soluzione da suggerirmi???

Grazie

Ciao
Kipper

Sab, 19/03/2011 - 00:41

#21

[email protected]

.link_testo_01 a{ecc, ecc...}

Certified to Rock

Sab, 19/03/2011 - 00:47

#22