Showing posts with label Css. Show all posts
Showing posts with label Css. Show all posts

Man united

Man these days is no more stereotyped and looks for plenty of opportunities for growth beyond the normal career life. There are a number of factors that pushes man to achieve this. Man is always known for pursuing ambitions and desires beyond the natural boundaries specified by one self. This could be to reach greater heights of excellence and performance in order to stand out in the crowd. However, all these require motivation. The motivation need not be in the form of words or deeds, they can be anything that enthuse a man to achieve the goal. It could be good books written by well known authors or motivational speakers.

A man can find information that he is looking for very easily without the intervention of any third party. However, there is one website, which caters to the all round requirements of a man. www.all4men.net is one of the best and most comprehensive websites that offers a wide variety of information that man needs. It contains all the basic data and information that can make a man's life very interesting.

For instance, if the man is interested in finance related matters since he is an investor, the website will offer web links to other websites offering news relating to stock markets and performance. Similarly, the website has links to various real estate markets. It will help the man, generally a trader, in making the correct investments to facilitate the returns. In a way, the man is united in his approach, whatever is the ultimate goal. It has often been found that man has been successful in going for the thing that he is looking for.

In this context, website offers complete downloadable information relating to the requirements of the man. The website can easily become the home page of any man's personal computer or laptop.

If a person is interested in writing on various issues related to man, the website has links to blogs relating to them. There are hundreds of issues related to man and there are hundreds of blogs. A man can write a blog or read blog on the subject of his interest. This will not improve his knowledge, but help build the base in the process. The blogs could be on multiple issues affecting the man. There could be some people who can help out a man who is suffering from some kind of ailment resulting from excessive abuse of various substances.

If the man is gadget freak or has specific interest in automobiles, the website offers links to magazines and journals publishing information relating to the particular subject. These websites in turn provide comprehensive information on and insights into the automobile world. Similarly, there is plenty of information relating to gadgets and the latest electronics products to hit the retail market.

Man also is a social animal. In an effort to enable the man to widen his horizon, the website offers information relating to social networking groups and sites of like minded men. This could easily be one of the favorite places for man since a man likes to be united all the while.

How To Fix CSS Float Issues

CSS is great. On somedays I'd go so far as to say it's a lifesaver. But every now and then you'll encounter a CSS issue that will drive you crazy.

In this case we'll talk about two of the more common issues when using the float property to create your layout.

For those of you who're new to CSS, Float is a CSS property that allows you to align your elements, such as DIVs, to create website layouts. The values for Float include Left, Right and None. You can use Floats to align elements and if done properly you can do in such a way that it's dynamic -- almost fluid.

Let's say you need to create an image gallery. Your idea is to place 4 images on each line, but after you place the first image the second image goes to the next line.

I'll admit in the past I used to use negative values to align my images so that the second image would show up next to the first one using the margin-left, right, top, bottom property. I even considered using tables, but opted to use negative values instead. There's nothing wrong with using negative margin property, but not when there's a better solution for it, such as using floats.

If you apply Float to those images then they'll align in one row, then you can continue to add more images using the float property and you wouldn't have to worry about whether they'd line up or not because the float property will recognize that there's too many elements on this line and it will push the images to the next line.

But what if you're using Floats for your website layout, for your divs and not just the images.

There are 2 main issues that you'll face with Floats.

Let's say you have three elements. Parent1(website's main container), Child1(left navigation bar), and Child2(content area). Parent1 is the main div container and your goal is to float the child divs side by side sort of like having a left navigation area and a right content area. Sounds great.

You've set your parent1's height to auto, and you've set child1 and child2's height as auto. But once you open and view it in a webpage the parent element's height is only 1 or 2pixels in height, the child elements seem to look like they're floating above the parent container, and the parent container doesn't seem to recognize the div's height. (see test link 1 on website).

No worries, here is an easy solution for it.

Add overflow:auto; for the CSS of the parent container and it will automatically recognize the floats and will increase in height so that it appears that the floats are part of the parent container just as you wanted. Wow all that in one line.

But don't forget there's still one more Float issue.

The second issue is more of a cross browser compatibility issue with floats, but still as important. If you try to Float for ex: three images to the left and are using margin property, then sometimes the first container that floats will have double the margin in Internet Explorer.

Welcome to the Float Peekaboo Bug / IE Float Doubled Margin Bug.

That's right if you've tried to Float an element and use any kind of margin then you'll notice that it will double the margin in IE.

I'm sure there are some decent hacks, but there's an easy way to fix this in CSS. The Float Margin Killer. In the CSS for that container add display:inline I don't know why but for some reason this property seems to fix the double margin property.

That's it? Yes that's it. Now you can start using floats.

CSS Mistakes

Cascading Style sheet or CSS is one of the most used and convenient way of coding the mark up languages. Most of the websites are built on an HTML platform and hence it is important for us that the CSS is also correctly applied so that the information that the website wants to transmit to its viewers is correct. But, designers often commit fundamental mistakes that can make things go terribly wrong for a website. The  css-faq.com mentions some of the common mistakes occurred in CSS.

You don't waste bytes by adding units such as px, pt, em, etc, when the value is zero. The only reason to do so is when you want to change the value quickly later on, otherwise declaring the unit is meaningless. Zero pixels is the same as zero points. In order to get the accurate choice of the color, you must specify the hex code rather than writing the color in plain English. Never forget to add hash “#” at the start of the code so that it can be parsed correctly. Otherwise, you will have to remember to add another hash to prevent errors.

Unless you are likely to be changing your code much, avoid using several lines when only one line can serve your purpose. For example, when setting borders, some people set each side separately when each border is the same. So condensing the code is required here. It is okay to style the same element twice, if it means avoiding the repetition mentioned in the point above. For example, let's say you have an element where only the left border is different. Instead of writing out each border using four lines, just use two.

But sometimes designers like to waste a lot of space in their code, by using plenty of unnecessary line-breaks or spaces before and after code. It'll only make the stylesheet bigger, meaning it'll cost you more in the long run, as your bandwidth usage will be higher. Of course it's wise to leave some space in to keep it readable, though some people like to condense everything, leaving no space at all.

Designers must be careful about some common mistakes so that they can design the web pages in a proper manner and convey the message to its reader correctly.

http://www.css-faq.com
 
Copyright Computer Magazines | Magazines Computer | Powered by BloggerTheme by Donkrax