Visualizzazione risultati 1 fino 5 di 5

Discussione: Css per pc e smartphone

  1. #1
    Guest

    Predefinito Css per pc e smartphone

    Come si può vedere, la parte sopra delle immagini-link è giusta per lo smartphone, ma non per un pc, c'è troppo spazio sotto. Devo renderlo giusto anche per pc. Il css giusto per pc è quello commentato.
    http://gruppoalveo.it/forum/index.php

    Codice HTML:
    <div style="width:auto; height:75px; margin-top:20px; margin-bottom:160px;text-align:center;">
    <!--<div style="width:auto; height:75px; margin-bottom:15px;text-align:center;">-->
    <a href="http://www.ilgiardinodeilibri.it/__libri/_alimentazione_cucina/?pn=5106">
    <img style="width:150px; height:70px; margin-left:10px;" src="styles/prosilver/theme/images/libri.jpg" alt="Libri" title="I libri del benessere">
    </a>
    
    <a href="https://www.idealandia.it/cucina_estrattori_slow_juicer/?a=9LPnN&b=h50LM">
    <img style="width:160px; height:70px; margin-left:10px;" src="styles/prosilver/theme/images/estrattori.jpg" alt="Estrattori" title="Estrattori di succhi vivi">
    </a>
    
    <a href="http://www.amazon.it/gp/search?ie=UTF8&camp=3370&creative=23322&index=kitchen&keywords=frullatore&linkCode=ur2&tag=gruppoitforum-21">
    <img style="width:110px; height:70px; margin-left:10px;" src="styles/prosilver/theme/images/frullatori.jpg" alt="Frullatori" title="Frullatori di ogni genere">
    </a>
    
    <a href="http://www.amazon.it/gp/search?ie=UTF8&camp=3370&creative=23322&index=kitchen&keywords=vaporiera&linkCode=ur2&tag=gruppoitforum-21">
    <img style="width:110px; height:70px; margin-left:10px;" src="styles/prosilver/theme/images/vaporiere.jpg" alt="Vaporiere" title="Vaporiere di tutti i tipi">
    <a>
    
    <a href="http://www.macrolibrarsi.it/home/prodotti.php?pn=4632">
    <img style="width:180px; height:70px; margin-left:10px;" src="styles/prosilver/theme/images/bio-shop.jpg" alt="Bio-shop" title="Prodotti biologici">
    <a>
    </div>
    Ultima modifica di photoman : 01-07-2015 alle ore 18.43.43

  2. #2
    karl94 non è connesso Staff AV
    Data registrazione
    03-10-2005
    Messaggi
    17,745

    Predefinito

    Non specificare un'altezza per il div, si adatterà automaticamente al contenuto. E riduci il margine inferiore.

  3. #3
    Guest

    Predefinito

    Ora va meglio, ancora una cosa, come mettere l'hover su ogni immagine?
    Ultima modifica di photoman : 01-07-2015 alle ore 19.28.04

  4. #4
    karl94 non è connesso Staff AV
    Data registrazione
    03-10-2005
    Messaggi
    17,745

    Predefinito

    In che senso? Puoi spiegare meglio quale risultato desideri ottenere?

  5. #5
    Guest

    Predefinito

    Ho risolto con un img hover opacity.
    Ultima modifica di photoman : 02-07-2015 alle ore 01.29.37

Regole di scrittura

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