Ancora non precisa 
Autore: Fabrizio V.
Visite 1884,
Followers 2,
Condiviso 0
Inserendo un'ANCORA ad un testo purtroppo clickando non è preciso il punto di posizionamento nella pagina. Ovvero il posizionamento non avviene al punto giusto, come se l'ancora fosse inserita almeno una decina di righe più in basso...
Postato il
In cima alla pagina avrai o la sticky bar o l'Intestazione che nascondono parte del testo.
Discussione di riferimento
https://helpcenter.websitex5.com/it/post/222823
Soluzione da me consigliata
http://essedi.altervista.org/_EVO2019/_prove/ancore.html
Ciao Esse, volevo chiederti se l'ancora anzichè a inizio pagina si trovasse in punto diverso della pagina, esempio a metà pagina come andrebbe modificato il tuo codice sotto esposto ? c'è un modo per calcolre il top attuale e sottrarre poi ii pixel necessari ?
<!-- Inizio CSS per posizionare l'àncora a inizio pagina -->
<style>#sdB_T2 {
top: -100px !important}
@media screen and (max-width: 1199.9px) {#sdB_T2 {top: -80px !important;}}@media screen and (max-width: 719.9px) {#sdB_T2 {top: -60px !important;}}@media screen and (max-width: 479.9px) {#sdB_T2 {top: -40px !important;}}
</style>
<!-- Fine CSS per posizionare l'àncora a inizio pagina -->
... più in basso...!?... ...oppure più in alto come penso che possa essere...?...
... senza il tuo LINK per evitare supposizioni, con si può valutare; ...basta un click...
... intanto segui pure i suggerimenti postati da Esse Di ...
.
Non capisco la domanda. La mai àncora sdB_T2 è attribuita al testo che inizia con "Testo numero 2 (àncora T2)", che non si trova a inizio pagina
Esse Di, scusa ho sbagliato io nelle prove che avevo fatto !
Ora il tuo codice funziona perfettamente applicato alla mia pagina
https://www.ilmioproduttoredifiducia.it/ricerca-produttori-prodotti.php?regione=Lombardia
Per curiosità, dove e come hai inserito il codice?
Ciao Esse, (tieni presente che la pagina per estrapolare le aziende la creo con apposito codice PHP) per ogni provincia ho messo un div apposito con il suo id come nell'esempio sotto...
<div class="ClassDivBoxEsterno1" id="Provincia_BG"></div>
<div class="ClassDivBoxEsterno1" id="Provincia_BS"></div>
poi in un file .CSS ho messo per ogni ID il suo codice apposito come nell'esempio sotto..
#Provincia_BG {
top: -65px !important
}
#Provincia_BS {
top: -65px !important
}
Ho preso spunto da tuo suggerimento http://essedi.altervista.org/_EVO2019/_prove/ancore.html
Non era questo che intendevi nel tuo esempio ? Ho sbagliato qualcosa !?
Come sospettavo.
Nel tuo caso, non hai bisogno di ripetere il codice per ogni provincia.
Puoi fare in due modi
Se la classe "ClassDivBoxEsterno1" è assegnata solo alle àncore a cui occorre riferire il codice
.ClassDivBoxEsterno1 {
top: -65px !important;
}
Se il codice con la classe non dovesse andare bene (perché la classe è assegnara anche ad altri DIV), puoi ovviare con il codice
div[id^='Provincia_'] {
top: -65px !important;
}
Il secondo codice viene applicato a tutti i DIV con un ID che inizia con 'Provincia_' e, quindi, può essere riportato una sola volta
Grazie mille per l'ottimo suggerimento ! Ho risparmiato un sacco codice mettendo
div[id^='Provincia_'] {
top: -65px !important;
}
Il tutto funziona benissimo... grazie ancora !