Voglio aggiungere un logo di aiuto alla fine di alcuni campi modulo che apre un suggerimento.Pseudo-elemento dopo la mancata visualizzazione?
Tutto funziona, ma l'icona .helptip (http://img1.wsimg.com/shared/img/1/small-help-icon.gif) viene visualizzata a sinistra (unita) con il testo. In realtà voglio entrare a destra del testo span, così ho fatto. Help-tip: after. Ma poi nulla si presenta.
Riesci a individuare cosa c'è che non va?
<div class="advancedSearchFormSelectField fclear">
<span id="view_format_mis" class="advancedSearchFormlabel help-tip"> Include Columns in Result Set </span>
<select class="advancedSearchFormSelectBox" id="filters_include_columns" multiple="multiple" name="filters[include_columns][]">
<option value="x">X</option>
<option value="y">Y</option>
<option value="z">Z</option>
</select>
</div>
<div class="advancedSearchFormSelectField fclear">
<span id="view_format_mis" class="advancedSearchFormlabel"> Sort Column </span>
<!--No help tip here -->
<select class="advancedSearchFormSelectBox" id="filters_sort_columns" multiple="multiple" name="filters[sort_columns]">
<option value="a">A</option>
<option value="b">B</option>
<option value="c">C</option>
</select>
</div>
.help-tip {
/* Merged text at the moment. .help-tip:after not working */
cursor: pointer;
width: 10px;
height: 10px;
background-repeat: no-repeat;
background-image: url("/assets/small-help-icon.gif");
}
.advancedSearchFormSelectField{
width:300px;
margin: 5px;
height: 60px;
float:left;
}
Dov'è il tuo "dopo" di classe? Che browser usi? – benams
Nota rapida per evitare che altri facciano lo stesso stupido errore che ho: se l'elemento esterno ha 'overflow' impostato su' hidden', l'elemento pseudo ': after' non verrà mostrato ... – SRack