at the top you need a <html> for yo main code.
Btw: Overlap is a word and I'll answer your questions later - it's relatively late here as well.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO 8859-1">
<title>Work Factory</title>
<link rel="shortcut icon" href="images/favicon.ico">
<link href="divs.css" rel="stylesheet" type="text/css">
<link href="meny.css" rel="stylesheet" type="text/css">
</head>
<style type="text/css">
body
{
background-image: url(images/loggo4.png);
background-repeat: no-repeat;
background-color: #000000;
}
</style>
<body>
<div id="top"> </div>
<div id="container">
<div id="center">
<div id="buttons">
<div id="menycontainer">
<ul id="meny">
<li title="cities"> <a href="iframe.html" target="iframe" id="cities"> Test </a> </li>
<li title="About" class="current"> <a href="firstpage.html" target="iframe" id="about"> About </a> </li>
<li title="Products"> <a href="#" target="iframe" id="products"> Products </a> </li>
<li title="Contact"> <a href="#" target="iframe" id="contact"> Contact </a> </li>
</ul>
</div>
</div>
<br>
<iframe src="iframe.html" name="iframe" width="85%" height="95%" marginwidth="10" marginheight="10" scrolling="auto" frameborder="0" allowtransparency="true">
</iframe>
</div>
</div>
</body>
</html>
#buttons
{
height: 40px;
width: 100%;
background: #3a3a3a;
}
#centerbuttons
{
margin: 0 auto;
text-align: center;
}
I want to click on a thumbnail picture and have the picture enlarged and maybe the surroundings become grey'ish.. -How can I do this?
Can't you just search for such trivial things? It's called a Lightbox and there are many scripts for it, like multibox.
Why don't you look at the code (both HTML and CSS) they've got on their website? Or read the documentation?When I click the image-link, I get the larger image in the middle of the screen and all that. But the background around it doesn't "go grey".
Maybe because you can create it on your own? When somebody tells me "x.gif" or "blank.gif", I immediately associate it to an 1x1 transparent GIF.Also, in the code they mention 'blank.gif' - which isn't available for downloading..
Why don't you look at the code (both HTML and CSS) they've got on their website? Or read the documentation?
Maybe because you can create it on your own? When somebody tells me "x.gif" or "blank.gif", I immediately associate it to an 1x1 transparent GIF.
But maybe that's only me.
Another thing is my img-links (the thumbnails), they have a blue border around themselves. I believe there's some css code that can fix this, but I can't remember which one it is or where to put it.
You've added the multibox styles from lightbox.css?
lightbox.css - basic style and tricky PNG support
<a href="#"><img ... /> <img ... /> <img ... /></a>
<a href="#"><img ... /><img ... /><img ... /></a>
<a href="#"><img ... /></a> <a href="#"><img ... /></a> <a href="#"><img ... /></a>