help with images [Archive] - Lissa Explains it All: Web Design Forums

Lua

07-11-2003, 06:26 AM

hello everyone,

i'm trying to put two images on the top of my site: one in the center, the other on the right, but both in the same "line", i mean, in the same height. i managed to put the two in the same line using <hspace> tag, but the first one got pushed back by the second and it's not on the center anymore. what should i do?

also, if i want to put an image on the center bottom of the page, what should i do? i have a table on my page, but this image i want to put after the table (i'm just putting itts code after the table's code) is being put before the table.

please please help!

elfenheroin

07-11-2003, 09:16 AM

You could try divs....

<div align="center"><img scr="image1.gif(jpg)"></div>

<div align="right"><img scr="image2.gif(jpg)></div>

<table>
<tr>
<td>
whatever here
</td>
</tr>
</table>

<div align="center"><img scr="image3.gif(jpg)"></div>

might work....

Lua

07-11-2003, 08:33 PM

i tried what you said elfenheroin, and no such luck. that managed to put the third image at the bottom, but it's inside the table, i want it to be outside. also, i want the table to have an end, the way it looks like, it doesnt have a border in teh end (see the page, sorry not being able to explain better, but english is not my first language)

pomeranian_7, here´s the link to my site: http://www.teste2aprofundado.blogger.com.br/index.html

i'd love the two top images to be at the same height (in the very top), and the third image ("blogger") to be outside the table in the center bottom (well, that already is).

thanks a lot!!!

Alcy

07-12-2003, 04:23 AM

For the top two images, you could use:
<img src="IMAGE1.GIF" align="center">
<img src="IMAGE2.GIF" align="right">

To stop that blue border from "covering" the blogger button, add </div> after the table. You have <div class="blog"> and didn't close it :)

Lua

07-12-2003, 07:02 AM

i did what you said about my two images in the same line, remeber. link is here: http://www.teste2aprofundado.blogger.com.br/index.html

here's the part about the two images:
<img src="titulo1_menor.gif" align="center" title="Bem vindo ao mundo PaTaTiPaTaTa!">
<img src="girls2_dizer_transparente_igual.gif" align="right" title="PaTaTi e PaTaTa">

but no such luck.... what am i doing wrong? maybe i should put a table?

and about the blogger image... it went out of the border, but on the top. i would like it to be in bottom center.... any suggestions?

and do you know how can i make the end of the blue line (in the bottom) appear?

please please help!!!!!

Alcy

07-13-2003, 04:25 AM

You had your table (with your blog entries) absolutely positioned on the page, I removed that - you can put it back in if you want :), and put everything in a big table....

<html>

<head>
<title>teste2</title>
<style type="text/css">
A:link
{ text-decoration: none; color:blue; }
A:visited
{ text-decoration: line-through; color:blue; }
A:active
{ text-decoration: none; color:yellow; }
A:hover
{ text-decoration: underline overline; color:blue;
cursor: crosshair; }
.blog {width:450px; height:200px;}
.blogtext {font-family: verdana; font-size: 10px; color: #000000; text-align: justify;}
</style>
</head>

<body BACKGROUND="http://www.tudoparablogs2.hpg.com.br/bg/bg24.gif">

<table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>
<td align="center"><img src="titulo1_menor.gif" title="Bem vindo ao mundo PaTaTiPaTaTa!"></td>
<td align="right"><img src="girls2_dizer_transparente_igual.gif" title="PaTaTi e PaTaTa"></td>
</tr>

<tr>
<td colspan="2" align="center">

<div class="blog">
<table style="border:4px ridge blue;" border="0" cellspacing="0" cellpadding="0" background-color="#FFFFFF">
<tr>
<td class="blogtext">

<br> <b>Sábado, Julho 12, 2003</b>
<a name="3811648"> </a><br>
<blockquote>HELP!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! !!!</blockquote>
posted by PATATI TITAPA at <a href="2003_07_01_archive.html#3811648">3:00 AM</a> <a name="3811495"> </a><br>
<blockquote>teste + 1</blockquote>
posted by PATATI TITAPA at <a href="2003_07_01_archive.html#3811495">2:56 AM</a> <br>
<br>
<br> <b>^^^ta-feira, Julho 11, 2003</b>
<a name="3779659"> </a><br>
<blockquote>nhgvhng</blockquote>
posted by PATATI TITAPA at <a href="2003_07_01_archive.html#3779659">4:28 PM</a> <a name="3754424"> </a><br>
<blockquote>gvhjgbjk.hn.k;</blockquote>
posted by PATATI TITAPA at <a href="2003_07_01_archive.html#3754424">2:11 AM</a> <a name="3754392"> </a><br>
<blockquote>bjhbkjhnlk</blockquote>
posted by PATATI TITAPA at <a href="2003_07_01_archive.html#3754392">2:10 AM</a> <a name="3754221"> </a><br>
<blockquote>tgtgtgt</blockquote>
posted by PATATI TITAPA at <a href="2003_07_01_archive.html#3754221">2:07 AM</a> <a name="3753921"> </a><br>
<blockquote>fdgdfgdsf</blockquote>
posted by PATATI TITAPA at <a href="2003_07_01_archive.html#3753921">2:01 AM</a> <a name="3753904"> </a><br>
<blockquote>fdsfsdsase</blockquote>
posted by PATATI TITAPA at <a href="2003_07_01_archive.html#3753904">2:00 AM</a> <a name="3753885"> </a><br>
<blockquote>gdfgdffs</blockquote>
posted by PATATI TITAPA at <a href="2003_07_01_archive.html#3753885">2:00 AM</a> <a name="3753861"> </a><br>
<blockquote>fdssdfsdf</blockquote>
posted by PATATI TITAPA at <a href="2003_07_01_archive.html#3753861">1:59 AM</a> <a name="3753827"> </a><br>
<blockquote>gdfgdfg</blockquote>
posted by PATATI TITAPA at <a href="2003_07_01_archive.html#3753827">1:59 AM</a> <a name="3753788"> </a><br>
<blockquote>kjljljkljk</blockquote>
posted by PATATI TITAPA at <a href="2003_07_01_archive.html#3753788">1:58 AM</a> <a name="3753762"> </a><br>
<blockquote>fdgdfgdff</blockquote>
posted by PATATI TITAPA at <a href="2003_07_01_archive.html#3753762">1:58 AM</a> <a name="3753734"> </a><br>
<blockquote>gfdgfdgdf</blockquote>
posted by PATATI TITAPA at <a href="2003_07_01_archive.html#3753734">1:57 AM</a> <a name="3753713"> </a><br>
<blockquote>fdsfsdfsdfsd</blockquote>
posted by PATATI TITAPA at <a href="2003_07_01_archive.html#3753713">1:57 AM</a> <br>
<br>

</td>
</tr>
</table>
</div>

</td>
</tr>

<tr>
<td colspan="2" align="center">

<a href="http://www.blogger.com"><img src="http://www.blogger.com/buttons/bloggerbutton1.gif" width=88 height=31 alt="Powered by Blogger" border="0"></a>
</td>
</tr>

</table>

</body>

</html>