1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

phpbb Custom Profile Fields Alignment

Discussion in 'HTML & Website Design' started by tunescool, Jun 26, 2014.

  1. #1
    these custom profile fields dont line up, how can i get space between the field descriptions. the pic shows whats supposed to lineup with what

    i have a height in the second divs because theres alot of information in them and it doesnt look rite without them

    <!-- BEGIN custom_fields -->
    <div class="profileleft" style="width: 40%; display: inline-block;"><!-- IF postrow.custom_fields.PROFILE_FIELD_NAME eq "Movies" -->{postrow.custom_fields.PROFILE_FIELD_NAME}</div><div class="profilerite" style="width: 60%; height: 50px; display: inline-block;">{postrow.custom_fields.PROFILE_FIELD_VALUE}<!-- ENDIF --></div>
    <div class="profileleft" style="width: 40%; display: inline-block;"><!-- IF postrow.custom_fields.PROFILE_FIELD_NAME eq "TV Shows" -->{postrow.custom_fields.PROFILE_FIELD_NAME}</div><div class="profilerite" style="width: 60%; height: 50px; display: inline-block;">{postrow.custom_fields.PROFILE_FIELD_VALUE}<!-- ENDIF --></div>
    <div class="profileleft" style="width: 40%; display: inline-block;"><!-- IF postrow.custom_fields.PROFILE_FIELD_NAME eq "Actors/Actresses" -->{postrow.custom_fields.PROFILE_FIELD_NAME}</div><div class="profilerite" style="width: 60%; height: 50px; display: inline-block;">{postrow.custom_fields.PROFILE_FIELD_VALUE}<!-- ENDIF --></div>
    <div class="profileleft" style="width: 40%; display: inline-block;"><!-- IF postrow.custom_fields.PROFILE_FIELD_NAME eq "Artists" -->{postrow.custom_fields.PROFILE_FIELD_NAME}</div><div class="profilerite" style="width: 60%; height: 50px; display: inline-block;">{postrow.custom_fields.PROFILE_FIELD_VALUE}<!-- ENDIF --></div>
    <div class="profileleft" style="width: 40%; display: inline-block;"><!-- IF postrow.custom_fields.PROFILE_FIELD_NAME eq "Bands" -->{postrow.custom_fields.PROFILE_FIELD_NAME}</div><div class="profilerite" style="width: 60%; height: 50px; display: inline-block;">{postrow.custom_fields.PROFILE_FIELD_VALUE}<!-- ENDIF --></div>
    <div class="profileleft" style="width: 40%; display: inline-block;"><!-- IF postrow.custom_fields.PROFILE_FIELD_NAME eq "Songs" -->{postrow.custom_fields.PROFILE_FIELD_NAME}</div><div class="profilerite" style="width: 60%; height: 50px; display: inline-block;">{postrow.custom_fields.PROFILE_FIELD_VALUE}<!-- ENDIF --></div>
    <div class="profileleft" style="width: 40%; display: inline-block;"><!-- IF postrow.custom_fields.PROFILE_FIELD_NAME eq "CDs" -->{postrow.custom_fields.PROFILE_FIELD_NAME}</div><div class="profilerite" style="width: 60%; height: 50px; display: inline-block;">{postrow.custom_fields.PROFILE_FIELD_VALUE}<!-- ENDIF --></div>
    <!-- END custom_fields -->
    Code (markup):
    by default 2014-05-12 at 8.55.42 AM.jpg
     
    tunescool, Jun 26, 2014 IP
  2. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #2
    It is difficult to debug empty elements. How about a link to the page in question? If I were to hazard a guess, I'd lay the initial blame on the markup as not being appropriate to what the image shows.
     
    kk5st, Jun 26, 2014 IP
  3. tunescool

    tunescool Well-Known Member

    Messages:
    430
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    158
    Digital Goods:
    1
    #3
    tunescool, Jun 26, 2014 IP
  4. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #4
    Tunes, there is simply nothing there worth salvaging. It should be completely refactored as a table layout or as properly marked up content with css controlling layout. Any fix applied to the existing markup would be a fragile one looking for the first opportunity to break.

    Sorry,

    gary
     
    kk5st, Jun 26, 2014 IP
    COBOLdinosaur likes this.
  5. tunescool

    tunescool Well-Known Member

    Messages:
    430
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    158
    Digital Goods:
    1
    #5
    anyone else
     
    tunescool, Jun 27, 2014 IP
  6. Charlie W

    Charlie W Peon

    Messages:
    3
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    1
    #6
    You must set height for divs , if you need it yet . inform me.
     
    Charlie W, Aug 2, 2014 IP
  7. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #7
    What? You'd rather screw around with inappropriate markup rather than simply redoing the semantic errors?

    It's not rocket science to do it right.
     
    kk5st, Aug 2, 2014 IP