[SOLVED] image to centre page

R8515198 · #1 (**permalink**) Nov 22nd, 2007, 10:38

Good Morning,

I am using the code below and cant get the popup image to centre can anyone assit me please.

Cheers

DAniel

HTML: Select all

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
 
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
                          <div id="nav">
<dd><a href="newbuild.htm"><img src="newbuildbutton.gif" width="75" height="25" border="0" ><span><img src="newbuild.gif" width="369" height="223" border="1"></span></a><a href="briefings.htm"><img src="briefingsbutton.gif" width="70" height="25" border="0" ><span><img src="briefs.gif" width="369" height="223" border="1"></span></a><a href="orders.htm">Orders<span><img src="orders.gif" width="369" height="223" border="1"></span></a><a href="faqs.htm">FAQs<span><img src="faqs.gif" width="369" height="223" border="1"></span></a><a href="localinfo.htm">Local
    Information<span><img src="localinfo.gif" width="369" height="223" border="1"></span></a></dd>
</div>
 
 
        <style>
        
#nav {
  width: 600px;
position:relative;
  
float: none;
 margin-right: auto;
 margin-left: auto;
} 
#nav a{
margin-right: 5px;
 margin-left: 5px;
 }
 
   
#nav a span {display: none;}
#nav a:hover span {
display: block;
position: absolute; 
left:25%;
right:25%;
top:-235px;
color:#000000;
width:auto;
text-align:left;
font-weight: bold;
}
#nav a:hover {
background:#ffffff;
}   
   
 
   
</style>

MikeHopley · #2 (**permalink**) Nov 22nd, 2007, 10:49

It would be much easier to help you if you posted a link. It helps to see what you're trying to do.

Your code is rather...um...bizarre. I can't fathom why you would put a <table> inside a <dl>.

R8515198 · #3 (**permalink**) Nov 22nd, 2007, 11:02

My brain has frozen and I couldnt remember how to get them next to each other so I put them in a table??

Bad drills help me change it please it wasn't inline or block?

I am work so unable to do a link but if you put all the code above in to one html file you will see what i am trying to do.

Time spent on this matter is greatly appreciated

R8515198 · #4 (**permalink**) Nov 22nd, 2007, 12:10

Apologies have corrcet code.

How do I get the image that pops up to be centered?

R8515198 · #5 (**permalink**) Nov 22nd, 2007, 12:56

I have correceted it, you just have to spent some time away from the screen and clear your head. I have applied the correct coding above

cheers

MikeHopley · #6 (**permalink**) Nov 22nd, 2007, 13:29

Quote:

Originally Posted by R8515198

I am work so unable to do a link but if you put all the code above in to one html file you will see what i am trying to do.

I am lazy and much prefer to follow a link. It takes less time. Sorry.

Stuart · #7 (**permalink**) Nov 23rd, 2007, 04:11

I have tried to put the code into an html document, but it won't do any good since I don't have the full image path.
Oh, oops! You've already solved it... Never mind

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
[SOLVED] multiple image rollover not restoring image	snappy	JavaScript Forum	4	Nov 5th, 2007 14:38
[SOLVED] Centering an image with CSS without moving anything else on the page.	Ed	Web Page Design	5	Oct 29th, 2007 11:34
Web Design Centre	centamtom	Free Web Site Critique	7	May 12th, 2007 20:30
Centre the page ?	Accurax	Web Page Design	5	Oct 10th, 2006 14:05
css to centre flash	onlinegamesplayer	Web Page Design	6	May 15th, 2006 09:40

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
[SOLVED] image to centre page