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 4 of 4
  1. #1
    Junior Member
    Join Date
    Jun 2016
    Posts
    3
    Member #
    54558

    how to make description sit together side by side with logo

    Hi
    I've tried my best to make description sit together side by side with logo but i failed.
    I want it to look just like the image
    Attached Images Attached Images

  2.  

  3. #2
    Senior Member Ronald Roe's Avatar
    Join Date
    Mar 2011
    Location
    Oklahoma City
    Posts
    3,141
    Member #
    27197
    Liked
    959 times
    Put your code up where we can see it. It'll be easier to fix what you have than to start from scratch.
    Ron Roe
    Web Developer
    "If every app were designed using the same design template, oh wait...Bootstrap."

  4. #3
    Junior Member
    Join Date
    Jun 2016
    Posts
    3
    Member #
    54558
    Quote Originally Posted by Ronald Roe View Post
    Put your code up where we can see it. It'll be easier to fix what you have than to start from scratch.
    ok, here's the code:

    <!-- Header Wrap -->
    <div id='header-wrapper'>
    <div class='top-header row'>
    <!-- Logo Site -->
    <b:section class='the-logo' id='header' maxwidgets='1' name='LOGO' showaddelement='yes'>
    <b:widget id='Header1' locked='true' title='The Global (Header)' type='Header' version='1' visible='true'>
    <b:includable id='main'>

    <b:if cond='data:useImage'>
    <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
    <!--
    Show image as background to text. You can't really calculate the width
    reliably in JS because margins are not taken into account by any of
    clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
    width if the user is using shrink to fit.
    This results in a margin-width's worth of pixels being cropped. If the
    user is not using shrink to fit then we expand the header.
    -->
    <b:if cond='data:mobile'>
    <div id='header-inner'>
    <div class='titlewrapper' style='background: transparent'>
    <h1 class='title' style='background: transparent; border-width: 0px'>
    <b:include name='title'/>
    </h1>
    </div>
    <b:include name='description'/>
    </div>
    <b:else/>
    <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot; &quot; + &quot;background-position: &quot; + data:backgroundPositionStyleStr + &quot;; &quot; + data:widthStyleStr + &quot;min-height: &quot; + data:height + &quot;_height: &quot; + data:height + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
    <div class='titlewrapper' style='background: transparent'>
    <h1 class='title' style='background: transparent; border-width: 0px'>
    <b:include name='title'/>
    </h1>
    </div>
    <b:include name='description'/>
    </div>
    </b:if>
    <b:else/>
    <!--Show the image only-->
    <div id='header-inner'>
    <a expr:href='data:blog.homepageUrl' itemprop='url' style='display: block'>
    <h1><img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/></h1>
    </a>
    <!--Show the description-->
    <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
    <b:include name='description'/>
    </b:if>
    </div>
    </b:if>
    <b:else/>
    <!--No header image -->
    <div id='header-inner'>
    <div class='titlewrapper'>
    <h1 class='title'>
    <span itemprop='name'><a expr:href='data:blog.homepageUrl' itemprop='url'><b:include name='title'/></a></span>
    </h1>
    </div>
    <b:include name='description'/>
    </div>
    </b:if>
    </b:includable>
    <b:includable id='description'>
    <div class='descriptionwrapper'>
    <p class='description'><span><data:description/></span></p>
    </div>
    </b:includable>
    <b:includable id='title'>
    <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <data:title/>
    <b:else/>
    <a expr:href='data:blog.homepageUrl'><data:title/></a>
    </b:if>
    </b:includable>
    </b:widget>
    </b:section>
    <!-- Logo Site (End) -->

  5. #4
    Unpaid WDF Intern TheGAME1264's Avatar
    Join Date
    Dec 2002
    Location
    Not from USA
    Posts
    14,485
    Member #
    425
    Liked
    2783 times
    What WYSIWYG editor are you using? That's a mess of crud that it has created for you.

    What Ron actually meant was to upload your page somewhere so we can see it. If worse comes to worst, use www.jsfiddle.com .
    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)


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
  •  

Tags for this Thread

All times are GMT -6. The time now is 01:41 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com