3 replies [Last post]
abis123
Offline
Regular
Last seen: 11 years 13 weeks ago
Timezone: GMT+1
Joined: 2007-04-15
Posts: 18
Points: 2

I've replaced all background images with background colours for posting. Many thanks in advanced!

<style>
/* Image container */
.imageContainer
{
	height:					118px;
	width:					162px;
}
 
/* Borders */
.imageTop, .imageBottom
{
	font-size:				0px;
	height:					9px;
	width:					162px;
}
 
.imageTop
{
	/* background-image:		url('BG/Top.jpg'); */
	background:				#CD0707;
}
 
.imageBottom
{
	/* background-image:		url('BG/Bottom.jpg'); */
	background:				#5816A1;
	clear:					left;
}
 
.imageLeft, .imageRight
{
	float:					left;
	height:					151px;
	width:					6px;
}
 
.imageLeft
{
	/* background-image:		url('BG/Left.jpg'); */
	background:				#ED672C;
}
 
.imageRight
{
	/* background-image:		url('BG/Right.jpg'); */
	background:				#FAE307;
}
 
/* Image */
.image
{
	/* background-image:		url('Engagement.jpg'); */
	/* background-position:		bottom; */
	/* background-repeat:		no-repeat; */
	background:				#1417A0;
	cursor:					pointer;
	float:					left;
	height:					151px;
	width:					150px;
}
 
.imageCaption
{
	/* background-image:		url('BG/Caption.gif'); */
	/* background-repeat:		no-repeat; */
	background:				#62A014;
	color:					#fff;
	font-family:			Verdana, Calibri, Arial, Times New Roman;
	font-size:				11px;
	font-weight:			bold;
	height:					54px !important;
	height:					64px; /* IE Fix */
	padding:				5px;
	text-align:				center;
	width:					140px !important;
	width:					150px; /* IE Fix */
}
 
/* Bits */
.imageContainer a { display: block; float: left; }
.imageContainer a:link { text-decoration: none; }
.imageContainer a:hover { text-decoration: underline; color: #fff; }
</style>
 
<div class="imageContainer">
	<div class="imageTop"></div>
	<div class="imageLeft"></div>
	<a href="#nogo">
		<div class="image">
			<div class="imageCaption">Caption</div>
		</div>
	</a>
	<div class="imageRight"></div>
	<div class="imageBottom"></div>
</div>

Smee
Smee's picture
Offline
Elder
Adelaide, Oz
Last seen: 4 years 5 weeks ago
Adelaide, Oz
Timezone: GMT+9.5
Joined: 2007-06-10
Posts: 1596
Points: 340

Check it for what? Errors?

Check it for what? Errors? You can do that yourself at the HTML validator

Site checks is for completed sites and folks expect a link to the site online somewhere (not necessarily live).

Mods and gurus – THANK YOU!
For your time, knowledge and experience so willingly and generously given.
Please come back tomorrow and sort us all out again Smile

CupidsToejam
CupidsToejam's picture
Offline
Guru
Florida
Last seen: 5 years 46 weeks ago
Florida
Timezone: GMT-4
Joined: 2008-08-15
Posts: 2637
Points: 1556

lmao!!

lmao!!

Smee
Smee's picture
Offline
Elder
Adelaide, Oz
Last seen: 4 years 5 weeks ago
Adelaide, Oz
Timezone: GMT+9.5
Joined: 2007-06-10
Posts: 1596
Points: 340

Laugh...

And well you might...at least I saved Abis123 from the Cupid/Deuce whiplash Tongue

Abis123 - you are going to need some things like Doctype, head and body tags. If you aren't aware of these, it might pay to go through the tutorials at htmldog.com or maxdesign

Mods and gurus – THANK YOU!
For your time, knowledge and experience so willingly and generously given.
Please come back tomorrow and sort us all out again Smile