Changes made in HTML window disappear

  • Unknown's avatar
    magdanicola · Member ·

    Hi, whenever I change something in the HTML window, even if I update and exit from any editing, whenever I then work in the Visual window and go to the HTML window all those changes disappear. I am mainly inserting spaces in the HTML window in order to work on the arrangement of items, such as images, but all this arrangement is always gone when I revisit the HTML after having been to the visual window. I’d appreciate your help.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    thesacredpath · Member ·

    It could be that you are running into HTML standards issues. In HTML, there is one space between words and sentences and extra spaces will very likely be stripped out.

    Can you point me to a page or post and give me some details on what you are wanting to do and I would be more than happy to help you get the spacing and alignment you are wanting?

  • Unknown's avatar
    magdanicola · Member ·

    Hi, this is the page that is troublesome:

    http://bienkocrosettolabs.org/people/

    often times, when the &nbsp symbols disappear (after I put them manually in) the pictures stop being one below the other, but they start being next to each other on a line. I’m missing text description for some of them and this is causing a problem, but until I have the text I’ll need to have them well positioned. I’m managing to do that, but every time I change something I need to manually re-put the &nbsp symbols.

    Thanks!

  • Unknown's avatar
    thesacredpath · Member ·

    Where exactly are you placing the &nbsp symbols? If you are wanting place holders, I would suggest enclosing the &nbsp in paragraph tags, such as this
    `<p>&nbsp ;</p>
    Note that I have to include the space between the p and the ; so that the forum software doesn’t actually make the space instead of showing the code. Also, if you insert the &nbsp it typically will disappear from the Text/HTML window since it can cause confusion sometimes. The Text view hides a good bit of the normal HTML stuff for that reason. As you will notice, you typically don’t see paragraph tags around the paragraphs unless you include styling attributes in the opening paragraph tag.

    With more complex layouts in content areas, I would suggest working in the Text editor so that you can make sure that the cursor is not in a previous set of HTML tags. Sometimes that can happen when working in the visual editor.

    If you can let me know what you are trying to do with the &nbsp symbols, I can possibly come up with a better way of doing that which is more reliable.

  • Unknown's avatar
    magdanicola · Member ·

    I’m using those to align images on this page:
    http://bienkocrosettolabs.org/people/

    I guessed it’s not a proper way to do it but simply but aligning left or right was not sufficient. Even if I position them in the visual editor one below the other, when I update it goes back to some images being next to each other. The only way it worked for me was to do it in a brute force manner:

    [caption id="attachment_114" align="alignleft" width="200"]<img class=”wp-image-114″ src=”https://bienkocrosettolab.files.wordpress.com/2015/07/silvano_photo_circle-copy.png?w=300″ alt=”Silvano” width=”200″ height=”200″ /> Silvano Garnerone
    (Project Leader)
    Bienko/Crosetto Labs[/caption]
     
     
     
     
     
     
     

     

    [caption id="attachment_186" align="alignleft" width="200"]<img class=”wp-image-186″ title=”Quim” src=”https://bienkocrosettolab.files.wordpress.com/2015/07/quim3.png?w=300″ alt=”Quim” width=”200″ height=”200″ /> Joaquín Custodio
    (Postdoc)
    Bienko Lab[/caption]
    <p class=”p1″ style=”text-align:justify;font-size:14px;”>I was …

    What happens when I go to the visual editor and go back to HTML is that most of the &nbsp disappear.

    Thanks in advance!

  • Unknown's avatar
    thesacredpath · Member ·

    You know what I would try is to wrap each image and the accompanying text for that image in a div with a width of 100% like this example.
    <div style="width: 100%;">Image code and text here</div>
    That will keep the image and the text together. You can add a right margin style to the image code to space it and the text if you want more than the standard spacing between the image and the text.

  • Unknown's avatar
    magdanicola · Member ·

    Hi, many thanks for these suggestions! I’ll try to do that and I’ll you know how it works. I’m away from work so it’ll take me a while.

  • The topic ‘Changes made in HTML window disappear’ is closed to new replies.