http://www.bmeccanica.it/Robot
il link al tipo di pagina incriminato .... è una view con filtro contenuto su griglia e tipo anteprima.
Ho utilizzato il filtro "rewrite result" della vista, ho temizzato il link con apposito css (lavoro pacchiano ma caruccio) solo che non riesco a spostare la posizione di quel maledetto Leggi-tutto .... ovvero lo riesco a spostare a destra o sinistra utilizzando:
position: relative;
top: 10%;
width: 5%;
ma non mi vuole prendere il top:10% nemmeno dopo morto ..... che posso fare??
a.views-more-link{
background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #4f98cb, #136caa) repeat scroll 0 0 !important;
border-radius: 8px !important;
box-shadow: 0 1px 10px rgba(93, 100, 106, 0.75) !important;
color: #ffffff;
letter-spacing: 0.035em;
margin: 0;
padding: 10px 7px;
position: relative;
text-shadow: 0 0 0 #fff;
top: 15%;
left: 20px;
}
basta metti un position e lo prende. Se vuoi prova a passarlo fisso tramite px -> top: 10px;
Monz10
a.views-more-link {
position: relative;
top: 30px;
width: 5%;
margin: 40px 20px 20px 20px !important;
color: #ffffff;
letter-spacing:0.035em;
text-shadow: 0px -0px 0px #FFF;
padding:10px 7px 10px 7px;
background:#136caa; /*required for browsers that don't support gradients*/
background: -webkit-linear-gradient(top, #4f98cb, #136caa) !important;
background: -moz-linear-gradient(top, #4f98cb, #136caa) !important;
background: -o-linear-gradient(top, #4f98cb, #136caa) !important;
background: -ms-linear-gradient(top, #4f98cb, #136caa) !important;
background: linear-gradient(top, #4f98cb, #136caa) !important;
-pie-background: linear-gradient(#4f98cb, #136caa) !important; /*IE8 and earlier see CSS3Pie website for more info*/
/*add a curve to the corners of the button*/
-webkit-border-radius:8px !important;
-moz-border-radius:8px !important;
border-radius:8px !important;
/*add a drop shadow to the button*/
-webkit-box-shadow: rgba(93, 100, 106, .75) 0 1px 10px !important;
-moz-box-shadow: rgba(93, 100, 106, .75) 0 1px 10px !important;
box-shadow: rgba(93, 100, 106, .75) 0 1px 10px !important;
}
grazie della dritta. .... ma perchè se inserisco dopo il top:30px; un right: 0px; nonme lo piglia? ... vorrei allinearlo a destra possibilmente..
Grazie ancora
nevengofuori
Altro problema...... il link "leggi-tutto" in alcuni casi (essendo effettivamente un testo ) va a capo in automatico così anche il bottone si spezza in due Es.:
leggi-
tutto (in alcune anteprime)
leggi-tutto (in altre)
Ovviamente è una cosa che và corretta ..... c'è un sistema per fare ciò o bisogna sostituire il tutto con una icona?
nevengofuori
Il top e il right vengono presi con un
position: absolute;
altrimenti con ilposition: relative;
utilizza il margin-top e il margin-right.Monz10
Qui non ti ho capito proprio bene.. se vuoi contattami su skype e ti do qualche dritta se ne hai bisogno.
Il mio nome skype è: monz10
Monz10