WordPress.org

Ready to get started?Download WordPress

Forums

HTML formatting of images within pages (7 posts)

  1. joelwalsh
    Member
    Posted 8 years ago #

    http://ruggedlaptopcomputer.com/panasonic-toughbooks/panasonic-toughbook-18/

    On the above post, I'm trying to put the image in a separate paragraph above the unordered (bulleted) list. However, no matter what I do, it ends up with the list in the same paragraph as the image, and to the right of it, with the bullets overlapping the image.

    Here is the html that comes out in the page source:

    [p>[img id="image32" src="http://ruggedlaptopcomputer.com/wp-content/uploads/2006/02/toughbook-18-full.thumbnail.jpg" alt="Panasonic Toughbook 18 laptop/tablet PC" />
    [/p>
    [ul>
    [li>Panasonic Toughbook 18 features]
    [li>Panasonic Toughbook 18 prices</li]

    [li>Panasonic Toughbook 18 reviews</li]
    </ul]
    [p>[a id="features">[/a>[br />

    I'm using v2.

  2. sgluskin
    Member
    Posted 8 years ago #

    Hi Joel Walsh,

    You didn't put the code in your post to this thread correctly so it is hard to inspect for errors because WordPress might have changed it. You need to surround your code in backticks when you share it here. The backtick is usually on the same key as a tilda ~. On my keyboard it is just above the tab key. Here is what a backtick looks like: `

    Shai

  3. bestfoot
    Member
    Posted 8 years ago #

  4. joelwalsh
    Member
    Posted 8 years ago #

    OK, I'll try it again with backticks.

    Note that the issue is not the wrapping of text around the image but that I can't put the image in a separate paragraph, which is what I want to do.

    Here is the code from the page writing page of the admin area:


    From Panasonic's product description for the Panasonic Toughbook 18:

    "With one quick swivel, the wireless Toughbook 18 transforms from a fully-rugged maximum-performance notebook PC to a fully-rugged handwriting-friendly tablet PC. Take handwritten notes, mark and edit documents and draw diagrams. It even converts handwriting to printed text. The Tough 18-tough times two."

    <img id="image32" src="http://ruggedlaptopcomputer.com/wp-content/uploads/2006/02/toughbook-18-full.thumbnail.jpg" alt="Panasonic Toughbook 18 laptop/tablet PC" />

    <ul>
    <li><a href="#features">Panasonic Toughbook 18 features</a></li>
    <li><a href="#prices">Panasonic Toughbook 18 prices</a></li>
    <li><a href="#reviews">Panasonic Toughbook 18 reviews</a></li>
    </ul>

    <a id="features"></a><h2>Panasonic Toughbook 18 Features</h2>

    A look at some of the most important features in Panasonic Toughbook 18s.

    <ul>
    <li>Screen: 10.4" outdoor-readable color LCD swivels for optimum visibility; pressure-sensitive touchscreen can be used with a stylus or the touch of a finger (also available with pen-only digitizer screen)</li>
    <li>Battery/power: Lithium Ion battery pack (7.4V, 7650mAh); Battery operation: 4-6 hours</li>
    <li>Intel Centrino Mobile? Yes.</li>
    <li>CPU: Intel® Pentium® M Processor ULV 753: (Processor speed : 1.20GHz; 2MB L2 cache; 400MHz FSB )</li>
    <li>RAM: 512MB SDRAM standard, expandable to 1536MB</li>
    <li>Hard drive: 60 GB; Shock-mounted removable hard drive in stainless steel case</li>
    <li>Connectivity: Simultaneous access to wireless WAN (Integrated 802.11 a/b/g wireless LAN), wireless LAN, BluetoothTM and GPS</li>
    <li>Size/dimensions/weight: 1.9" (H) x 10.7" (W) x 8.5" (D); 4.5 lbs., lightweight design</li>
    <li>Operating system (OS): Microsoft®Windows® XP Professional</li>
    <li>Case: Full magnesium alloy case with handle; moisture- and dust-resistant LCD, keyboard and touchpad</li>
    <li>Warranty: 3-year limited warranty, parts & labor</li>
    </ul>

    <a id="prices"></a><h2>Panasonic Toughbook 18 Price Range</h2>

    <a id="reviews"></a><h2>Panasonic Toughbook 18 Review</h2>

    Add your review of the Panasonic Toughbook 18 rugged laptop computer below.

    <STRONG>
    Here is the HTML from the source of the resulting page:
    </STRONG>

    From Panasonic’s product description for the Panasonic Toughbook 18:

    “With one quick swivel, the wireless Toughbook 18 transforms from a fully-rugged maximum-performance notebook PC to a fully-rugged handwriting-friendly tablet PC. Take handwritten notes, mark and edit documents and draw diagrams. It even converts handwriting to printed text. The Tough 18-tough times two.”

    <img id="image32" src="http://ruggedlaptopcomputer.com/wp-content/uploads/2006/02/toughbook-18-full.thumbnail.jpg" alt="Panasonic Toughbook 18 laptop/tablet PC" />

    <ul>
    <li><a href="#features">Panasonic Toughbook 18 features</a></li>
    <li><a href="#prices">Panasonic Toughbook 18 prices</a></li>
    <li><a href="#reviews">Panasonic Toughbook 18 reviews</a></li>
    </ul>

    <a id="features"></a>
    <h2>Panasonic Toughbook 18 Features</h2>
    A look at some of the most important features in Panasonic Toughbook 18s.

    <ul>
    <li>Screen: 10.4″ outdoor-readable color LCD swivels for optimum visibility; pressure-sensitive touchscreen can be used with a stylus or the touch of a finger (also available with pen-only digitizer screen)</li>
    <li>Battery/power: Lithium Ion battery pack (7.4V, 7650mAh); Battery operation: 4-6 hours</li>
    <li>Intel Centrino Mobile? Yes.</li>
    <li>CPU: Intel® Pentium® M Processor ULV 753: (Processor speed : 1.20GHz; 2MB L2 cache; 400MHz FSB )</li>
    <li>RAM: 512MB SDRAM standard, expandable to 1536MB</li>

    <li>Hard drive: 60 GB; Shock-mounted removable hard drive in stainless steel case</li>
    <li>Connectivity: Simultaneous access to wireless WAN (Integrated 802.11 a/b/g wireless LAN), wireless LAN, BluetoothTM and GPS</li>
    <li>Size/dimensions/weight: 1.9″ (H) x 10.7″ (W) x 8.5″ (D); 4.5 lbs., lightweight design</li>
    <li>Operating system (OS): Microsoft®Windows® XP Professional</li>
    <li>Case: Full magnesium alloy case with handle; moisture- and dust-resistant LCD, keyboard and touchpad</li>
    <li>Warranty: 3-year limited warranty, parts & labor</li>

    </ul>
    <a id="prices"></a>
    <h2>Panasonic Toughbook 18 Price Range</h2>
    <a id="reviews"></a>
    <h2>Panasonic Toughbook 18 Review</h2>
    Add your review of the Panasonic Toughbook 18 rugged laptop computer below.

  5. niziol
    Member
    Posted 8 years ago #

    This may or may not be the cause of your problems, but you have about 20 errors on your page.

    You need to fix those up, as they could be the cause of your issues or if they are not, once the errors are fixed, it will be much easier for anyone to figure out what is causing your issue with the image..

    Good luck,
    michael.

  6. joelwalsh
    Member
    Posted 8 years ago #

    Those errors seem to be minor technical errors in the theme files and the statcounter javascript code. The theme is the Adsense-Ready theme.

    Please, help me.

    Let me make this absolutely clear:

    !!!!!!!!!!WordPress seems not to be adding p tags for carriage returns I input in the textarea of the page writing webpage of the admin area.!!!!!

    That's the problem I'm asking about.

    Under the last version of WP, I could have sworn that when I did this, the p tags would be inserted even if I had input other html directly. Now, they're not, and when I tried inputting the p tags there were other problems formatting-wise.

    Could someone please point me to any information on how WP 2 handles html in the writing area when the rich visual editor is turned off.

  7. niziol
    Member
    Posted 8 years ago #

    Joel, I'm not sure I understand, but I think you mean: WP is NOT putting in the <p></p> around paragraphs in the posts?

    If that's the case, does this only happen on posts that have other HTML in it? Just clarify a bit please.

    I had a quasi-similar problem, every single post had a space right after the opening paragraph tag and I could not find where this was coming from, it was being posted, it wasn't in the database, I went through all of the text filters and what not, couldn't find it - it drove me mad! I couldn't find anything about anyone having that problem, so I just assumed I was alone in it.

    But I digress, post some clarification details and what not, like under exactly what circumstances the "quirk" occurs. Some of the errors I pointed out above could be a result of this perhaps.

    Cheers,
    Michael.

Topic Closed

This topic has been closed to new replies.

About this Topic