salve a tutti.. stò creando un menù di tipo orizzontale con un immagine fra una parola e l'altra per farla sembrare un bottone.. però il testo rimane nella parte bassa della div.. come posso impostare un padding solo al testo e non alle immagini?
salve a tutti.. stò creando un menù di tipo orizzontale con un immagine fra una parola e l'altra per farla sembrare un bottone.. però il testo rimane nella parte bassa della div.. come posso impostare un padding solo al testo e non alle immagini?
ok , ma come hai impostato il tuo menu?
dovresti postare il codice html e css
ciak
Codice PHP:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="it" xml:lang="it" >
<head>
<title>Ste881.com</title>
<meta name="language" content="italian" scheme="RFC1766" />
<style type="text/css">
#container{
border: 3px solid #333333;
position: relative;
width:790px;
}
#header{
background-image: url(image/header.gif);
height:80px;
width:790px;
border: 0.5px #f3f;
}
body{
}
#menu{
background-image: url(image/menu/bg_top.gif);
height:31px;
width:790px;
margin-top:1px;
text-align:center;
font-margin:2px;
COLOR: #FFFFFF;
FONT-FAMILY: vVerdana, Arial, Helvetica, sans-serif;
FONT-SIZE: 0.8em;
font-weight: bold;
}
a{
color:#ffffff;
TEXT-DECORATION: none;
}
text{
color:#35826;
}
a:hover{
color:#000000;
}
}
h1{
padding:2px;
}
</style>
</head>
<body>
<div id="container">
<div id="header"></div>
<div id="menu">
[img]image/menu/left_top.gif[/img]
[img]image/menu/right_top.gif[/img]
[img]image/menu/line_bar.gif[/img][b][url="#"]HOME[/url][/b]
[img]image/menu/line_bar.gif[/img][b]FORUM[/b]
[img]image/menu/line_bar.gif[/img][b]GALLERY[/b]
[img]image/menu/line_bar.gif[/img][b]MOTORI[/b]
[img]image/menu/line_bar.gif[/img][b]ABOUT[/b]
[img]image/menu/line_bar.gif[/img][b]HOME[/b]
</div>
</div>
</body>
</head>
provo a risolverti i problema ma credo dovresti studiare una soluzione migliore per il tuo menù, così non mi convince affatto.
controlla bene anche il css ci sono diversi errori
body andrebbe spostato in cima e utilizzato ad esempio per impostare il font;
vVerdana non è un font;
ci sono due }} consecutive ecc
prova ad aggiungere nel css:
e cambia il link così:codice:#menu span a { top: -7px; position: relative; }
dovrebbe andare a postocodice:[img]image/menu/line_bar.gif[/img]<span>HOME</span>
ciak
grazie mille...! ora funziona..!!
potresti dirmi cosa non ti convince nella struttura del menu?
normalmente i menu si impostano con <ul>[*]
forse dal punto di vista pratico la tua soluzione può sembrare efficace, ma l'utilizzo degli elementi è quantomeno discutibile.
ciak
si .. so che generalmente si usano gli <ul>[*].. ma sinceramente non vedo cosa può cambiare dal mio.. se vuoi lo pubblico.. perchè è bellino..
si ci credo, è solo che per realizzare un menù come per fare qualsiasi altra cosa ci sono diversi metodi, e per il menù normalmente si utilizza <ul> e[*] perché sono i marcatori che più si prestano allo scopo
ciak
ah ok.. beh cmq te lo faccio vedere cosi sai meglio di cosa stiamo parlando.. ancora è una bozza però..!
LINK
Permessi di invio
Rispondi quotando
