Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 7 of 7
  1. #1
    Junior Member
    Join Date
    Aug 2016
    Posts
    9
    Member #
    54871

    Help With Alignment Coding

    Hi

    I am editing a template with pre-existing code(html & css) and I currently on the about section where there were three image spaces for head shots. I have removed one of the head shot space because I only need two, the remaining once I need to center to align properly but there are no align options in the html doc. I have looked into css doc but can't figure it out can any one help? Thanks!

    Html coding:

    </div>
    </div>

    <div class="divider" style="height:20px;"></div>

    <!-- Begin Team -->
    <div class="row">
    <div class="team clearfix">

    <div class="member col one-third">
    <div class="member-cont">

    <img src="http://www.webdesignforums.net/forum/images/pages/p1_1.png" alt="">

    <div class="overlay">

    <h5>Joe</h5>

    <p class="title">PHOTOGRAPHER</p>

    <div class="icons">
    <a href="#" class="icon1-facebook"></a>
    <a href="#" class="icon1-twitter"></a>
    <a href="#" class="icon3-instagram"></a>
    </div>

    </div>

    </div>
    </div>

    <div class="member col one-third">
    <div class="member-cont">

    <img src="http://www.webdesignforums.net/forum/images/pages/p1_1.png" alt>

  2.  

  3. #2
    Unpaid WDF Intern TheGAME1264's Avatar
    Join Date
    Dec 2002
    Location
    Not from USA
    Posts
    14,483
    Member #
    425
    Liked
    2783 times
    Depending on if you're using a template, change one-third to one-half and see if there's a CSS rule for the .one-half class along these lines:
    Code:
    .one-half {width: 50%; text-align: center;}
    If I've helped you out in any way, please pay it forward. My wife and I are walking for Autism Speaks. Please donate, and thanks.

    If someone helped you out, be sure to "Like" their post and/or help them in kind. The "Like" link is on the bottom right of each post, beside the "Share" link.

    My stuff (well, some of it): My bowling alley site | Canadian Postal Code Info (beta)

  4. #3
    Junior Member
    Join Date
    Aug 2016
    Posts
    9
    Member #
    54871
    Hi and thanks for the help again

    Regarding the placement of the code, for example

    <!-- Begin Team -->
    <div class="row" one-half {width: 50%; text-align: center;}>
    <div class="team clearfix">

    <div class="member col one-third">
    <div class="member-cont">


    if so that didn't do anything so the must a css rule

    if not where should it go or where in css do I look to make changes?

  5. #4
    Unpaid WDF Intern TheGAME1264's Avatar
    Join Date
    Dec 2002
    Location
    Not from USA
    Posts
    14,483
    Member #
    425
    Liked
    2783 times
    It is a CSS rule. You'd want something like this:
    <div class="member col one-half">

    And then you use the CSS rule in whatever stylesheet comes in the template.
    If I've helped you out in any way, please pay it forward. My wife and I are walking for Autism Speaks. Please donate, and thanks.

    If someone helped you out, be sure to "Like" their post and/or help them in kind. The "Like" link is on the bottom right of each post, beside the "Share" link.

    My stuff (well, some of it): My bowling alley site | Canadian Postal Code Info (beta)

  6. #5
    Junior Member
    Join Date
    Aug 2016
    Posts
    9
    Member #
    54871
    Hi Thanks for the input.

    I made the change to the code and it worked but its big any suggestion? I also looked in the css string file, I found the section related to this page but nothing regarding alignment.

    About Before.jpgAbout After.jpg

  7. #6
    Unpaid WDF Intern TheGAME1264's Avatar
    Join Date
    Dec 2002
    Location
    Not from USA
    Posts
    14,483
    Member #
    425
    Liked
    2783 times
    I'm not sure what "It's big" means.
    If I've helped you out in any way, please pay it forward. My wife and I are walking for Autism Speaks. Please donate, and thanks.

    If someone helped you out, be sure to "Like" their post and/or help them in kind. The "Like" link is on the bottom right of each post, beside the "Share" link.

    My stuff (well, some of it): My bowling alley site | Canadian Postal Code Info (beta)

  8. #7
    Junior Member
    Join Date
    Aug 2016
    Posts
    9
    Member #
    54871
    Not sure if the attachments uploaded and you can see the samples in the pervious post, but is you are not able to see them in the unedited file the image size for one box is about 3inchs in width( from screen measurements) but in the edited version the width jumps to 41/2inches, Double that by two is very big.


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 01:22 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com