Various Styles For Images On MySpace Layouts Pages

In some cases after adding some graphics to your account and using MySpace layouts you might decide writing some words and sentences around the images or pictures which have been showing up on your profile but after doing so and saving the works, you may not like the way words are being displayed online since they could be placed higher or lower than the images horizontal status lines and you might be interested in finding some easy solutions, right? Well, CSS has offered a lot of great and truly cool quick fixes for such cases and let's check them out briefly.

Just like the rest of the scripts we have been talking about, the first thing is adding this code line to your pages: <style type="text/css"></style> as this way your web page would begin interpreting the CSS made codes as they are being entered but for your web profile which already is CSS compatible, this step is not needed to take. The next phase is adding some variables and options to the images like this: img.one {vertical-align:text-top;} and then while importing the images to your page, add the class to that via this structure: <img class="one" src="">.

When you save and exit the work and then access your homepage on the browsers, you would find the specific loaded image displayed in the middle of the text paragraph and the sentences or words are shown in a bit higher status. By default, when you add the images to the middle of text paragraphs, an opposite effect to the one we have just mention would initiate, since the texts would all be shown lower than the web graphics imported and using such options, you could do a lot of attractive things on your website over the net generating great online effects.