Date: 05/23/06 (WebDesign)    Keywords: html, hosting

I'm having an odd Dreamweaver/HTML problem. I want to have two images appear one after another on the same line. This is the code i'm using:


Pretty standard. But in Dreamweaver and in the site itself the images (Featured and Project) are showing up stacked instead, on both Firefox and IE. I've tried doing the same thing on a new blank html page and it works fine. I can't see anything in the stylesheet that would cause this. I've included it below a cut anyway.


body {
font-family: Tahoma;
}

h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #e14000;
}
h2 {
font-family: Tahoma;
font-size: 12px;
color: #E09E45;
border-bottom: 1px dotted #D3D3D3;
margin-bottom: -10px
}

h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 11pt;
color: #E14000;
}
.footertext{
font-family: tahoma;
font-size: 10px;
}
hr{
color: #E09E45;
padding-bottom: -3px;
padding-top: -3px;
border-style: outset;
}
.tdMain {
text-align: left;
vertical-align: top;
font-family: Tahoma;
font-size:12px;
color:#7C8387;
}
p {
font-family: Tahoma;
font-size: 12px;
color: #7C8387;
}
.tightText {
font-family: Tahoma;
font-size: 12px;
color: #7C8387;
line-height: 12px;
}



.Sidebar {
border: 1px solid #A9A9A9;
font-family: verdana;
font-size: 10px;
letter-spacing: 0;
background-color: #ededed;
width: 80%;
margin-left: 15px;
text-align: center;
}

form
{
margin:0px;
}
a {

text-decoration: underline;
color:#7C8387;
}
.y
{
color:#E09E45;
}
a.y
{
color:#E09E45;
text-decoration:underline;
}
a.yn
{
color:#E09E45;
text-decoration:none;
}
a.red
{
color:#E14000;
text-decoration:underline;
}
a.0
{
color:#71777A;
text-decoration:none;
}
a.1
{
color:#E14000;
text-decoration:none;
}

.red
{
color:#E14000;
}
.t11
{
font-size:11px;
}
.tdMain ul{
list-style-image: url(../LayoutImages/arr2.gif);
}

.tdMain li{
padding-bottom: 5px;
}

.tdMain a {
color: #696969;
font-weight: bold;
text-decoration: none;
}

.tdMain a:hover {
color: #E14000;
}

.ImagePadRight {
padding-right: 10px;
}

.ImagePadLeft {
padding-left: 10px;
}

.tdquote {
font-family: verdana;
background-image: url(../LayoutImages/QuoteBackground.jpg);
font-size: 10px;
letter-spacing: 0;
padding: 5px;
border: 1px #F7D393 outset;
}

ul {
margin-left: 10px;
padding-left: 10px;
line-height: 15px;
}

.TableMenu {
text-indent: 6px;
}


.TableMenu a {
display:block;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333333;
border: 1px #333333 outset;
padding: 2px;
background-color: #F0F0F0;
}

.TableMenu a:hover {
background-color: #CCCCCC;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
border: 1px #333333 outset;
}

td.highlightrow {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 16px;
}

td.quoterow {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 16px;
}

.ClientTestimonial {
color: Gray;
font-size: 11px;
font-weight: normal;
background-image: url(../LayoutImages/QuoteStart_yellow.gif);
background-repeat: no-repeat;
background-position: left top;
margin-top: 0;
margin-right: 2em;
margin-bottom: 1em;
margin-left: 0;
padding-top: 0px;
padding-right: 0;
padding-bottom: 0px;
padding-left: 35px;
}
.ClientName {
margin-top:0;
color: #999999;
text-align:right;
}

td .hosting {
background-color:#F5F5F5;
}
.yellow {
color: #e09e45;
}

Source: http://community.livejournal.com/webdesign/1113098.html