[Theme:Twenty Twelve] weird word wrapping problem

  • Resolved kraftsow

    (@kraftsow)


    11 years, 1 month ago

    hi –
    hope you can help. i should clarify that i actually am not sure what version of wordpress i am using. am doing a volunteer projet for a new facility at a university. they gave me administrative permissions for the few pages i am building for them, but these do not include ability to make the css writeable – so i have to do just what i can in the text editor.

    i am trying to alternate align two pictures and blocks of text.
    i tried this by inserting a table (also tried it without but problems got even worse) – the STRANGE thing is that when i print to pdf OR view in the visual editor, it looks perfect. but when i veiw the page, the text will not wrap!

    i also did try the automatic tools in the visual editor, and they are set to align right and then left for the images as i had wanted.

    can someone please help me figure out what i am doing wrong?
    here is the code:
    <div>
    <table>
    <tbody>
    <tr>
    <td>
    <h3>OUR MISSION</h3>

    “To build a stronger, economically diverse, and sustainable Maui Nui by supporting a value-added industry for locally grown and produced food.”

    Our vision includes:
    • Utilization of each harvest
    • Locally produced food products
    • Enhanced sustainability for our islands
    • Less dependence on imports
    • Ono (delicious) and affordable food!</td>
    <td><img class=”alignright” style=”border: 0pt currentColor; padding-bottom: 0px; padding-left: 10px;” alt=”Darren Pineapple MFIC” src=”http://maui.hawaii.edu/foodinnovation/wp-content/uploads/2013/03/Darren-Pineapple-MFIC-400h-at-200.jpg&#8221; width=”300″ height=”400″ /></td>
    </tr>
    <tr>
    <td><img class=”alignleft” style=”border: 0pt currentColor; padding-right: 10px; padding-bottom: 0px;” alt=”LouCooperhouse” src=”http://maui.hawaii.edu/foodinnovation/wp-content/uploads/2013/03/LouCooperhouse-FoodBusinessBasicsPhoto_400h.jpg&#8221; width=”291″ height=”400″ /></td>
    <td>
    <h3>OUR TEAM</h3>
    Director:
    A search for the first director of the Maui Food Innovation Center is underway now, with funding from the U.S. Department of Labor.

    <hr align=”left” size=”1″ width=”33%” />

    Consultant:
    Lou Cooperhouse, President and CEO of Food Spectrum. Lou is a leading global authority on business and product development within the food industry. He developed and served as Director of the Rutgers Food Innovation Center, a unique program awarded “Incubator of the Year” by the National Business Incubation Association (NBIA). The Rutgers program has inspired similar centers in other regions of the country and internationally.</td>
    </tr>
    </tbody>
    </table>
    </div>

Viewing 15 replies - 1 through 15 (of 42 total)
1 2 3
  • Thread Starter kraftsow

    (@kraftsow)

    11 years, 1 month ago

    p.s. apologies, that posted too soon – here is the problematic code, properly encased

    <div>
<table>
<tbody>
<tr>
<td>
<h3>OUR MISSION</h3>
<blockquote>“To build a stronger, economically diverse, and sustainable Maui Nui by supporting a value-added industry for locally grown and produced food.”</blockquote>
Our vision includes:
• Utilization of each harvest
• Locally produced food products
• Enhanced sustainability for our islands
• Less dependence on imports
• Ono (delicious) and affordable food!</td>
<td><img class="alignright" style="border: 0pt currentColor; padding-bottom: 0px; padding-left: 10px;" alt="Darren Pineapple MFIC" src="http://maui.hawaii.edu/foodinnovation/wp-content/uploads/2013/03/Darren-Pineapple-MFIC-400h-at-200.jpg" width="300" height="400" /></td>
</tr>
<tr>
<td><img class="alignleft" style="border: 0pt currentColor; padding-right: 10px; padding-bottom: 0px;" alt="LouCooperhouse" src="http://maui.hawaii.edu/foodinnovation/wp-content/uploads/2013/03/LouCooperhouse-FoodBusinessBasicsPhoto_400h.jpg" width="291" height="400" /></td>
<td>
<h3>OUR TEAM</h3>
<strong>Director:</strong>
A search for the first director of the Maui Food Innovation Center is underway now, with funding from the U.S. Department of Labor.

<hr align="left" size="1" width="33%" />

<strong>Consultant:</strong>
Lou Cooperhouse, President and CEO of Food Spectrum. Lou is a leading global authority on business and product development within the food industry. He developed and served as Director of the <a title="Rutgers Food Innovation Center" href="http://www.foodinnovation.rutgers.edu/" target="_blank">Rutgers Food Innovation Center</a>, a unique program awarded “Incubator of the Year” by the <a title="Nationa Business Incubation Association" href="http://www.nbia.org/" target="_blank">National Business Incubation Association (NBIA)</a>. The Rutgers program has inspired similar centers in other regions of the country and internationally.</td>
</tr>
</tbody>
</table>
</div>

    site is mainly just privately published, but i guess i can open it for a little while, just for assistance.
    http://maui.hawaii.edu/foodinnovation/about/

    WPyogi

    (@wpyogi)

    11 years, 1 month ago

    Looks like that’s being caused by CSS in the theme – line 55 which sets a whole bunch of elements with this:

    vertical-align: baseline;

    See if you can add inline CSS to your table to change that for the table.

    Thread Starter kraftsow

    (@kraftsow)

    11 years, 1 month ago

    i’m sorry, i am still very much a newbie –
    would i add into the style sentence vertical-align: justify; ?
    or middle? or … can you tell me how i might do this please ?

    Krishna

    (@1nexus)

    11 years, 1 month ago

    <div>
<table>
<tbody>
<tr>
<td valign="top">
<h3>OUR MISSION</h3>
<blockquote>“To build a stronger, economically diverse, and sustainable Maui Nui by supporting a value-added industry for locally grown and produced food.”
</blockquote>
<p>Our vision includes:</p>
<ul>
<li>Utilization of each harvest</li>
<li>Locally produced food products</li>
<li>Enhanced sustainability for our islands</li>
<li>Less dependence on imports</li>
<li>Ono (delicious) and affordable food!</li>
</ul>
</td>
<td valign="top"><img class="alignright" style="border: 0pt currentColor; padding-bottom: 0px; padding-left: 10px;" alt="Darren Pineapple MFIC" src="http://maui.hawaii.edu/foodinnovation/wp-content/uploads/2013/03/Darren-Pineapple-MFIC-400h-at-200.jpg" width="300" height="400"></td>
</tr>
<tr><td height="40"> </td></tr><tr>
<td valign="top"><h3>OUR TEAM</h3>
<img class="alignleft" style="border: 0pt currentColor; padding-right: 10px; padding-bottom: 0px;" alt="LouCooperhouse" src="http://maui.hawaii.edu/foodinnovation/wp-content/uploads/2013/03/LouCooperhouse-FoodBusinessBasicsPhoto_400h.jpg" width="291" height="400"></td>
<td valign="top">
<strong>Director:</strong>
<p>A search for the first director of the Maui Food Innovation Center is underway now, with funding from the U.S. Department of Labor.</p>
<hr align="left" size="1" width="33%">
<p><strong>Consultant:</strong></p>
<p>Lou Cooperhouse, President and CEO of Food Spectrum. Lou is a leading global authority on business and product development within the food industry. He developed and served as Director of the <a title="Rutgers Food Innovation Center" href="http://www.foodinnovation.rutgers.edu/">Rutgers Food Innovation Center</a>, a unique program awarded “Incubator of the Year” by the <a title="Nationa Business Incubation Association" href="http://www.nbia.org/">National Business Incubation Association (NBIA)</a>. The Rutgers program has inspired similar centers in other regions of the country and internationally.</p></td>
</tr>
</tbody>
</table>
</div>
    Thread Starter kraftsow

    (@kraftsow)

    11 years, 1 month ago

    ? am i missing something ?
    the changes that i find here are relative to the un-ordered list and the insertion of paragraph tags ?
    i had initially done that bulleted list as an unordered list, but this theme isnerts way too much space.
    did it work for you with all the paragraph tags and etc. in ?

    i don’t find any changes to the images themselves ?

    i’m sorry what am i missing here ? fought with the program a lot to get the spacing i wanted, and hesitate to put the lists and paragraphs back in unless it really will fix the issues.

    Thread Starter kraftsow

    (@kraftsow)

    11 years, 1 month ago

    p.s. that did not sound properly grateful. i do appreciate your help. just surprised at what the answer may be. unless i missed something.

    Thread Starter kraftsow

    (@kraftsow)

    11 years, 1 month ago

    pps – i tried it anyway – it still didnt fix the problem –
    although i did cut and paste.

    is it true that you have to type into wordpress and that cut and paste has a glitch?

    Krishna

    (@1nexus)

    11 years, 1 month ago

    No, you can cut from here and paste directly to the text editor on your dashboard.

    Are you still having the code in your site? I will check and make changes to see if it can work.

    Krishna

    (@1nexus)

    11 years, 1 month ago

    I changed the code. Please try again from what I posted above. I hope it should be nearer to what you want.

    Thread Starter kraftsow

    (@kraftsow)

    11 years, 1 month ago

    thank you but that still looks pretty similar.
    can you help me to follow up on wpyogi’s comment above –

    “Looks like that’s being caused by CSS in the theme –
    line 55 which sets a whole bunch of elements with this:
    vertical-align: baseline; ”

    Thread Starter kraftsow

    (@kraftsow)

    11 years, 1 month ago

    [S]he said –
    See if you can add inline CSS to your table to change that for the table

    Krishna

    (@1nexus)

    11 years, 1 month ago

    Look at the code above. It has:
    <td valign="top">

    That should align the text and image in the same tr (Now you have only <td>). If you can do that, we can do the CSS after that.

    Thread Starter kraftsow

    (@kraftsow)

    11 years, 1 month ago

    now i have the following, but it still isn’t working:

    <div>
<table style="border:0px; cellpadding:2px; cellspacing:0px">
<tbody>
<tr>
<td>
<h3>OUR MISSION</h3>
<blockquote>“To build a stronger, economically diverse, and sustainable Maui Nui by supporting a value-added industry for locally grown and produced food.”</blockquote>
<p>Our vision includes:
<ul><li>Utilization of each harvest</li>
<li>Locally produced food products</li>
<li>Enhanced sustainability for our islands</li>
<li>Less dependence on imports</li>
<li>Ono (delicious) and affordable food!</li></ul></p>
</td>
<td><img class="alignright" style="border: 0pt currentColor; padding-bottom: 0px; padding-left: 10px;" alt="Darren Pineapple MFIC" src="http://maui.hawaii.edu/foodinnovation/wp-content/uploads/2013/03/Darren-Pineapple-MFIC-400h-at-200.jpg" width="300" height="400"/></td>
</tr>
<tr>
<td><img class="alignleft" style="border: 0pt currentColor; padding-right: 10px; padding-bottom: 0px;" alt="LouCooperhouse" src="http://maui.hawaii.edu/foodinnovation/wp-content/uploads/2013/03/LouCooperhouse-FoodBusinessBasicsPhoto_400h.jpg" width="291" height="400"/></td>
<td>
<h3>OUR TEAM</h3>
<strong>Director:</strong>
<p>A search for the first director of the Maui Food Innovation Center is underway now, with funding from the U.S. Department of Labor.</p>
<hr align="left" size="1" width="33%"/>
<p><strong>Consultant:</strong></p>
<p>Lou Cooperhouse, President and CEO of Food Spectrum. Lou is a leading global authority on business and product development within the food industry. He developed and served as Director of the <a title="Rutgers Food Innovation Center" href="http://www.foodinnovation.rutgers.edu/" target="_blank">Rutgers Food Innovation Center</a>, a unique program awarded “Incubator of the Year” by the <a title="Nationa Business Incubation Association" href="http://www.nbia.org/" target="_blank">National Business Incubation Association (NBIA)</a>. The Rutgers program has inspired similar centers in other regions of the country and internationally.</p></td>
</tr>
</tbody>
</table>
</div>

    Thread Starter kraftsow

    (@kraftsow)

    11 years, 1 month ago

    i put that in – and by the way, i had it in before too – both this way, and in a more css’y way – style=”valign:top” but it does the same thing. looks perfect in the visual editor and in pdf printouts, but looks all wrong on the page.

    Thread Starter kraftsow

    (@kraftsow)

    11 years, 1 month ago

    <div>
<table>
<tbody>
<tr>
<td valign="top">
<h3>OUR MISSION</h3>
<blockquote>“To build a stronger, economically diverse, and sustainable Maui Nui by supporting a value-added industry for locally grown and produced food.”</blockquote>
Our vision includes:
<ul>
	<li>Utilization of each harvest</li>
	<li>Locally produced food products</li>
	<li>Enhanced sustainability for our islands</li>
	<li>Less dependence on imports</li>
	<li>Ono (delicious) and affordable food!</li>
</ul>
</td>
<td valign="top"><img class="alignright" style="border: 0pt currentColor; padding-bottom: 0px; padding-left: 10px;" alt="Darren Pineapple MFIC" src="http://maui.hawaii.edu/foodinnovation/wp-content/uploads/2013/03/Darren-Pineapple-MFIC-400h-at-200.jpg" width="300" height="400" /></td>
</tr>
<tr>
<td height="40"></td>
</tr>
<tr>
<td valign="top">
<h3>OUR TEAM</h3>
<img class="alignleft" style="border: 0pt currentColor; padding-right: 10px; padding-bottom: 0px;" alt="LouCooperhouse" src="http://maui.hawaii.edu/foodinnovation/wp-content/uploads/2013/03/LouCooperhouse-FoodBusinessBasicsPhoto_400h.jpg" width="291" height="400" /></td>
<td valign="top"><strong>Director:</strong>A search for the first director of the Maui Food Innovation Center is underway now, with funding from the U.S. Department of Labor.

<hr align="left" size="1" width="33%" />

<strong>Consultant:</strong>

Lou Cooperhouse, President and CEO of Food Spectrum. Lou is a leading global authority on business and product development within the food industry. He developed and served as Director of the <a title="Rutgers Food Innovation Center" href="http://www.foodinnovation.rutgers.edu/">Rutgers Food Innovation Center</a>, a unique program awarded “Incubator of the Year” by the <a title="Nationa Business Incubation Association" href="http://www.nbia.org/">National Business Incubation Association (NBIA)</a>. The Rutgers program has inspired similar centers in other regions of the country and internationally.</td>
</tr>
</tbody>
</table>
</div>

    that is the code currently, and still not working

Viewing 15 replies - 1 through 15 (of 42 total)
1 2 3
  • The topic ‘[Theme:Twenty Twelve] weird word wrapping problem’ is closed to new replies.