Problema position span con barretta dinamica

fradamma

Utente Attivo
28 Set 2012
93
0
0
Ciao a tutti,
vorrei sapere se il mio problema è gestibile lato css (html) oppure devo affidarmi a jquery.
Ho questa sitazione:

Codice:
<div class="wrap_risp">
            <span class="risposta"><span class="percentuale" style="width: ???"></span></span><span class="percentuale-risultato">100%</span>
</div>

Codice:
div.wrap_risp {
position: relative;
}

span.risposta {
 height: 40px;
 margin: 15px 5px 15px 10px;
 overflow: hidden;
 width: 165px;
display:blocK;
float:left;
}
span.percentuale {
 background: none repeat scroll 0 0 #F37800;
 border-radius: 2px; 
 height: 40px;
 -moz-border-radius: 2px; 
 -webkit-border-radius: 2px;
 margin-right: 10px;
display:blocK;
float:left;
}

Il tutto rappresenta la risposta di un sondaggio (stile exitpoll) con una barretta dinamica.

Per farvela breve, lo span "risposta" è necessario che abbia width fissa in quanto il suo span interno "percentuale" avrà una width immessa inline dinamicamente che in base alla percentuale di width (la stessa di risposta) prenderà un bg arancione (per questo motivo ho messo un punto interrogativo dopo "style="width:... "). Il problema è che lo span "percentuale-risultato" deve seguire graficamente la barretta alla sua sinistra e non essere fissa. Eì possibile farlo con i css oppure essendo al di fuori dello span risultato non potrà mai seguirlo?

Grazie e buon pomeriggio
 
Discussioni simili
Autore Titolo Forum Risposte Data
N Problema con position absolute e overflow HTML e CSS 4
I problema overflow con elementi "position absolute" HTML e CSS 3
D Problema con lo scroll della pagina e del div position:fixed HTML e CSS 0
S problema con position:absolute HTML e CSS 0
I Sto progettando nuovi siti utilizzando bootstrap e devo dire funziona bene, l'unico problema e la maschera -moz- HTML e CSS 0
K Problema form update PHP 2
O problema con dvr dahua xvr5116 IP Cam e Videosorveglianza 0
S Problema nel ciclare un json Javascript 0
G Problema con Xampp Web Server 1
andrea barletta Problema con miniature comandi Photoshop 0
I problema con alice Posta Elettronica 0
K Problema Inner join PHP 1
F firefox problema http Linux e Software 0
E Problema jquery Success jQuery 2
L Problema con inner join PHP 11
K [php] Problema con inner join PHP 4
E problema selezione sfumata Photoshop 2
K [PHP] Problema con variabili concatenate. PHP 1
A Problema filtro fluidifica Photoshop Photoshop 1
H Problema Bordi Scontorno Photoshop 1
O problema con query PHP 4
R Problema installazione Realtek WiFi USB rtl8821 Reti LAN e Wireless 0
I problema con 2 account Posta Elettronica 1
L problema collegamento file css con html HTML e CSS 1
Y Problema percorso file in rete PHP 1
N Problema SEO "L'URL non si trova su Google" SEO e Posizionamento 4
E Problema accesso a file con app sviluppata con MIT APP INVENTOR 2 Sviluppo app per Android 0
P Problema acquisizione clienti Webdesign e Grafica 1
F NetBeans problema creazione progetto Java Windows e Software 0
M Problema con Try Catch PHP 0
C problema seo + cerco esperto SEO e Posizionamento 11
Sergio Unia Problema con gli eventi del mouse su una data table: Javascript 2
T PROBLEMA CON SESSIONI PHP 3
A Problema, non so, di scale() o transform, oppure altro? HTML e CSS 0
T ALTRO PROBLEMA CON ARRAY PHP PHP 1
R problema con else PHP 0
T PROBLEMA CON ARRAY PHP 8
L problema con query select PHP 2
R Problema query con ricerca id numerico PHP 2
F Problema con risposta PHP 0
S problema con recupero dati tabella mysql PHP 2
Z Problema con il mio tp-l i nk Reti LAN e Wireless 1
I PROBLEMA: Sostituzione sito XAMPP E-Commerce 0
T problema data 30/11/-1 PHP 0
L Problema RAM con Tomcat 8 Apache 0
napuleone problema con sort e asort PHP 4
Y Problema incolonnamento tabella PHP 7
S problema salvataggio immagini Photoshop 0
Z Problema con INT MySQL PHP 1
Z Problema database MySQL con XAMPP PHP 0

Discussioni simili