...

View Full Version : Top and Bottom Logo positioning



erikdiamond
05-07-2007, 06:33 PM
Hi, Visit www.erikdiamond.com. I have no problem with top positioning of my logo. But when I tried to add another one for the bottom positioning, i don't get it right.

In CSS:


h1
{ position: fixed; width: 100%;
}

h1 img
{ display: block; margin: 0 auto;
}

h2
{ position: fixed; width: 100%;
}

h2 img
{ display: block; margin: 520px;
}

Then in my index html:


<h1><img alt="Erik Diamond Design" src="images/newlogo.jpg"/></h1>
<h2><img alt="Erik Diamond Design" src="images/bottomlogo.jpg"/></h2>

I tried "o auto" for h2 in css but it will make image at the top. so I tried pixels. Does not looks right. Any suggestion?

Thanks in advance for your help.

Erik

Excavator
05-08-2007, 04:10 AM
Hello erikdiamond,
I'm not sure what you want but try changing the first few lines of your CSS to match this:

body
{
padding: 0px;
margin: 0px;
background-color: #f4f4f4;
background-image: url(file:///C|/Documents and Settings/Erik/Desktop/images/bg.gif);
background-repeat: repeat;
background-attachment: fixed
}

h1
{width: 100%;
}

h1 img
{ display: block; margin: 0 auto;
}

h2
{ width: 100%;
}

h2 img
{ display: block; margin: 0 auto;
}


A:link, A:visited, A:active
{
color: #cc0000;
text-decoration: none;
}

A:hover
{
text-decoration: underline;
}

/* added styles */

.barrow
{
font-family: Lucida Grande, Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
font-size: 35px;
line-height: 17px;
font-weight: bold;
color: #FC0;
}

/* added styles */

.all
{

width: 4200px;
height: 448px;
}

Read this: Pitfalls of Absolute Positioning (http://www.tyssendesign.com.au/articles/css/absolute-positioning-pitfalls/)
Study this for a much better method of positioning (http://css.maxdesign.com.au/floatutorial/)
Look at every link in my sig below


...



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum