[x]
Posted via EE Mobile

Search, ask, and monitor your questions on the go with EE Mobile. Visit Experts Exchange from your mobile device and never be out of touch again.

Question
[x]
Attachment Details

HTML div style floating

Asked by mgroyal in Hypertext Markup Language (HTML), Web Languages/Standards

I have the following code below (code section) and I would like to adjust it in order to display some additional information on the top right. Unfortunately, a left floating block already exists and it always put my right floating block underneath it. But I should have it on the same height as the left floating block.

This code I try to incorporate:

<div style="float:right; width:450px
{$listing.user.CompanyInfo}
</div>


1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
{assign var="listing" value=$tmp_listing}
 
<div>
<br>
<p style="text-align:center;font-weight:bold;font-size:150%">[[Company Profile]]</p>
<table border=0 width=100%>
<tr>
<td width=180 valign=top>
 
	<div style="float: left; margin-right:10px; heigth: inherit;">
	<div style="padding:0px;padding-top:0;font-size:140%;font-weight:bold; 
				text-align:center; background-color:#686868; color:white; margin-right:10px;
				width:250px; height:19px; background-image:url('{image}form_title_bg.png')">[[Company Info]]</div>
	<table style="padding-top:0px; border-style:solid; border-width:1px; width:250px; border-color:#b8b8b8;">
		{if $listing.user.Logo.file_url}
		<tr><td><img src="{$listing.user.Logo.file_url}" alt="" /></td></tr>
		{/if}
		<tr><td><strong>{$listing.user.CompanyName} </strong>
		<br />
		{$listing.user.Address}
		<br />
		{$listing.user.City}, [[$listing.user.State]] ([[$listing.user.Country]])
		<br />
		</b></td></tr>
	
		<tr><td><strong>[[FormFieldCaptions!Phone]]</strong>:  {$listing.user.PhoneNumber}</td></tr>
		<tr><td><strong>[[FormFieldCaptions!Web]]</strong>:  {$listing.user.WebSite}</td></tr>
		
		<tr><td></td></tr>
		<!---  <tr><td><strong>[[FormFieldCaptions!Job Views]]</strong>: [[$listing.views]]</td></tr>  -->
	</table>
	<div style="padding:0px;padding-top:0;font-size:140%;font-weight:bold; 
				text-align:center; background-color:#686868; color:white;
				width:250px; background-image:url('{image}form_bottom_bg.png')">
	&nbsp;
	</div>
 
	
	{if $listing.video.file_url != ""}
		<br/>
		{include file="video_player.tpl"}
	{/if}
	</div>
		<center>
		{foreach from=$listing.pictures key=key item=picture name=picimages }
				<div style="width: 100px; height:100px; background-image:url('{image}photocard.png');padding:5px; margin-left:40px; margin-top:10px;">
				<a target="_black" href ="{$picture.picture_url}"> <img src="{$picture.thumbnail_url}" border="0" title="{$picture.caption}" alt="{$picture.caption}" /> </a>
				</div>
		{/foreach}
		</center>
</td>
</tr>
</table>
 
</div>
[+][-]05/11/09 04:51 AM, ID: 24353497Expert Comment

At Experts Exchange, members can ask their questions to thousands of technology professionals, also known as Experts. Experts compete and collaborate to answer those questions by leaving comments like this one.

Start your 30-day free trial to view this Expert Comment or ask the Experts your question.

 
[+][-]09/23/09 02:01 AM, ID: 25401055Expert Comment

At Experts Exchange, members can ask their questions to thousands of technology professionals, also known as Experts. Experts compete and collaborate to answer those questions by leaving comments like this one.

Start your 30-day free trial to view this Expert Comment or ask the Experts your question.

 
 
Loading Advertisement...
20091111-EE-VQP-89 - Hierarchy / EE_QW_3_20080625