The Arcive of Official vBulletin Modifications Site.

MrApples · #1 10-17-2007, 12:24 AM

I have an image, where in order to make it so it overlaps, I used this

Code:

position:absolute;
z-index:100

. It appears at the top left of the table data it is in, however I need it to appear at the top right. "right: 0;" cannot be used as that would put it at the right side of the entire page. align="right" does not work, valign on the table data does not work, and align right on a div forces the image to appear outside of the table. Everything I could think of has not worked.

Full code (just for reference I'm not asking anyone to look at this):

Code:

<style type="text/css">
img.logo
{
position:absolute;
z-index:100
}
</style>

<center>
<table id="Table_01" width=99% height="187" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<!-- Buttons -->
		<td width="250">
		
		</td>
		<!-- Header (empty) -->
		<td width="524" height="159">
			<div>
				<img class="logo" src="/styles/7M-v1/new/defleft.png" alt="">
			</div>
			<img src="/styles/7M-v1/new/emptyleft.png" />
		</td>
		<td height="159">
			<img width="100%" height="159" src="/styles/7M-v1/new/emptymid.png" />
		</td>
		<td width="307" height="159">
			<div>
				<img class="logo" src="/styles/7M-v1/new/defright.png" alt="">
			</div>
			<img src="/styles/7M-v1/new/emptyright.png" />
		</td>
	</tr>
</table>

dyna88 · #2 10-17-2007, 01:19 AM

If it is too far right why don't you move it to the left?

eg:

HTML Code:

position:absolute; right: 20px;

Analogpoint · #3 10-17-2007, 02:26 PM

Set the containing table to position: relative; then the position: absolute; of the image contained within it will be relative the the containing table, and not the entire page. Then use the right: 0; on the image.

Centers a 600 pixel wide div on the page, and places an image to the right side of that div, using position:absolute, so it overlaps anything else.

Code:

<body>
    <div style="width: 600px; margin: auto; postition: relative;">
        <img src="xxx" alt="" style="position: absolute; right: 10px;" />
    </div>
</body>

MrApples · #4 10-17-2007, 08:00 PM

Thank you, that worked.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.03602 seconds Memory Usage 2,188KB Queries Executed 11 (?)
More Information
Template Usage: (1)SHOWTHREAD (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)ad_showthread_beforeqr (1)ad_showthread_firstpost (1)ad_showthread_firstpost_sig (1)ad_showthread_firstpost_start (3)bbcode_code (1)bbcode_html (1)footer (1)forumjump (1)forumrules (1)gobutton (1)header (1)headinclude (1)navbar (3)navbar_link (120)option (4)post_thanks_box (4)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (4)post_thanks_postbit_info (4)postbit (4)postbit_onlinestatus (4)postbit_wrapper (1)spacer_close (1)spacer_open (1)tagbit_wrapper Phrase Groups Available: global inlinemod postbit posting reputationlevel showthread	Included Files: ./showthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/functions_bigthree.php ./includes/class_postbit.php ./includes/class_bbcode.php ./includes/functions_reputation.php ./includes/functions_post_thanks.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete showthread_start showthread_getinfo forumjump showthread_post_start showthread_query_postids showthread_query bbcode_fetch_tags bbcode_create showthread_postbit_create postbit_factory postbit_display_start post_thanks_function_post_thanks_off_start post_thanks_function_post_thanks_off_end post_thanks_function_fetch_thanks_start post_thanks_function_fetch_thanks_end post_thanks_function_thanked_already_start post_thanks_function_thanked_already_end fetch_musername postbit_imicons bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete postbit_display_complete post_thanks_function_can_thank_this_post_start tag_fetchbit_complete forumrules navbits navbits_complete showthread_complete
Messages:

The Arcive of Official vBulletin Modifications Site.

It is not a VB3 engine, just a parsed copy!