What am I doing wrong

• 

  legionrider117 · Member · May 31, 2015 at 5:27 pm

  • Copy link
  • Add topic to favorites

  OK, I can’t get my text to line up in the middle of some objects.
  Looks OK in the preview screen but when saved all text changes to line up with the bottom of the objects.

  Worked in my old site but it was done in MS Expression. So not sure if it is a WordPress thing or something I am doing wrong.

  Here is the code I am trying to use:

  • <img src=”/wp-content/uploads/2015/05/SignInFaceBook.gif” alt=”Sign In Facebook” align=”middle” /> = <img src=”/wp-content/uploads/2015/05/facebook-ame-ou-deixe.gif” alt=”Facebook” align=”middle” /> Your Facebook Account.
  • <img src=”/wp-content/uploads/2015/05/SignInGoogle-.gif” alt=”Sign In Google +” align=”middle” /> = <img src=”/wp-content/uploads/2015/05/google-plus.gif” alt=”Google +” align=”middle” /> Your Google + Account.
  • <img src=”/wp-content/uploads/2015/05/SignInTwitter.gif” alt=”Sign In Twitter” align=”middle” /> = <img src=”/wp-content/uploads/2015/05/twitter-logo.gif” alt=”Twitter” align=”middle” /> Your Twitter Account.
  • <img src=”/wp-content/uploads/2015/05/SignInYahoo.gif” alt=”Sign In Yahoo” align=”middle” /> = <img src=”/wp-content/uploads/2015/05/Yahoo.gif” alt=”Yahoo” align=”middle” /> Your Yahoo Account.
  • <img src=”/wp-content/uploads/2015/05/SignInLinkedIn.gif” alt=”Sign In Linked In” align=”middle” /> = <img src=”/wp-content/uploads/2015/05/banner-linkedin.gif” alt=”Linked In” align=”middle” /> Your LinkedIn Account.
  • <img src=”/wp-content/uploads/2015/05/SignInAOL.gif” alt=”Sign In AOL” align=”middle” /> = <img src=”/wp-content/uploads/2015/05/AOL-Logo-Getting-Kicked.gif” alt=”AOL” align=”middle” /> Your AOL Account.
  • <img src=”/wp-content/uploads/2015/05/SignInWindowsLive.gif” alt=”Sign In Windwos” align=”middle” /> = <img src=”/wp-content/uploads/2015/05/windows-live.gif” alt=”Windows Live” align=”middle” /> Your Windows Live Account.

  Any ideas?

• 

  legionrider117 · Member · May 31, 2015 at 5:28 pm

  • Copy link

  <ul>
  	<li><img src="/wp-content/uploads/2015/05/SignInFaceBook.gif" alt="Sign In Facebook" align="middle" /> = <img src="/wp-content/uploads/2015/05/facebook-ame-ou-deixe.gif" alt="Facebook" align="middle" /> Your Facebook Account.</li>
  	<li><img src="/wp-content/uploads/2015/05/SignInGoogle-.gif" alt="Sign In Google +" align="middle" /> = <img src="/wp-content/uploads/2015/05/google-plus.gif" alt="Google +" align="middle" /> Your Google + Account.</li>
  	<li><img src="/wp-content/uploads/2015/05/SignInTwitter.gif" alt="Sign In Twitter" align="middle" /> = <img src="/wp-content/uploads/2015/05/twitter-logo.gif" alt="Twitter" align="middle" /> Your Twitter Account.</li>
  	<li><img src="/wp-content/uploads/2015/05/SignInYahoo.gif" alt="Sign In Yahoo" align="middle" /> = <img src="/wp-content/uploads/2015/05/Yahoo.gif" alt="Yahoo" align="middle" /> Your Yahoo Account.</li>
  	<li><img src="/wp-content/uploads/2015/05/SignInLinkedIn.gif" alt="Sign In Linked In" align="middle" /> = <img src="/wp-content/uploads/2015/05/banner-linkedin.gif" alt="Linked In" align="middle" /> Your LinkedIn Account.</li>
  	<li><img src="/wp-content/uploads/2015/05/SignInAOL.gif" alt="Sign In AOL" align="middle" /> = <img src="/wp-content/uploads/2015/05/AOL-Logo-Getting-Kicked.gif" alt="AOL" align="middle" /> Your AOL Account.</li>
  	<li><img src="/wp-content/uploads/2015/05/SignInWindowsLive.gif" alt="Sign In Windwos" align="middle" /> = <img src="/wp-content/uploads/2015/05/windows-live.gif" alt="Windows Live" align="middle" /> Your Windows Live Account.</li>
  </ul>

  Sorry about that.

• 

  legionrider117 · Member · May 31, 2015 at 5:34 pm

  • Copy link

  I get this in preview

  <img src=”http://www.al117.com/wp-content/uploads/2015/05/Help01.gif”>

  But I get this when published

  <img src=”http://www.al117.com/wp-content/uploads/2015/05/Help02.gif”>

• 

  musicdoc1 · Member · May 31, 2015 at 7:15 pm

  • Copy link

  I can’t get my text to line up in the middle of some objects.
  Looks OK in the preview screen but when saved all text changes to line up with the bottom of the objects.

  It’s unclear what you expect this list of images and account types to do. The format of the list is essentially as follows:

  [Image] = [Image] Your something account
  [Image] = [Image] Your something else account
  [Image] = [Image] Your other kind of account

  I don’t know why the align=”middle” attribute doesn’t work:

  <img src="/wp-content/uploads/2015/05/SignInFaceBook.gif" alt="Sign In Facebook" align="middle" />

  but class = “aligncenter” will center the same image:

  <img class="aligncenter" src="/wp-content/uploads/2015/05/SignInFaceBook.gif" alt="Sign In Facebook" align="middle" />