picture and table positioning

R

rhromyko

Hello,
I have a small picture in the upper left corner, I want the colors in
that picture to extend all the way over the top of the page. I tried
doing this by creating two tables that goes right next to the picture
that has the same color but a small space appears between the picture
and tables which I don't want, I want everything to be flush against
each other. How do I do this?

Thanks.

Russ



<html>

<head>
<title>PC Software</title>
</head>


<body style="font:10 pt Arial; margin-top: 0px; margin-left: 0px;
margin-right: 0px;">
<img src="sample.gif" align ="left"><table border="19"
cellspacing="0"" bordercolor="#3399FF" width="100%" bgcolor="#3399FF">
<tbody>
<tr>
<td width="100%"><font color="#009966" face="Arial" font
size="4"><b><nobr>Title Text Here</b></font></nobr></td>
</tr>
</tbody>
</table>

<body style="font:10 pt Arial; margin-top: 0px; margin-left: 0px;
margin-right: 0px;">
<table border="2" cellspacing="0"" bordercolor="#009966" width="100%"
bgcolor="#009966">
<tbody>
<tr>
<td width="100%"><font color="#009966" face="Arial" font
size="1"><b><nobr>Sample Text</b></font></nobr></td>
</tr>
</tbody>
</table>

</body>
</html>
 
D

dorayme

Thank you, that's what I needed.
Click to expand...

Just some small details.

Make sure you give a close enough backup colour specification for the
background in case you do use an image (like I did) for the background
and in case it fails to load for whatever reason. The colour (see the
source of mine) will then substitute. You can test how close the match
is by deliberately changing the name of the background image file (so
there will be no such image found) and seeing how your choice of colour
matches the one in your "foreground" pic on the left.

The other thing to watch for is set the repeat on the background to
suit. In my example it did not matter. But you might need to specify
just repeat-x in your context; for example where it is the picture
height you need extending and not the element (e.g. a div) it is in
(they can be different depending on what else you have in the element)
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

SendGrid email issue in responsive Gmail 1
Help with Visual Lightbox: Scripts 2
Positioning CSS components 1
I need help fixing my website 2
Interfering CSS 1
Can anyone please help? HTML - two tables applying different styles 4
Filter table rows based on multiple checkboxes value 2
Uncaught ReferenceError: item is not defined at HTMLButtonElement.onclick in the: <button onclick="item.inserir()">Inserir dados</button> 1

Members online

Total: 29 (members: 1, guests: 28)
Robots: 364

Forum statistics

Threads
473,769
Messages
2,569,582
Members
45,071
Latest member
MetabolicSolutionsKeto

Latest Threads

Top