/    Sign up×
Community /Pin to ProfileBookmark

images

Copy linkTweet thisAlerts:
Jun 20.2006

I am trying to get two images to appear as one image when its renderd in an web page and I’m not sure how to make that work. Here is the code.

<table border=”0″ cellpadding=”0″ cellspacing=”0″>
<tr>
<td width=”500″ height=”100%” align=”left” valign=”top”>
<img src=”/login/head01.jpg” align=”left” />
<img src=”/login/head02.jpg” />

<table border=”0″ width=”100%” bgcolor=”#FFFFFF” cellpadding=”0″ cellspacing=”0″>
<tr>
<td style=”padding-right: 10px;”>
</td>
<!– <div class=”titlebar”></div>
<div>&nbsp;</div>
<span class=”receiptDate”>
</td> –>
</tr>
</table>
</td>
<td width=”250″ height=”100%” align=”left” valign=”top”>
</td>
</tr>
</table>

anyone who has some good ideas, please let me know.

to post a comment
HTML

12 Comments(s) ↴

Copy linkTweet thisAlerts:
@dthurman1432Jun 20.2006 — What do you mean by render? As in side by side? on top of eachother? No gap? What is your website doing that you don't want happening
Copy linkTweet thisAlerts:
@rcmullinsauthorJun 20.2006 — Yes, side by side with no gap. I thought putting 'align="left"' would do that but it doesnt seem to work the way i want it to.
Copy linkTweet thisAlerts:
@rcmullinsauthorJun 20.2006 — BTW, i'm really new at this, so be gentle. ?
Copy linkTweet thisAlerts:
@dthurman1432Jun 20.2006 — Replace what you had posted with this:
[CODE]
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="top"><img src="/login/head01.jpg" align="left" /></td>
<td><img src="/login/head02.jpg" /></td>
</tr>
<tr>
<td>

<table border="0" width="100%" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<td style="padding-right: 10px;">
</td>
<!-- <div class="titlebar"></div>
<div>&nbsp;</div>
<span class="receiptDate">
</td> -->
</tr>
</table>
</td>
<td width="250" height="100%" align="left" valign="top">
</td>
</tr>
</table>
[/CODE]
Copy linkTweet thisAlerts:
@rcmullinsauthorJun 20.2006 — real close to what i want. Here take a look.

http://atubbtest.atu.edu
Copy linkTweet thisAlerts:
@dthurman1432Jun 20.2006 — Replace your section of code with the below code:

[COLOR=Navy]<!-- *** BEGIN PAGE CONTENT *** -->



<!-- *** Blackboard Academic Suite Login Template *** -->

<!-- *** Feel free to customize this page *** -->

<!-- *** Please make sure that there are no header tags since this templates is embedded within an html page *** -->

<!-- *** Images should be referenced with an absolute src from the document root (ie /login/some.gif) *** -->

<table border="0" cellpadding="0" cellspacing="0">

<tr>

<td align="left" valign="top"><img src="/login/head01.jpg" align="left" /></td>

<td><img src="/login/head02.jpg" /></td>

</tr>

<tr>

<td>

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

<tr>

<td style="padding-right: 10px;">

</td>

<!-- <div class="titlebar"></div><div>&nbsp;</div><span class="receiptDate"></td> -->

</tr>

</table>

</td>

<td colspan="2" width="250" height="100%" align="left" valign="top">

</td>

</tr>

</table>



<!-- *** END PAGE CONTENT *** -->[/COLOR]
Copy linkTweet thisAlerts:
@KTspeedJun 20.2006 — If you put the images on the same line of code in the same cell in the table and don't use the left align on the one, it should work:

[CODE]<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="500" height="100%" align="left" valign="top">
<img src="/login/head01.jpg" /><img src="/login/head02.jpg" />
<table border="0" width="100%" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0">
<tr>
<td style="padding-right: 10px;">
</td>
<!-- <div class="titlebar"></div>
<div>&nbsp;</div>
<span class="receiptDate">
</td> -->
</tr>
</table>
</td>
<td width="250" height="100%" align="left" valign="top">
</td>
</tr>
</table>[/CODE]
Copy linkTweet thisAlerts:
@dthurman1432Jun 20.2006 — Yep, that's the issue.
Copy linkTweet thisAlerts:
@rcmullinsauthorJun 20.2006 — I still have something of a gap in there. Im looking over the image to make sure the image isnt on a white background.

Thanks guys for the help.
Copy linkTweet thisAlerts:
@KTspeedJun 20.2006 — The code i posted didnt have a gap for me with IE6 or FireFox.
Copy linkTweet thisAlerts:
@dthurman1432Jun 20.2006 — You need to take out the align="left" and you also don't need the valign="top" since the cell stretches to the size of the pic already

<td [B]align="left"[/B] valign="top"><img src="/login/head01.jpg" /><img src="/login/head02.jpg" /></td>

all you need is:

<td><img src="/login/head01.jpg" /><img src="/login/head02.jpg" /></td>
Copy linkTweet thisAlerts:
@rcmullinsauthorJun 20.2006 — yup, you guys were right, this is what worked;

<td align="left" valign="top"><img src="/login/head01.jpg" /><img src="/login/head02.jpg" /></td>

I'm going to try it like this too;

<td><img src="/login/head01.jpg" /><img src="/login/head02.jpg" /></td>

Thanks guys for all your help. KT, dthurman you guys are awesome. I hope you are around alway. ?
×

Success!

Help @rcmullins spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.17,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...