Welcome guest. Before posting on our computer help forum, you must register. Click here it's easy and free.

Author Topic: HTML code working with survey creation software  (Read 3614 times)

0 Members and 1 Guest are viewing this topic.

jhearing

    Topic Starter


    Newbie

    • Experience: Familiar
    • OS: Mac OS
    HTML code working with survey creation software
    « on: July 08, 2014, 10:24:35 AM »
    I am on a mac (OS 10.8.5), working in Firefox, within Verint, a survey creation software.

    I am creating a question in Verint (web-based software) and adding a list of workshop speakers along with their photos. I want the order to be checkbox (which is automatically generated by the software), photo (centered next to checkbox), text (wrapping around the photo). Adding in the photo makes everything go wonky. The checkbox that is automatically entered by the software goes to the top right of the photo and the text to the bottom right. There is no option in the software to fix photo or text alignment. Is there anyway to fix this problem?

    Here are the different codes I've tried adding and what happens. I've attached a screenshot of the outcome for each of these three options.

    1. Adding a table with photo and text inside: The table “wraps” the text around the photo correctly, but puts the whole table (photo and text) below the checkmark box:
    <table style="width: 100%; align="left;"><tr><td style="width:7%"><img align="middle;" style="height: 60px; width: 40px;" src="/AppData/1885224648/users/1909095518/User%20Media/2014%20Exchange%20Speakers/MelodyeSnyder.jpg"></td><td style="width:93%">Overview of BJU Press Early Childhood Philosophy and Tour of BJA Preschool Classroom | Melodye Snyder</td></tr></table>

    2. Table after photo: This leaves the photo centered next to the checkmark box, but puts the text on the next line:
    <img align="middle;" style="height: 60px; width: 40px;" src="/AppData/1885224648/users/1909095518/User%20Media/2014%20Exchange%20Speakers/MelodyeSnyder.jpg";><table style="width: 60%; align="left;"><tr><td>K3 Program—Preparing Pathways for Preschool  K3 Program—Preparing Pathways for Preschool | Melodye Snyder</td></tr></table>

    3. No table, just inserting aligned photo: This puts everything on one line centered, but if the text goes to 2 lines the second line goes below the image instead of wrapping:
    <img style="height: 60px; width: 40px;" src="/AppData/1885224648/users/1909095518/User%20Media/2014%20Exchange%20Speakers/MelodyeSnyder.jpg"; align="middle">  K4 Program—Featuring Footsteps for Fours  | Melodye Snyder


    [recovering disk space, attachment deleted by admin]

    shiverbob



      Beginner

      Thanked: 1
      • Yes
    • Computer: Specs
    • Experience: Experienced
    • OS: Windows XP
    Re: HTML code working with survey creation software
    « Reply #1 on: July 25, 2014, 01:42:14 PM »
    Is verint a what you see is what you get (wysiwyg) editor and is interal css or exteral css?
    Pff computers are easy, math is hard.