ESP8266 Community Forum

- Sun Sep 11, 2016 2:47 pm #54901 I'm using some commands   to add spaces in the text to make a more precise positioning.
When I run, all is fine. Then I save the program, and if I open the program in the EDIT page, all my   was changed to blank spaces, and the program don't works as expected.

This is the original code that I saved:

Code: Select allwprint |<h3><font color="RED">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;R<font color="GREEN">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;G<font color="BLUE">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;B</h3>|


This is the code after I open again the file saved:

Code: Select allwprint |<h3><font color="RED">                   R<font color="GREEN">     G<font color="BLUE">     B</h3>|


Last edited by aphawk on Sun Sep 11, 2016 7:48 pm, edited 2 times in total.

- Sun Sep 11, 2016 4:02 pm #54907 Would css and divs work better for producing perfect placement of items?

Serial terminal in the chrome browser see https://serialTerminal.com

http://esp8266basic.com
A BASIC interpreter for your ESP

Working now on Autodrop3d. A 3d printer with automatic part ejection system. https://autodrop3d.com

- Sun Sep 11, 2016 6:46 pm #54912 Hi Mmiscool,

Well, I don't know what is DIVS... sorry !!! I'm thinking about learn Css and Html basics, to better use this fantastic interpreter. If you tell me that I need to learn DIVS too, I will try !
For my 56 years, this is not easy at all....

But I'm reading a lot about CSS today. I'm learning bit a bit , but now I can positioning where I want.

You can show me another way to print letters with right color and positioning, without use of this &nbsp trick ?

Better yet, how I can Print a text directly in position x,y ( in px ), changing colors, in one easy way ?
This will help a lot to design the output screen in my programs,

Thanks.

- Sun Sep 11, 2016 7:23 pm #54913 A word of advice. Absolute positioning is normally a bad thing when it comes to web browsers.

it can be done using a bit of css.

Code: Select allslider x, 0 , 180
cssid htmlid(), "position:absolute;top:100; left:100;"

Serial terminal in the chrome browser see https://serialTerminal.com

http://esp8266basic.com
A BASIC interpreter for your ESP

Working now on Autodrop3d. A 3d printer with automatic part ejection system. https://autodrop3d.com