PDA

View Full Version : placing images...

vicary
05-12-2003, 11:00 PM
How can I place an image to the right or left of a table?
What code would I use. I am using a css, so would I add to that somehow or add a div tag or what?
Lost here.

Thanks!
Cherchezlafemme
05-12-2003, 11:19 PM
COuld you please be more specific and post the URL of this site so we can see it?
vicary
05-12-2003, 11:46 PM
here is part of my html...I want to place the image to the right of my table instead of below the table...it would look much better.
<style type="text/css">
<!--

A:link
{ text-decoration: none;
color:#9C914F;
font-family: verdana, arial, lucida sans;
font-weight:normal; }
A:visited
{ text-decoration: none;
color:#9C914F;
font-family: verdana, arial, lucida sans;
font-weight:normal; }
A:active
{ text-decoration: none;
color:#A9EBA9;
font-family: verdana, arial, lucida sans;
font-weight:normal; }
A:hover
{ text-decoration: none;
color:#9A2145;
font-family: verdana, arial, lucida sans;
font-weight:bold; }

body
{ background-color: #ffffff;
font-family: verdana, arial, lucida sans;
color: #000000 ;
letter-spacing: 1pt;
font-weight:normal;
font-size:8pt;
text-align: center;
margin: 10px 10px 0px 15px;

scrollbar-face-color : #9c914f;
scrollbar-highlight-color : #ffffff;
scrollbar-3dlight-color : #000000; scrollbar-shadow-color : #9C914F;
scrollbar-darkshadow-color : #000000; scrollbar-track-color : #9a2145;
scrollbar-arrow-color : #000000 }

table, td {
font-size:8pt;

}


h1{font-size:20pt; font-weight:normal; font-family:verdana;}
-->
</style>

</HEAD>
<BODY>
<h1>Small Businesses Page</h1><p><br>

<p>If you have a home-based or small to medium business and would like your business listed here, please email me with your Business Name, Location (address & county), Phone Number, Website URL, Email Address and what your company specializes in.
Please state in your email that you would like your business listed here on my site.
You must be from one of the Northern Indiana counties listed below
or have been a prior customer of VICARY BIZNIS.<p>

<br>

<table><table border="2" bordercolor="#A02623">
<tr>
<td bgcolor="#D1C586"><b>Indiana Counties Include:</b></td></tr>
<td>KOSCIUSKO</td></tr>
<td>ELKHART</td></tr>
<td>LAGRANGE</td></tr>
<td>MARSHALL</td></tr>
<td>ST. JOE</td></tr>
<td>LAPORTE</td></tr>
<td>WHITLEY</td></tr>
<td>WABASH</td></tr>
<td>NOBLE</td></tr>
<td>FULTON</td></tr>
<td>STARKE</td></tr>

</TABLE><img src="graphics/NIcounties.jpg">
<br>
vicary
05-13-2003, 12:45 AM
What is with the red x after applying this code?

<img style="position:absolute; top:175px; left:500px; width:225px;
height:185px" img src="nicounties.jpg">
<br>

My image size is correct as I viewed the size in PSP.

Help!
jazzberry
05-13-2003, 01:26 AM
ok, nvm that piece of advice,

<img style="position:absolute; top:175px; left:500px; width:225px;
height:185px" img src="nicounties.jpg">

you have an extra "img" beside src

it should be

<img style="position:absolute; top:175px; left:500px; width:225px;
height:185px" src="nicounties.jpg">