Visualizzazione dei risultati da 1 a 5 su 5
  1. #1

    ridurre larghezza di un elemento recuperato con Firebug

    Ciao a tutti, sono nuovo del forum. piacere

    sto cercando di includere un elemento, ma è troppo largo e vorrei ridurre le dimensioni.

    - ho preso il codice da un sito che mi interessa con Firebug
    - uso joomla come CMS

    ringrazio chi mi volesse dare un indicazione


    codice:
    <div id="otherloc"><select id="viewotherloc" class="select" onchange="if(this.value!='')document.location=this.options[this.selectedIndex].value.toLowerCase();" name="viewotherloc">
    <option value="">- other locations -</option>

  2. #2
    Direi che quello che interessa a te è una modifica css, hai un id per il div e uno per la select.
    Devi usare quegli identificativi per ridurre la dimensione.

    Esempio.:
    #otherloc {width: 145px;}

    Roby

  3. #3
    grazie per la risposta!

    ok farò come mi indichi.

    sto usando firebug per cercare di riprodurre la mappa presente su questo sito: pugliae.com

    sto provando con questi codici, html:
    codice:
    <div class="caption">   <img src="esempio2.jpg" alt="" />   <span>      <strong>Lorem ipsum</strong>      Lorem ipsum dolor sit amet consectetuer eros      vivamus porta interdum venenatis.   </span><>
    su css:
    codice:
    .caption {    font-family: Verdana, sans-serif;    font-size: 10px;    float: left;    margin: 0;    padding: 0;    position: relative;    overflow: hidden;} .caption img {    float: left;    margin: 0;    padding: 0;    background: #fff;    border: none;} .caption span {    float: left;    margin: 0;    padding: 10px;    width: 100%;    color: #dedede;         background: #222; /* browser che non supportano rgba */    background: rgba(0,0,0,0.7);    position: absolute;    left: 0;    bottom: 0;} .caption span strong {    font-weight: bold;    font-size: 11px;    text-transform: uppercase;    display: block;    padding-bottom: 5px;
    }

    il fatto è che non riesco a sovraporre i link sull'immagine..

    vedi allegato.

    io vorrei che i link stessero sopra l'immagine, poi li posiziono con calma nelle posizioni che desidero.
    ma attualmente non riesco a portarli sopra l'immagine...

    sapete suggerirmi come?
    Immagini allegate Immagini allegate
    giuseppe

  4. #4
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,783
    Quote Originariamente inviata da squalogu Visualizza il messaggio
    grazie per la risposta!
    ok farò come mi indichi.


    giuseppe12345 e squalogu... siete la stessa persona?

  5. #5
    Il problema che segnali nel tuo primo post non credo sia lo stesso di cui parli ora.
    Ad ogni modo, credo che a te serva una html map. Cerca su google ci sono vari siti che ti permettono di creare le mappe sensibili online.

    In quel modo settando le cordinate puoi posizionare correttamente il link sull'immagine.

    Roby

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.