Web Design

The Secret To Connect more Clients With Your Business

When you just start your Business , The First question in your mind is,

How can you find Clients for your Business?

The first and basic requirement is let people know you with your Brand. when you meet Someone, you describe your business to them and in the end, you want to give them contact details,

So the first option to give the contact detail

  1. Digitally like on the Phone or
  2. you can your name and number on some paper

But that methods are not effective. People forget you as you leave them.

So What You think How can you give your Contact Details to Someone effectively that creates the personal engagement between you and your client.

Let me tell you the Best option to create the personal engagement is to share your Contact Details with your “Business Card“.

Yes! It’s an easy and Effective way to share your Brand among people.

and now the question arise How Your Business Card look like? Hmmm.

Well it’s not the Rocket Science to think about How your Business card look like..

it should be simple with good graphics and perfect color scheme that reflects you and your Brand. Some times its Just the Colors and Shapes of Business Cards that describe your brand in no time.

Stay with me.. in the Next Post We Discuss more about Business Cards.

 

 

Advertisements
Web Design

CSS Positions

textgram_1491883428There are four positions of elements in CSS.
1) Static
2) Relative
3) Absolute
4) Fixed
So, the default position of each element static.

html file
static_code
Css File
static_css

web page(result of above Code)
static

I have these three elements (div). Their positions on page are static. with static positions the elements on screen look like above..

Every element take their position from top-left corner of the page or element.

top-left

If I change the position of the second div’s position to RELATIVE:

1) It does not change anything in the page..

Css File
relative_pos

web page(result of above Code)
static

until you set the top, left, bottom, right properties of that elements.

if i set the second div’s top:10px and with the position relative

relative_style

it does not effect the first and third element. just the second element get down to 10px..it come over the third element but it does not change the position of the third element.

relative

In that way the Relative positioned element does not disturb the other elements. It slide over or down other elements but never disturbs the position of other elements.
If I change of the second element to ABSOLUTE
1) Absolute positioned elements disturb the elements below it.

absolute_styleabsolute
2) All elements below the absolute positioned elements move upwards to take the position of the upper elements.
3) All element take the top-left corner as a origin. So the absolute positioned element take the position like above.

Absolute position works relative to its parent.

in the above example there is no parent of second div. if we set a parent of  second divabsolute_codeabsolute_cssabsolute12

Now see what happen.

1) we set the parent to the position relative

2)set the second div’s top to 10px

3) now  its top-left origin is changed from first div to parent div. and it takes its position relative to its parent not first div.

4) it comes down 10px from parent div.

Absolute positioned element actually floats on the screen. it does not take any extra space but it positioned top of the lower divs. we can move the absolute positioned elements anywhere on the screen by changing its top, left, right, bottom properties.

If i change the position of div to Fixed

  1. its pretty much behaves like absolute but the major difference in between the two is the div with fixed property relative to the body instead of its parent
  2. whenever you fix the position of element there is no effect of scrolling on it, because its position set to fixed.

 

if you want to display some advertisement or menu on the web page with fixed position then it always remain displayed on the screen. no matter how much scrolling you do..

for better understanding watch this video on youtube

Web Design

Problems I had faced Making my Web Page Using “div”

  1. Make the Content of the ‘container’ div in center of screen or another center of another div. set the margins of the div..
    margin-left:auto;
    margin-right:auto;
  2. Set the content of the div in vertically Middle.
    line-height:100px;
    text-align:center;
  3. Make the Navigation Menu with the <ul> tag tag. Set the following attributes of <ul> and <li> tag
    <ul style="list-style:none">
    <li style="float:left">// if you want your menu horizontal
  4. otherwise no need to set the float attribute