The Arcive of Official vBulletin Modifications Site.

Alan @ CIT · #1 05-26-2006, 05:31 PM

Hi all,

I've currently got a <div> with a dashed border which holds my content. Inside the content, there are 2 links - Edit and Delete - currently, they sit within the <div> like:

However, I'd like them to appear on the border, like:

Any ideas?

The current html (abbreviated) is:

Code:

<div style="border:dashed 1px #666666; margin-bottom:10px">
  ...content...
<div style="float:right; padding:4px; font-size:9px">
 [Edit] - [Delete]
</div>
   ...more content...
</div>

Thanks,
Alan.

Zachery · #2 05-26-2006, 05:32 PM

I gave you a suggestion in irc. I also think you might be able to fudge where it is with some relitive positioing possibly.

Alan @ CIT · #3 05-26-2006, 05:41 PM

I know, I posted this at the same time I asked you

I'm getting their with a fieldset at the moment, just doing some testing

Princeton · #4 05-27-2006, 12:35 PM

try...

HTML Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
.box {
	border:dashed 1px #666666; 
	margin:10px;
	padding:5px
}
.editdelete {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color:red;
	background-color:#ffffff;
	margin:-2px 25px;
	padding:5px;
	float:right;
}
.editdelete a:link, .editdelete a:active, .editdelete a:hover  {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color:red;
}
.editdelete a:hover {
	color:blue;
}
-->
</style>
</head>

<body>

<div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin quis sapien a nulla interdum placerat.</div>
<div class="editdelete">[<a href="#">Edit</a>] - [<a href="#">Delete</a>]</div>
<div class="box">
  <div><a href="#">Test thread bookmark 1</a></div>
		<div>Last post by Alan @ CIT at 05-17-2006</div>
   <div>...more content...</div>
</div>

</body>
</html>

Alan @ CIT · #5 05-27-2006, 01:06 PM

Niceone, cheers mate

Thanks,
Alan.

Zachery · #6 05-27-2006, 07:34 PM

Can you show us whatcha ended up with Alan?

Alan @ CIT · #7 05-28-2006, 07:14 AM

I actually changed the design completely in the end

It now looks like:

Thanks,
Alan.

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.05116 seconds Memory Usage 2,216KB 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 (1)bbcode_code (1)bbcode_html (1)footer (1)forumjump (1)forumrules (1)gobutton (1)header (1)headinclude (1)navbar (3)navbar_link (120)option (7)post_thanks_box (7)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (7)post_thanks_postbit_info (7)postbit (7)postbit_onlinestatus (7)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!