Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #14578

    Hi all,

    Is it possible to create the opposite to the [hr] (horizontal line seperator) for columns? Ideally I’d like to have the line seperator to define each column section, but I’ve no idea how to do this so any help would be appreciated.

    Kind regards

    Marc

    #84064

    Hello,

    Inspect the element column and you can style it with border-right or border-left.

    Regards,

    Ismael

    #84065

    Thanks Ismael,

    I’ve had a look following your suggestion, but am failing missrably. Is there a sample peice of code that you could suggest that I use?

    Thanks

    Marc

    #84066

    Hi,

    Can you us a link to your site so that we can inspect it?

    Regards,

    Ismael

    #84067

    Hi,

    Sure, its http://www.mgwp.co.uk

    There are two places where I’d like to have the vertical seperator. The first on is on the home page seperating the main text with the options to the right. The second place I’d like the seperators is on the bottom of each page. This is where I have Portfolio, Prices, Contact Me.

    Thanks mate

    Marc

    #84068

    Hi,

    You can do

    .home .fullwidth .two_third {
    width: 587px;
    border-right: 1px solid #CCC;
    padding-right: 25px;
    }

    .page .fullwidth .one_third {
    width: 274px;
    border-right: 1px solid #CCC;
    padding-right: 15px;
    }

    .page .fullwidth .one_third.last {
    width: 274px;
    border-right: none;
    padding-right: 15px;
    }

    Regards,

    Ismael

    #84069

    Hello,

    You might find that the other columns have shorter right borders. If that is the case, open up your footer.php and place this code above </body> tag.

    <script type="text/javascript">
    jQuery.noConflict();
    $('.one_third').equalHeights();
    </script>

    Regards,

    Ismael

    #84070

    Thanks Ismael – I’ll have a play ;-)

    Kind regards

    Marc

    #84071

    Cool stuff – all working!

    Thanks again

    Marc

    #84072

    Hi Marc,

    Glad that I could help you. :)

    Cheers,

    Ismael

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘Opposite to [hr] ?’ is closed to new replies.