purposeful white space | WPDFD.com Forums

Me Mine said:

06/22/11, 173 12 2011 2011:%i:1308766368 14:12:48

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 said:

06/23/11, 174 10 2011 2011:%i:1308852617 14:10:17

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...

Me Mine said:

06/23/11, 174 53 2011 2011:%i:1308866034 17:53:54

head
meta
title
head

body
img src=
body

style
img{
max-width:100%
}
style

Me Mine said:

06/23/11, 174 54 2011 2011:%i:1308866072 17:54:32

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

Me Mine said:

06/23/11, 174 06 2011 2011:%i:1308873963 20:06:03

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 said:

06/24/11, 175 28 2011 2011:%i:1308925686 10:28:06

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 said:

11/30/11, 334 00 2011 2011:%i:1322697657 19:00:57

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 said:

09/01/12, 245 20 2012 2012:%i:1346512835 11:20:35

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

Michael Eder said:

04/15/13, 105 08 2013 2013:%i:1366016898 05:08:18

Margin is the best way to position image anywhere in a webpages. you can use it easily also.