Printable View
Buongiorno.
Sarà la stanchezza ma non riesco a risolvere questo stupido problema di sovrapposizione elementi:
http://s28.postimg.org/to5w8h4wt/Senza_titolo_1.png
Ho provato con il float e lo z-index ma nulla.
HTML:
Codice:.box .voti{
border:1px #DDD solid;
float:right;
padding:2px;
text-align:center;
width:59px;
}
.box .voti span{
font-size:20pt;
font-weight:bold;
}
.box a{
display:inline-block;
font-size:18px;
font-weight:400;
}
ma vuoi sovrapporrre un div?
quale div?
con un pezzo di css e un'immagine è difficile
Sicuro che vuoi sovrapporre, non rovinerebbe tutto? Per i nomi molto lunghi io farei che si potessero vedere solo tot N di caratteri, poi se si volesse vedere il nome intero, tramite un evento: rendere l'elemento genitore del nome lungo in posizione assoluta, tenendo conto che tutto ciò che c'è sotto sta in posizione relativa così che non stia sopra la immagine.
Oppure provato a usare il display: inline-flex? Non è il massimo, ma mette tutto quanto in una sola riga.
Posso un consiglio per le immagini, per censurarle censurale velocemente con del semplice css: -webkit-filter:blur(Npx) zD
Ma gli elementi .box come sono posizionati? Con i float? Sarebbe più semplice avere un esempio funzionante su cui lavorare.
Io la farei con grandezze fisse e float left e float right, e nella prima colonna un overflow-x:hidden nel caso (ma solo tanto per assicurarsi di non avere sovrapposizionamenti]
Purtroppo uso bootstrap come base ed ho provato ad utilizzare le sue grids ma si sballa tutta la grafica.
Ho risolto, come suggerito anche da memai, usando due div in più con i float right e left... non volevo usarli ma ho dovuto.