Visualizzazione risultati 1 fino 4 di 4

Discussione: Z-index e immagini fasulle

  1. #1
    L'avatar di Luffio
    Luffio non è connesso Utente attivo
    Data registrazione
    02-07-2006
    Messaggi
    439

    Predefinito Z-index e immagini fasulle

    Due problemi

    1) Ciao sto avendo problemi con z-index (non lo uso molto).
    Questa è la pagina (non è la pagina principale ma una copia, nel caso aggiornassi la vera index togliendo il problema, ma questa cosa la vorrei risolvere comunque).

    Nel menù in alto vorrei come in figura:
    http://img110.imageshack.us/img110/4515/menunb4.png
    La pagina attuale abbia la linguetta collegata al foglio e le altre linguette siano sullo sfondo.
    Ho impostato le linguette non attuali a index 0, il "foglio" div sotto a index 1, la linguetta della pagina attuale a index 2. Però tutte le linguette sono in primo piano. È un po' che faccio prove ma non riesco. Senza z-index si vedrebbe la linea grigia.

    2) Cosa alquanto strana.
    [screenshot] Non so voi, ma io vedo questo. La parte destra delle linguette dovrebbe essere arrotondata, invece è tutto un prolungamento di sinistra! L'immagine caricata dovrebbe essere questa, però con tasto destro -> salva sfondo con nome mi viene salvata l'immagine giusta !! Com'è possibile?! Nel css lho impostato giusto.

    PS: Non so se il mio italiano è comprensibile XD non trovavo le parole.
    PPS: Il menù di sinistra ha nomi idioti xké è una prova XD
    Ultima modifica di Luffio : 24-10-2007 alle ore 18.33.34
    Luffio Web Site, Luffio's personal site
    Age Of Empires GIF, sito per la creazione di GIF animate di Age of Empires
    Clan italiano di Age of Empires The Conquerors, uno dei più vecchi ancora attivi

  2. #2
    Guest

    Predefinito

    Io la parte destra delle linguette la vedo arrotondata e non come è nel tuo screenshot.

    Forse è un problema di broswer.

  3. #3
    L'avatar di SolitaryExplorer
    SolitaryExplorer non è connesso Utente storico
    Data registrazione
    10-08-2005
    Residenza
    Veneto
    Messaggi
    1,949

    Predefinito

    Codice HTML:
    <a href="#"><span>Testo</span></a>
    Fai così e metti insieme le immagini m1 e m2 allungandole ad almeno un centinaio di pixel.
    Dai come sfondo a "a" l'immagine risultante da m1 + m2 e dai come sfondo a "span" l'immagine m3.
    Non usare tabelle ma sperimenta con "div" o le liste "ul" e "li".

    P.S. Un tag di paragrafo "p" non deve essere contenuto in un tag di link "a".
    Ultima modifica di SolitaryExplorer : 24-10-2007 alle ore 19.15.44
    Non offro assistenza privata. / Se vuoi anche tu una userbar come queste, basta chiedere.


  4. #4
    L'avatar di Luffio
    Luffio non è connesso Utente attivo
    Data registrazione
    02-07-2006
    Messaggi
    439

    Predefinito

    "un centinaio di pixel" ??

    Adesso sto facendo un paio di casini, però la cosa strana è che ora vedo il bordo arrotondato anchio

    PS: Il "p" tanto mi serve solo a livello di stile...

    EDIT: Esplorer non ho seguito alla lettera, http://yourlink.altervista.org/index.php ma non riesco ad allineare gli span

    EDIT: Ho settato così ma non funge:

    Div sotto:
    Codice:
    #container {
    border-top: 1px solid #BBC6C6;
    margin-top: -4px;
    background-color: black;
    z-index: 0;
    }
    Linguette:
    Codice:
    .menu, .menu_h {
    display: inline;
    width: auto;
    margin-right: 2px;
    z-index: 1;
    }
    EDIT: Visto che nessuno mi ha risposto ho fatto in altro modo ^^
    Ultima modifica di Luffio : 30-10-2007 alle ore 22.18.45
    Luffio Web Site, Luffio's personal site
    Age Of Empires GIF, sito per la creazione di GIF animate di Age of Empires
    Clan italiano di Age of Empires The Conquerors, uno dei più vecchi ancora attivi

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •