Forums

Asamandra

hey guys!
i´m having some stupid little problem of which i am sure it is solved in some seconds, in this case the image tells everything:
Misplaced Menu Items
the images are placed with some space above which shouldnt be existent..

thanks a lot in advance!

the code:


/*-----------------------------------------------------------HTML-----------------------------------------------------------*/
<div id="link_menu">
	 <ul class="menu">
	 	 <li><a  href=""> <img alt="nissan" src="images/linkmenu/nissan.png"></a></li>
	 	 <li><a href=""> <img alt="fiat" src="images/linkmenu/fiat.png"></a> </li>
	 	 <li><a href=""> <img alt="fiat prof" src="images/linkmenu/fiat_prof.png"></a></li>
	 	 <li><a href=""> <img alt="aixam" src="images/linkmenu/aixam.png"></a></li>
	 </ul>
</div>
/*-----------------------------------------------------------LINKMENU-----------------------------------------------------------*/
#link_menu {
	display: inline-block;
	background-color: #ffffff;
	max-width: 615px;
	margin: 25px 0px 0px -15px;
	background-image: url(../images/linkleiste_schatten.jpg);
	width: 614px;
	height: 93px;
	text-align: center;
}
#link_menu li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	display: inline-block;
	max-height: 60px;
}
/* dotted line */
#link_menu li {
	border-left: 1px dotted black;
}
#link_menu li:FIRST-CHILD {
	border-left: none;
}
/*-----------------------------------------------------------LINKMENU-----------------------------------------------------------*/

Paulie_D

What are the dimensions of the images?

Asamandra

oh they are 46*46, 46*46, 58*47, 56*47.
weid sizes i know, bu thats how i got i from the designer..

wolfcry911

need more info

Asamandra

i´m sorry, but what more info? that is all i have Oo

Senff

You'll need to show us a link to a site if you can, cause the info you gave us so far is a little too limited for us to see what could be wrong.

wolfcry911

all the css at a minimum...

Asamandra

ok i see now that the things are more tangled than i thought, but i thought all the css would be too much to post here.
i made a public folder where you can check it, the site is of course not online now: Menu Problem
thank you guys, i´m sorry i really thought thats the whole problem.

Paulie_D

By the way, I hope you have permission to use those logos...I happen to know from actual business relationships with those and other motor manufacturers that they guard them jealously.

Even with them as clients (which they are) they don't like you using them on our website without permission

Asamandra

thats why i first uploaded pretty partly, because i wasn´t sure how far hey would accept that.
i changed the other pictures to colors as well, even though the marketing lady said its ok. but just to be sure..

wolfcry911

#top_header img {
    display: inline-block;
    float: right;
    margin-top: 30px;
}

this places 30px above the images

Asamandra

oh...ok that was supid from from me i was to stuck on the one menu it seems.. thank you very much!

treehouse : what would you like to learn today?

Forums

[Solved] Horizontal image menu items not in place