5 replies
  • WEB DESIGN
  • |
Hey,

Does anyone know where I can find a 'note style' css table box kinda thing?

Looking everywhere
#css #note #style #table
  • Profile picture of the author osegoly
    Not entirely sure what you're after. Could you please provide more detail or show an example of something similar?
    {{ DiscussionBoard.errors[2094820].message }}
  • Profile picture of the author Steve Ranger
    Hey!

    Just a little table about this big:

    |----------------------------------------|

    That looks like a post it note I guess...

    Sorry for the strange request - I'll oDesk it if nobody knows
    {{ DiscussionBoard.errors[2094899].message }}
    • Profile picture of the author CarloD.
      You have to make it.

      You need a background image (the note)


      The CSS
      Code:
      div.notebox{
      display: block;
      background: url('images/your-note-looking-image.jpg');
      width: 150px;
      height: 350px;
      }
      The HTML
      Code:
      <div class="notebox">
      <p>Now you can make a list</p>
      <ul>
      <li>Item 1</li>
      <li>Item 2</li>
      <li>Item 3</li>
      </ul>
      </div>
      that's just one of many ways to accomplish what you are going for....

      The Above would show a Div (box) with a background image (your note) with a paragraph followed by a list
      Signature

      {{ DiscussionBoard.errors[2095010].message }}
  • Profile picture of the author weaveronline
    Signature

    Thanks & Regards,
    Reach us at dukeduke600@gmail.com.
    Web Design| Logo Design | Banner Design | Web Development | Mobile Applications [iPhone/iPad/Android/Windows Phone]

    {{ DiscussionBoard.errors[2095089].message }}
  • Profile picture of the author Steve Ranger
    You rule! Thanks!
    {{ DiscussionBoard.errors[2095285].message }}

Trending Topics