vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vB3 Programming Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=15)
-   -   HTML / CSS Help (https://vborg.vbsupport.ru/showthread.php?t=116744)

Alan @ CIT 05-26-2006 04:31 PM
HTML / CSS Help
 
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:

http://i77.photobucket.com/albums/j4...border_old.jpg

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

http://i77.photobucket.com/albums/j4...border_new.jpg

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 05-26-2006 04: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 05-26-2006 04: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 05-27-2006 11:35 AM
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 05-27-2006 12:06 PM
Niceone, cheers mate :)

Thanks,
Alan.

Zachery 05-27-2006 06:34 PM
Can you show us whatcha ended up with Alan?

Alan @ CIT 05-28-2006 06:14 AM
I actually changed the design completely in the end :)

It now looks like:

http://i77.photobucket.com/albums/j4...sign_new_1.jpg

Thanks,
Alan.


All times are GMT. The time now is 10:15 AM.

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.01977 seconds
  • Memory Usage 1,730KB
  • Queries Executed 10 (?)
More Information
Template Usage:
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (1)bbcode_code_printable
  • (1)bbcode_html_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (7)printthreadbit
  • (1)spacer_close
  • (1)spacer_open 
Phrase Groups Available:
  • global
  • postbit
  • showthread
Included Files:
  • ./printthread.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/class_bbcode_alt.php
  • ./includes/class_bbcode.php
  • ./includes/functions_bigthree.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
  • printthread_start
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete