my site's link is http://daplonline.in/
i want to put 4 more link in above image "Note only for first image not at all" am tired let's see the CSS Code for bottom buttons
.main_image {
width: 598px; height: 460px;
float: left;
background: #333;
position: relative;
overflow: hidden;
color: #fff;
}
.main_image h2 {
font-size: 2em;
font-weight: normal;
margin: 0 0 5px; padding: 10px;
}
.main_image h2 { display: none; }
.main_image p {
font-size: 1.2em;
padding: 10px; margin: 0;
line-height: 1.6em;
}
.block small {
padding: 0 0 0 20px;
background: url(images/icon_cal.gif) no-repeat 0 center;
font-size: 1em;
display:none;
}
.main_image .block small {margin-left: 10px;}
.main_image .desc{
position: absolute;
bottom: 0; left: 0;
width: 100%;
display:none;
}
.main_image .block{}
when i put any other link it appers in all image but i want to put 4 link in only first image 'Admission cum Scholarship Test" for sample output i try but not success :(
i want to make something like this but only for first image not at all.
http://daplonline.in/images/ineed.jpg << I need like this
javascript jquery html css