Me Mine
Posts: 9

good day -

I have a single company img in first section of home page.

I want to position this in the center or middle section of my page.

then I have menu buttons under this image


I want to move the entire section (image and menus) down the page and create white border at top. centering this home navigation screen in web page.


thanks in advance

Mike Crone
Posts: 27

By using CSS you can set a "margin" for the top of your nav/img section so that it starts further down the page.

You are using CSS for the layout aren't you??

Mike...

WPDFD Forum Moderator

Me Mine
Posts: 9

head
meta
title
head

body
img src=
body

style
img{
max-width:100%
}
style

Me Mine
Posts: 9

I had a heck of a time adding code
hope the above makes sense

Me Mine
Posts: 9

got it coded - thanks

style type="text/css"
p.margin
{
margin-top:100px;

etc..

how about auto center in viewport?
equal top and bottom margins?

Me Mine
Posts: 9

got this as well - used the following

* {margin:0;padding:0}
html,body{height:100%}
#wrapper{
height:100%;
width:100%;
display:table;
vertical-align:middle;
}
#outer{
display:table-cell;
vertical-align:middle;
overflow:hidden;
}
#logo{
position:relative;
left:50%;
float:left;
}
#form1{
border:1px solid #000;
padding:20px 20px;
position:relative;
font-family: sans-serif;
text-align:left;
left: -50%;
}
p{margin:1em 0}
input{position:relative;background:#ffffcc}

thanks

Jon Marsh
Posts: 3

By giving margin we can set anything where we want and we can set margin in top,right,left,bottom. We can give padding also to move any instance.

Suresh Gupta
Posts: 63

Hello friend,

i'm kinda wondering the same thing. What is the job market out there for this kind of thing?



-----------------
seo company India and Link Building Services