EnglishClub has partnered with Gymglish to give you personalized English lessons through daily emails FREE for 15 days. Activate your free lessons now and receive a level assessment!
I noticed that when you add a picture to your blog entry. You can specify the position of picture, if the text is wraped around of it, and u can create a thumbail, but it miss one important thing. Margins around the image. Well. It's fine not to have it, since the dialog wouldn't fit to screen with too many opinions. But it adds 0 pixels of clearance as default. In my opinion it doesn't look nice when text douches the picture. In both cases when picture is aranged to left and also when it's on right.

The default code, generated by....
<img src="http://storage.ning.com/topology/rest/1.0/file/get/73350197?profile=original" alt="Pigs" width="132" height="74" style="float: left;"/>

Result.
PigsNo margins parameters added.
There is
no clearance.


You can add those parameters by your self, manualy.

Code with 10px margins.
<img src="http://storage.ning.com/topology/rest/1.0/file/get/73350197?profile=original" alt="Pigs" width="132" height="74" style="float: left; margin: 10px 10px;"/>

Result.
PigsThis is how it looks with 10px margin.
It makes 10 pixels clearance to
top, bottom,
left and right of the pic.


Hmmm. Well maybe it would be better to add margins parameters for text instead.. I guess I have to learn little more about html. I have forgoten soo much.. The reference for html tags can be find at http://www.w3schools.com/tags/ref_byfunc.asp

I also looked if there is some good reference at ning.com, but as exepted. I didn't find much tips from there.

It seems Josef have chosen the appearence of how our pages will look for us. At least I could not chose appearance of my page from settings. I think it's good choiche to do so, since it might became very chaotic when everyone makes own page look too crazy. Well I hope he will chose also some CSS for us, that can be used for formating text nicely. I don't know what kind of elements I would like to see, but I think it would be cool to have some.
Maybe this kind of stuff:
<p class="note">
Remember to brush you tooths before u bite.
</p>
I'm not sure what it's appearance as result should be, but... It would be surely more fun to have such things.

Well I'm not sure. Maybe I can use some of CSS already now. I have forgoten so much. It was some years ago when I tried to learn it. But as I remember classes had to be defined in page head, not somewhere in middle. Wasn't it so?

Views: 255

Add a Comment

You need to be a member of MyEnglishClub to add comments!

Join MyEnglishClub

Comment by Nadiyah on May 2, 2010 at 8:00
thanks so much, Hardi
I will try it soon, if I can't, I would climb the tiliatree as protest over how I so stupid ... (lol ...)

-Nadiyah-
Comment by Hardi on May 2, 2010 at 7:53
You want to know how to make a screen-shot?

That's easy. Just find the "Print Screen" key from your keyboard. Hit that key and the picture of your screen will be copied into windows clipboard.. Next you only need to paste it in a image editor/drawing program.
Comment by Nadiyah on May 2, 2010 at 6:35
hello hardi, I ask you, how do I copy my page like in this picture :


thanks for your explanation, a great time for you!

-Nadiyah-
Comment by Nadiyah on August 11, 2009 at 19:48
Hi Hardi,
thanks for your good blog
its useful me and ... great !

How if I want to put link from another site/web as you done at my blog?
thanks for your answer ... take care


-Nadiyah-
Comment by Hardi on April 7, 2009 at 20:26
You can change the font by "font-family:" property.

<font style="font-family:sans-serif;">text</font>

This text is written by using sans-serif font

You can change font size by "font-size:" property.

<font style="font-size:200%;">text</font>

This text size is 200% of it's original

All in one declaration in <i< tag.

<i style="font-family:sans-serif; font-size:200%;">text</i>

This is double sized(200%) sans-serif italic text

When I have time and willpower. I will later complete a blog entry about styling elements a little more thoroughly.
Comment by Hardi on March 16, 2009 at 9:00
Glad that I was able to be a help, Nutt.

SpamBuster
Comment by Lynne on February 18, 2009 at 7:34
I love it! :-)

SpamBuster
Comment by Lynne on February 17, 2009 at 12:29
Wow! really nice. Thank you Hardi.

SpamBuster
Comment by Lynne on February 17, 2009 at 12:18
Hello, Wow! wonderful really. Thanks for the pink highlight. If, let's say, I would like to have a yellow (or another colour) highlight, can I just type yellow... instead of pink?
Comment by Hardi on February 15, 2009 at 22:17
Pink background is done with this code.
<div style="background-color:Pink;">
Your text here
</div >

How to Report a Member
1: Go to member's page. 2: Click "Report Member" at bottom of page. 3: Fill in form and send.

MyEC Terms of Service

Technical HELP

Please DON'T Plagiarize!

Test your level

MyEC Moderators
Robbie
Expector
Nadira
Paula
Onee
Nadiyah
Ma No

Josef Essberger

Official MyEC Page

Official MyEC Welcoming Committee

About

© 2019   Created by Josef Essberger.   Powered by

Badges  |  Report Member  |  Terms of Service