advanced code snippet search

Posted By

picale on 03/13/08


Tagged


Versions (?)


Advertising

Website Promotion DIRECTORY is a crucial factor for all websites that need to gain better organic search engine rankings and increase website traffic.
Submitting your website as part of your Web Promotion strategy to our SEO friendly and high traffic Business Directory for review is an excellent way to gain a valuable backlink and increase your websites visibility online.

Submit Site


Who likes this?

3 people have marked this snippet as a favorite

SpinZ
basicmagic
crs0328


Rounded corners with images

Published in: CSS 

Expand | Embed | Plain Text 
  1. <div class=ā€¯roundcontā€¯>
  2. <div class=ā€¯roundtopā€¯>
  3. <img src=ā€¯tl.gifā€¯ alt=ā€¯"
  4. width=ā€¯15ā€³ height=ā€¯15ā€³ class=ā€¯cornerā€¯
  5. style=ā€¯display: noneā€¯ />
  6. </div>
  7.  
  8. CONTENT
  9.  
  10. <div class=ā€¯roundbottomā€¯>
  11. <img src=ā€¯bl.gifā€¯ alt=ā€¯"
  12. width=ā€¯15ā€³ height=ā€¯15ā€³ class=ā€¯cornerā€¯
  13. style=ā€¯display: noneā€¯ />
  14. </div>
  15. </div>
  16.  
  17. .roundcont {
  18. width: 250px;
  19. background-color: #f90;
  20. color: #fff;
  21. }
  22.  
  23. .roundcont p {
  24. margin: 0 10px;
  25. }
  26.  
  27. .roundtop {
  28. background: url(tr.gif) no-repeat top right;
  29. }
  30.  
  31. .roundbottom {
  32. background: url(br.gif) no-repeat top right;
  33. }
  34.  
  35. img.corner {
  36. width: 15px;
  37. height: 15px;
  38. border: none;
  39. display: block !important;
  40. }

Report this snippet 

Comments

RSS Icon Subscribe to comments
Posted By: HUGOT on May 1, 2008

The inline styling is overridden by the - display: block !important; argument

You need to login to post a comment.