Hey if anyone could help me this would be great, been staring at the
screen for over 2 hours and cant figure out why the image wont, align
to the top left and wrap the text around.
Any help would be great. Thanks.
The URL is
http://www.gadago.net/summersnow/scr...Submit=Proceed.
My CSS is below, and the img.camp is the one that I cant get to work.
..bodytext {
margin: 0px;
background: #FEEF39;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
font-size:12px;
}
..header {
margin: 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:12px;
}
p {
margin-top: 4px;
margin-bottom: 4px;
}
/* below is the drop down styles */
option {
font-family:"Courier New", Courier, mono;
font-size:12px;
color:#996600;
background:#FFFF66;
}
option.one {
background: #FEEF39;
}
option.two {
background: #FFFF88;
}
/* below is the button styles */
button.btn{
color:#996600;
font-family:'trebuchet ms',helvetica,sans-serif;
font-size:84%;
font-weight:bold;
background:#FFFF66;
border:2px solid;
border-top-color:#696;
border-left-color:#696;
border-right-color:#363;
border-bottom-color:#363;
filter:progid:DXImageTransform.Microsoft.Gradient
(GradientType=0,StartColorStr='#ffffffff',EndColor Str='#ffeeddaa');
}
button.btnhov{
color:#996600;
font-family:'trebuchet ms',helvetica,sans-serif;
font-size:84%;
font-weight:bold;
background:#FFFF66;
border:2px solid;
border-top-color:#c63;
border-left-color:#c63;
border-right-color:#930;
border-bottom-color:#930;
filter:progid:DXImageTransform.Microsoft.Gradient
(GradientType=0,StartColorStr='#ffffffff',EndColor Str='#ffeeddaa');
}
..footer {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #CCCCCC;
}
..anchor {
background:#FEEF39;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#ffffff;
}
/* navigation links on anchor */
ul {
list-style-type: none;
overflow: auto;
padding: 0;
margin: 0;
}
ul li {
float: left;
border: 1px solid #333;
border-bottom: none;
margin: 0 5px;
background:FFFF56;
}
ul li a {
display: block;
padding: 10px 20px;
text-decoration: none;
}
ul li a:hover {
text-decoration: underline;
background:#996600;
}
/* --------------*/
/* to make the above work on IE browsers is below */
* html ul li a {
width: 1%;
}
/* below to align and float images */
img.camp {
position: absolute;
top:50px;
left:50px;
float:right;
clear:right;
margin-right:5px;
margin-bottom:5px;
}