Originariamente inviata da
ac_socmel
per centrare verticalmente devi dare una regola all'immagine
che altrimenti seguirebbe la "baseline"
codice HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript">var NREUMQ=NREUMQ||[];NREUMQ.push(["mark","firstbyte",new Date().getTime()]);</script><title>prova</title>
<style type="text/css">
#menu {
float: left;
width: 250px;
background: red;
padding-left: 0px;
padding-top: 10px;
}
.lista_menu {
list-style-type: none;
padding-left: 20px;
margin: 0px;
line-height: 100px;
padding-bottom: 10px;
}
.lista_menu a img {
height: 100px;
vertical-align: middle;
border: none
}
</style>
</head>
<body>
<div id="menu">
<ul class="lista_menu">
<li><a href="a.html"><img src="1.png">a</a></li>
<li><a href="a.html"><img src="1.png">a</a></li>
<li><a href="a.html"><img src="1.png">a</a></li>
<li><a href="a.html"><img src="1.png">a</a></li>
<li><a href="a.html"><img src="1.png">a</a></li>
</ul>
</div>
<script type="text/javascript">if(!NREUMQ.f){NREUMQ.f=function(){NREUMQ.push(["load",new Date().getTime()]);var e=document.createElement("script");e.type="text/javascript";e.src=(("http:"===document.location.protocol)?"http:":"https:")+"//"+"js-agent.newrelic.com/nr-100.js";document.body.appendChild(e);if(NREUMQ.a)NREUMQ.a();};NREUMQ.a=window.onload;window.onload=NREUMQ.f;};NREUMQ.push(["nrfj","beacon-1.newrelic.com","2a44006d65","2547203","MQAGZEJQV0ZTW0EKXghKMUJZHl9aQE1YTFAMBBweQFlJ",0,136,new Date().getTime(),"","","","",""]);</script></body>
</html>
Rispondi quotando