dcsimg
www.webdeveloper.com
Results 1 to 7 of 7

Thread: Desperate need

  1. #1
    Join Date
    Feb 2012
    Posts
    4

    Desperate need

    Hello all! Cool place here and I hope with lots of experts. I have an HTML template for a mod on my site and I cannot for the life of me figure out how to get it how I want. Basically what I want to do is remove the left side images and move the titles on the right into its spot. I will post an image of what I am talking about and the code. See attached pic.

    THANKS in advance for any advice and help!

    http://abettorcommunity.com/example.jpg

    HTML Code:
    <div class="quick_links_elink" style="background-color: white;">
        <div class="lcont_top">
            <div id="lcont_img__unit_id__" style="left: 0px; position: left;">
                <a href="__category_url__" class="main_l">
                    <img style="top:10px; max-height:16px;" alt="" src="__category_cover_image__" width="50px"/>
                </a>
            </div>
            <div id="js_control_section0__unit_id__" style="padding-left: 5px;">
                <a href="__category_url__" class="main_l">
                 __category_name__
                </a>
            </div>
            <div class="js_control_section" id="js_control_section__unit_id__" title="Show / Hide" bximg="lcont_img__unit_id__" bxchild="lcont_other__unit_id__" style="background-position: 0px -17px;"></div>
        </div>
        <div class="quick_links_elink_lcont" id="lcont_other__unit_id__" style="display: none; top:40px; background-color: white;">
            <a href="__category_url__" class="main_l">
                <img alt="" src="__category_cover_image__" style="top:50px; width:80px; max-height:40px;"/>
            </a>
            <div class="lcont_other" >
                __sub_categories_list__
                <div class="clear_both"></div>
            </div>
        </div>
      <script type="text/javascript">
            var oShowHideController__unit_id__ = new ShowHideController();
            $("#js_control_section__unit_id__").click( function() { oShowHideController__unit_id__.ShowHideToggle(this) } );
            /*$("#js_control_section0__unit_id__").click( function() { oShowHideController__unit_id__.ShowHideToggle("#js_control_section__unit_id__") } );*/
        </script>
    </div>

  2. #2
    Join Date
    Feb 2012
    Posts
    61
    Hey,

    Just remove the img tags in your code... then chnage below code in your css

    .lcont_top {
    padding-left: 5px;
    }

    Hope it will helpfull for you....

  3. #3
    Join Date
    Feb 2012
    Posts
    4
    Thanks for the reply! I managed to remove the images but I cannot find the code you are referencing to in any of the css files so now it looks like this

    http://abettorcommunity.com/example2.jpg

  4. #4
    Join Date
    Feb 2012
    Posts
    61
    here is the css file..

    http://abettorcommunity.com/gzip_loa...bbfa3afaa4.css

    line no. 610

    .lcont_top {
    padding-left: 5px;
    }

    If you not find the particular class on that css (may be you are using any CMS system or else) simply add the below code in your existing css file or your related php file ...

    .lcont_top {
    padding-left: 5px !important;
    }

  5. #5
    Join Date
    Feb 2012
    Posts
    4
    You are the man! That worked! Man that was driving me crazy. OK, OK, now I will riddle you this batman......That code has a sub level to it and I managed to remove the image from the sub level just like you suggested for the main level, so now how do I move the stuff on the right over to the left?? Here is an image

    http://abettorcommunity.com/example3.jpg

  6. #6
    Join Date
    Feb 2012
    Posts
    61
    remove the padding as you last did....

    Line no. 694
    http://abettorcommunity.com/gzip_loa...9697a9eced.css

    .lcont_other {
    padding-left: 0;
    }

    OR

    (Add any css file or particular page)

    .lcont_other {
    padding-left: 0!important;
    }

    Do one more thing to achieve better solutions.... remove margin-left:15px;
    from your html code example:

    <a style="float:left; margin-left:15px;" class="sub_l">
    NFL News - Fox Sports
    </a>

  7. #7
    Join Date
    Feb 2012
    Posts
    4
    Perfect! Thanks again for helping me with this. I truly appreciate it!

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles