Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4

Thread: Module CSS HELP

  1. #1
    Regular Coder
    Join Date
    Jul 2004
    Location
    Lebanon
    Posts
    223
    Thanks
    6
    Thanked 0 Times in 0 Posts

    Exclamation Module CSS HELP

    Hello,

    I'm trying to create a small/simple design for my custom module. Please check the attachments below.

    I have managed to add a fixed title (gif) for the module "Featured Product" via the css and I tried adding the background image for the title of the product "Elle & Vire" but as you can see the image is not aligned left and the curve at the right of the background isn't showing at all.

    This is the CSS;
    Code:
    div.moduletable h3,
    div.moduletable_menu h3,
    div.moduletable_text h3,
    div.moduletable_hilite h3 {
        /*background:transparent url(../images/hdot1.gif) repeat-x scroll center bottom;*/
    	font-size: 175%;
    	margin: 0 0 5px;
    	padding: 2px 0 5px;
    	letter-spacing: -1px;
    }
    
    div.moduletable,
    div.moduletable_menu,
    div.moduletable_text,
    div.moduletable_hilite {
    	margin: 0 0 20px;
    	padding: 0 0 5px;
    }
    
    div.moduletable_menu h3 {
    	background: none;
    	padding: 0;
    }
    
    div.moduletable_hilite {
    	background: url(../images/grad2.gif) repeat-x top #FA6900;
    	padding: 5px 10px;
    	border: 1px solid #DD5D00;
    }
    
    div.moduletable_hilite h3 {
    	padding: 25px 0 0 0;
    	
    }
    
    div.moduletable_hilite,
    div.moduletable_hilite h3, div.moduletable_hilite a {
    	color: #000000;
    	background: url(../images/feat-bg.gif) no-repeat bottom left;
    	overflow: auto;
    }
    
    /* mis */
    div.banneritem_text {
    	padding: 5px 0 !important;
    }
    
    div.advs {
    	clear: both;
    	display: block;
    	float: left;
    	width: 100%;
    }
    
    div.moduletable ul,
    div.moduletable_text ul,
    div.moduletable_menu ul,
    div.moduletable_hilite ul {
    	margin: 0;
    	padding: 0;
    }
    
    div.moduletable li,
    div.moduletable_text li,
    div.moduletable_menu li,
    div.moduletable_hilite li ul li {
    	background: url(../images/menu-arrow.gif) no-repeat 5px 8px;
    	margin: 0;
    	padding-left: 16px;
    }
    div.moduletable li ul li,
    div.moduletable_text li ul li,
    div.moduletable_menu li ul li,
    div.moduletable_hilite li ul li {
        background: url(../images/menu-arrow-small.gif) no-repeat 5px 9px;
        margin: 0;
    	padding-left: 16px;
    }
    div.moduletable li ul li ul li,
    div.moduletable_text li ul li ul li,
    div.moduletable_menu li ul li ul li,
    div.moduletable_hilite li ul li ul li {
        background: url(../images/menu-box.gif) no-repeat 5px 11px;
        margin: 0;
    	padding-left: 16px;
    }
    What am I doing wrong in here? :/

  • #2
    New Coder
    Join Date
    Jun 2009
    Posts
    35
    Thanks
    4
    Thanked 1 Time in 1 Post
    Hmm i dont see any image?

  • #3
    The Apostate Apostropartheid's Avatar
    Join Date
    Oct 2007
    Posts
    3,215
    Thanks
    16
    Thanked 265 Times in 263 Posts
    Well, no, we can't, mate. It's kind of difficult when we don't have images. Please provide a live link.

  • #4
    Regular Coder
    Join Date
    Jul 2004
    Location
    Lebanon
    Posts
    223
    Thanks
    6
    Thanked 0 Times in 0 Posts
    Here are the screenshots as I'm working locally.

    PS: featured-on is how it's supposed to look and featured-off is how it's appearing.
    Attached Thumbnails Attached Thumbnails Module CSS HELP-featured-off.jpg   Module CSS HELP-featured-.jpg  


  •  

    Tags for this Thread

    Posting Permissions

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