Hey guys,

I need plusplusdesign to look like my clients mock up: My linkhttp://www.grabup.com/uploads/e770ce10eb0fe1eee059f25b928ecd7b.png

 

The problem areas for me are the 'plusplus' logo and the 'copyright text.

 

CSS: http://plusplusdesign.co.uk/includes/style.css

 

The frustrating thing is I had it working using:

 

right: 5;

bottom: 5;

 

Now it seems I have touched something and its conflicting with my original code!

 

Im sure its ridiculously simple, but so am I.

 

Thanks for any help.

Do this?:

 

/* Eric Meyer's Reset Reloaded *//* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}

body {
padding:5px;
height:100%
width:100%;
}

.clear {
clear:both;
}

#wrap {
height:100%;
width:100%;
}

.contactBtn a {
display:block;
width: 680px;
height: 80px;
/* padding:10px 10px 10px 7px; */
font: bold 13px sans-serif;
color:#333;
background: url(../images/contact.jpg) no-repeat;
text-decoration: none;
background-position:  0 0;
margin-bottom:3px;
}

.contactBtn a:hover { 
background-position:0 -80px;
color: #049;
}

.portfolioBtn a {
display:block;
width: 680px;
height: 80px;
/* padding:10px 10px 10px 7px; */
font: bold 13px sans-serif;
color:#333;
background: url(../images/portfolio.jpg) no-repeat;
text-decoration: none;
background-position: 0 0;
margin-bottom:3px;

}

.portfolioBtn a:hover { 
background-position: 0 -80px;
color: #049;
}


.pluslogo {
height:144px;
width:186px;
right:5;
bottom:5;
background: url(../images/logo.jpg) no-repeat;
float:right;
       position: absolute;
       bottom: 10px;
       right: 10px;
}

.content {
padding-top:50px;
color: #000000;
font-size: 20px;
font-family: Helvetica, Verdana, Arial, sans-serif;

}

#title {
text-indent: -9999px;
height: 80px;
width:831px;
background: url(../images/plusplus1.jpg) no-repeat;
}

.content a {
color: #2b2b2b;
text-decoration: none;
}

.content a:hover {
color: #6e6e6e;
}

#footer{
height:auto;
width:auto;
color:#717171;
font-size: 8px;
float:left;
font-family: Helvetica;
       position: absolute;
bottom: 10px;
}

That's done the trick Adam, really appreciate that.

 

Did you just add the position:absolute; and define the 'px' measurement?

 

Thanks again,

As I say I had it working like this at one point.. But for the life of me I couldnt remember how I did it.

 

Lewis