come si fa a mette le immagini sotto in basso?

guardando da questo sito http://alan.altervista.org

le immagini sono troppi vicini su menu come si fa a spostare + basso?

So che probabilmente su stili css manca qualcosa per spostarlo.


Attendo una vs. risposta e grazie!

O le immagini le metti all'interno di un <div id="blabla"> e gli dai un margin-top:10px (esempio)
oppure dai al #tabs un margin-bottom di qualche pixel...

Ho provato con css stile con margin-top:10 px e sono riuscito a spostarlo un pochino sotto, ma ora e apparso quella strana riga grigia...come mai?

NB= ho provato a cambiare 30 pixel al posto di 10, ma l'effetto rimane uguale e non riesco a risolvere.

Il codice stile e questo:

Codice:

---

<style type="text/css">

/*Creato: Alan */

#prova
{
  margin-top: 10px; 
    }
#tabs {
        float:left;
        width:100%;
        font-size:93%;
        line-height:normal;
        border-bottom:1px solid #666;
        margin-bottom:1em; /*margin between menu and rest of page*/
        overflow:hidden;
        }

#tabs ul {
        margin:0;
        padding:10px 10px 0 0px;
        list-style:none;
       
        }

#tabs li {
        display:inline;
        margin:0;
        padding:0;
        }

#tabs a {
        float:left;
        background:url("http://alan.altervista.org/Dimatec/left.png") no-repeat left top;
        margin:0;
        padding:0 0 0 6px;
        text-decoration:none;
        }

#tabs a span {
        float:left;
        display:block;
        background:url("http://alan.altervista.org/Dimatec/right.png") no-repeat right top;
        padding:6px 15px 4px 6px;
        margin-right:2px;
        color:#FFF;
        }

#tabs a span {float:none;}

#tabs a:hover span {
        }

#tabs a:hover {
        background-position:0% -42px;
        }

#tabs a:hover span {
        background-position:100% -42px;
        }

#wrap {
        width: 800px; /* la larghezza */
        margin: 0 auto; /* per centrare il contenuto */
}
body
{
    font-family: Arial;
    font-size: 20px;
    width: 75%;

</style>

---

PROVA A METTERE <br> 3 volte

Quella linea corrisponde al border-bottom che c'è nel #tabs del menù.
Vedo che hai dato un margin-top al #prova di 10px, e con Firefox li vedo bene...

Citazione:

---

Originalmente inviato da musicanapoli

Quella linea corrisponde al border-bottom che c'è nel #tabs del menù.
Vedo che hai dato un margin-top al #prova di 10px, e con Firefox li vedo bene...

---

Ciao anche io sto usando firefox ho provato a eliminare border bottom e ho risolto.

Comunque un piccolo problema e che vorrei mettere + basso almeno 50 cm di distanza c'e un modo per farlo? (da come vedo provando con 10 px, 30 px oppure 100 px non si sposta neanche un centimetro strano, ma vero) :S

Ti sei dimenticato a chiudere il tag head.
Nel foglio di stile elimina il tag <style>. Sempre nel CSS hai dimenticato di chiudere il body con la parentesi graffa.
Nell'HTML ti sei dimenticato a chiudere il div #wrap.

Detto questo, passiamo al problema.
Ho fatto delle prove... Togli il margin dal #prova e nel #tabs metti:

Codice:

---

margin-bottom:145px; /*margin between menu and rest of page*/

---

145px sembra che corrispondando a circa 50cm.
Comunque poi prova a visualizzarlo anche con IE, perchè non ho provato a vedere se risulta come su Firefox.