|
CSS - Can't Get Thumbnails To The Top.
Anyone know how Ican get the thumbnails to level with the top of the main images please? Link below. Ta.
bajor.servers.rbl-mer.misp.co.uk/~sunridge/photo2.htm Similar Tutorials[http://]blumoney[dot]latestdot[dot]net[/]plb[/]pictures[dot]php You see? I want the thumbnails to pile up underneath the full sized image. Hi, Here is my website: http://www.zombiemod.com/rm/nina2/main.php?g2_itemId=14 I noticed that when I moved my thumbnail box at the bottom up by 40px, I could no longer click on the thumbnails until I clicked on the very bottom. It seems the thumbnails are on a layer below the main image, and when I hover over the website, you can see the box that appears to sit on top of thumbnails that stop them from being clicked. Code: http://i46.tinypic.com/2z7o2hg.jpg Can someone explain to me how I can get my thumbnails to be clickable again? Hi all, I came across a function on a website http://www.cnn.com/2004/WORLD/europe/09/03/russia.school/index.html that I would like to use. I tried looking at the source code this is sucker is spread out all over the place in multiple files. What I want is the Previous / Next image rotator thingy, thats at the top righthand side of the page. I'd also like to do the following: URL If I click on A,B or C the image refreshes in the main picture. ? I'm using: Code: div#iselDiv li {
margin: 5px;
padding: 5px;
display: block;
border: 1px solid #cccccc;
float: left;
}
and: Code: <div id="iselDiv">
<ul>
<li ><a href="#"><img src="image.jpg" border="0"></a></li>
<li ><a href="#"><img src="image.jpg" border="0"></a></li>
<li ><a href="#"><img src="image.jpg" border="0"></a></li>
<li ><a href="#"><img src="image.jpg" border="0"></a></li>
. . .
</ul>
</div>
to draw thumbnails of images in block style, the problem is they will not align to the left, there is allways extra space larger then margin, like in this image: (when I set float: right, it floats to the right OK, but float: left; has a problem ). Help? I'm really tired, so this may be a dumb question. I'm having problems keeping thumbnails fixed in their position. I want them to have a 1px yellow border when I hover over them. I can get the border but when I hover over them the other images move slightly. I have the thumbnails set up inside a <ul>. Here's the pertinent CSS: Code: #thumbcontainer {
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 0px;
padding: 10px 10px 0px 0px;
width: 840px;
background-color: #000000;
}
a img {
border: none;
margin: 4px 4px 10px 4px;
}
a img: link {
border: 1px solid #000000;
}
a img: visited {
border: 1px solid #000000;
}
a img:hover {
border: 1px solid #e5cb43;
}
a img: active {
border: 1px solid #000000;
}
ul.content {
list-style-position: outside;
padding: 0px; margin: 0px;
border: none;
background-color: #000000;
width: 850px;
text-align: center;
}
li.content {
margin: 0px;
padding: 0px;
list-style-type:none;
}
What are my options? Thanks in advance! I am an art student, and I'm trying to construct my own portfolio site. I am, however, new to CSS, so I dont really know what I'm doing. I'm using Dreamweaver CS3. I'm using a fixed 2 column template, with header and footer, and the left column as the side bar. Within the right column, I'm trying to make a scrollbar hovering near the top of the div, with clickable thumbnails of my work. Once the thumbnails are clicked on, a larger version of the image takes up the rest of the column. Does anyone have any idea how to accomplsh this? Even my web design teacher's stumped with this one. I thought about using frames, but thats html... |
|||||||