8 {{ upvoteCount | shortNum }}
8 {{ upvoteCount | shortNum }}

Note style css table

by Steve Ranger
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
    Expandable CSS “Note” Box | CSS-Tricks

    Hope this helps!
    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