Home/ Questions/Q 6223955
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-24T08:34:57+00:00

I’m trying to get a small or partial marquee box inside a container. Basically

  • 0

I’m trying to get a small or “partial” marquee box inside a container. Basically I would like to display the 4 inner corners. Something similar to the following: I’m wondering how could I do it? Any help is appreciated.

  +--------------------------------------------+  ---> this is main container
  |  +--                                  --+  |
  |  |                                      |  |
  |                                            |
  |                                            |
  |                                            |
  |                                            |
  |                                            |
  |  |                                      |  |
  |  +--                                  --+  |
  +--------------------------------------------+
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Something like this?

    <!DOCTYPE html>
<html>
    <head></head>
    <body>
        <div id='the_container' style='border: 1px solid #000; width:90%; height:90%; top: 5%; left: 5%; position: absolute;'>
            <div id='corner_t_l' style='border-top: 1px dashed #000; border-left: 1px dashed #000; top: 10px; left: 10px; width: 30px; height: 30px; position: absolute;'></div>
            <div id='corner_t_r' style='border-top: 1px dashed #000; border-right: 1px dashed #000; top: 10px; right: 10px; width: 30px; height: 30px; position: absolute;'></div>
            <div id='corner_b_r' style='border-bottom: 1px dashed #000; border-right: 1px dashed #000; bottom: 10px; right: 10px; width: 30px; height: 30px; position: absolute;'></div>
            <div id='corner_b_l' style='border-bottom: 1px dashed #000; border-left: 1px dashed #000; bottom: 10px; left: 10px; width: 30px; height: 30px; position: absolute;'></div>        </div>
    </body>
</html>

    live example: http://jsfiddle.net/vKZzD/

    • 0