| Allegato | Dimensione |
|---|---|
 Schermata 2013-11-23 alle 10.50.22.png | 267.27 KB |
Buongiorno a tutti,
vi pongo un quesito che potrebbe risultarvi scontato ma a me sta facendo impazzire.
Ho creato una view di notizie con data di inserimento e titolo. La view funziona correttamente e la visualizzazione è regolare, cioè tutte le news vengono elencate nel modo che io ho indicato.
Il problema nasce quando alla data gli attribuisco un css personalizzato. Il risultato è quello nella immagine che ho postato: praticamente le news non vengono elencate correttamente ma sembrano quassi sulla stessa riga o addirittura sovrapporsi.
Vorrei sapere dove sto sbagliando ed eventualmente le correzioni da apportare alla view e al css.
Vi ringrazio anticipatamente
Dovrebbe bastare l'aggiunta di un padding al css per risolvere il problema.
ciao
www.gmpe.it
con precisione dove?
jbond82
Devi cercare la classe che definisce il numero con lo sfondo grigio e inserire lì il padding.
Ho fatto così nei tre link a destra (registro elettronico ...) del primo sito in firma per non avere la sovrapposizione.
ciao
www.gmpe.it
ciao bgiody....
ti ringrazio intanto per aver risposto.
Ho riaperto il codice css e il padding c'è già sulla classe in oggetto (newsdate).
.newsdate {
background: none repeat scroll 0% 0% rgb(237, 237, 237);
color: rgb(180, 180, 180);
padding: 15px;
width: 38px;
height: 38px;
float: left;
margin: 10px 20px 10px 0px;
text-align: center;
border-radius: 5px;
padding-left: 20px;
}
jbond82
Evidentemente 15 px sono insufficienti.
Devi provare ad aumentare fino a quando trovi la misura che ti soddisfa. Puoi anche differenziare il top/bottom da sinistra/destra.
ciao
www.gmpe.it
ho provato....praticamente mi allarga il quadratino grigio... anche mettendo 150px me lo allarga ma non va a capo come deve...
jbond82
Prova ad agire su margin per vedere se cambia qualcosa.
Il sito è online?
Ciao
www.gmpe.it
www.stefaniacuppone.it/site
provato anche con i margini ma nulla...
jbond82
Purtroppo è un problema di dimensioni tra le date e il titolo.
Infatti se in .newsdate disattivi height, margin e padding e in #art-main (promozione 2) metti font-size:20px [che però scombina tutto il sito], gli elementi si posizionano correttamente.
Ti farei vedere il risultato, ma non trovo un pulsante per gli allegati.
La pagina è una vista dove hai creato tu i css?
Hai provato a struttura le vista in forma tabellare?
ciao
www.gmpe.it
si è una vista e gli ho applicato la classe "newsdate" (cioè quella del quadratino)
il css è applicato solo al campo data. il titolo eredita la classe del sito.
praticamente vorrei ottenere:
notizia con al lato sinistro la data racchiusa nel quadratino e a destra perfettamente il titolo della notizia.
P.s. (perché non si possono allegare più foto in questo forum???)
jbond82
Se la classe newsdate è nel tema e non vuoi modificarla, puoi creare una classe per il titolo, giocando su margin, padding e font, finché non si pongono alla stessa altezza.
Ciao
www.gmpe.it
ho notato che se tolgo il titolo i riquadri rimangono allineati in orizzontale... e quindi non vanno a capo.
quindi penso che il problema sia proprio nella classe "newsdate"
cosa ne pensi?
jbond82
Come dicevo sopra, ho visto che è quello il problema.
O togli la classe nella data o metti una classe creata appositamente nel titolo.
ciao
www.gmpe.it