Page 2 of 2 FirstFirst 12
Results 11 to 18 of 18

Thread: Image Bubbles effect personalize

  1. #11
    Join Date
    Jun 2011
    Posts
    63
    Thanks
    49
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by bernie1227 View Post
    So is there an external style for li tags? If so, you can override it using !important in the CSS
    I'm not sure did I understand you. There is no exterior styling, only a global with orange image that I don't want to perform locally. That is a problem.

    Have a nice day!

  2. #12
    Join Date
    May 2012
    Location
    Hitchhiking the Galaxy
    Posts
    1,013
    Thanks
    46
    Thanked 139 Times in 139 Posts
    Blog Entries
    1

    Default

    ok balki, could you please show me the global stylings for the li tags?
    "Most good programmers do programming not because they expect to get paid or get adulation by the public, but because it is fun to program." - Linus Torvalds
    Anime Views Forums
    Bernie

  3. #13
    Join Date
    Jun 2011
    Posts
    63
    Thanks
    49
    Thanked 0 Times in 0 Posts

    Default

    HTML Code:
    ul {
    	margin-bottom: 1em;
    }
    ul ul {
    	margin: 0;
    }
    ul li {
    	margin-left: 20px;
    	padding-left: 15px;
    	list-style: none;
    	background: url("../img/li.png") no-repeat left 7px;
    }
    ol {
    	margin-bottom: 1em;
    }
    ol ol {
    	margin: 0;
    }
    ol li {
    	margin-left: 20px;
    }
    http://souhssz.webnode.com/css/style.css

  4. #14
    Join Date
    May 2012
    Location
    Hitchhiking the Galaxy
    Posts
    1,013
    Thanks
    46
    Thanked 139 Times in 139 Posts
    Blog Entries
    1

    Default

    Ok, so This is pretty easy now, in the styles for the list you don't want the arrow in, put:
    Code:
    background: none !important;
    "Most good programmers do programming not because they expect to get paid or get adulation by the public, but because it is fun to program." - Linus Torvalds
    Anime Views Forums
    Bernie

  5. The Following User Says Thank You to bernie1227 For This Useful Post:

    balki (07-27-2012)

  6. #15
    Join Date
    Jun 2011
    Posts
    63
    Thanks
    49
    Thanked 0 Times in 0 Posts

    Default

    Where exactly?

  7. #16
    Join Date
    May 2012
    Location
    Hitchhiking the Galaxy
    Posts
    1,013
    Thanks
    46
    Thanked 139 Times in 139 Posts
    Blog Entries
    1

    Default

    ul#icons li
    "Most good programmers do programming not because they expect to get paid or get adulation by the public, but because it is fun to program." - Linus Torvalds
    Anime Views Forums
    Bernie

  8. The Following User Says Thank You to bernie1227 For This Useful Post:

    balki (07-27-2012)

  9. #17
    Join Date
    Jun 2011
    Posts
    63
    Thanks
    49
    Thanked 0 Times in 0 Posts

    Default

    Thank you. Works great!

    Good evening!

  10. #18
    Join Date
    Apr 2012
    Location
    Chester, Cheshire
    Posts
    329
    Thanks
    7
    Thanked 35 Times in 35 Posts

    Default

    Quote Originally Posted by CChawps View Post
    In case this don't work then try using a table placed inside your content area with a width of 100% (the width could also be in pixels):

    HTML Code:
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td align="center">
    <-- YOUR IMAGE BUBBLE CODE HERE -->
    </td>
    </tr>
    </table>
    Have fun
    No, no, no, no, NO!

    This is always possible in CSS and you should never use tables as a layout guide for your page. Tables are specifically for tabular data, which this is not.


    20 years ago, this was acceptable, but not any more. You should always use CSS (or indeed, LESS) to position text on the screen.

    Remember with wrapper <div>'s; text-align:center; will centre the content of the div, margin:0 auto; will centre the div itself to it's parent container.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •