it wont display full logo

[smudge]

hi

sorry to be a pain again.

I have put a logo on my homepage which ive run off a host site. the problem that ive got is no matter how i re-size the logo the top keeps getting cut off and therefore its not displayed fully.

i doubt if i will be able to alter the margin of the theme as i didnt put the code of the theme into css i just used the themes available instead. however, i was wondering if there is anything i can put in before the logo code in css to move it down a few lines?

any help and advise would be greatly appreicated.

if u wish to take a look its www.acsphotos.smugmug.com

many thanks

S :)

[Andy]

Blame Mike Lane, he designed the Earth theme. While you are throwing tomatoes at him, you can also use this:


#extraDiv1 {display: none;}

In your CSS, and then you'll be fine :)

[smudge]

Blame Mike Lane, he designed the Earth theme. While you are throwing tomatoes at him, you can also use this:


#extraDiv1 {display: none;}

In your CSS, and then you'll be fine :)

:clap cool, it worked a treat thanks so much for yr prompt solution, and ill spare Mike Lane the tomato throwing for now, cause i think his theme is great lol.

thanks again

S :)

[smudge]

Blame Mike Lane, he designed the Earth theme. While you are throwing tomatoes at him, you can also use this:


#extraDiv1 {display: none;}

In your CSS, and then you'll be fine :)

ive been searching through the threads, and whilst the logo is fully displayed, it looks kind of lost up there, ive tried various things to move the logo down further so that its not sitting up there looking so alone ... but all my searches are to no avail. pls could someone give me the code or tell me where to find it so that i can move the logo about 3 or 4 lines down the page please, as the gap between the logo and the rest of the page is too big.

thank you

S :)

[Andy]

ive been searching through the threads, and whilst the logo is fully displayed, it looks kind of lost up there, ive tried various things to move the logo down further so that its not sitting up there looking so alone ... but all my searches are to no avail. pls could someone give me the code or tell me where to find it so that i can move the logo about 3 or 4 lines down the page please, as the gap between the logo and the rest of the page is too big.

thank you

S :)

1 - your banner dimensions are all wrong:
change it to these numbers, 37 and 55.

#my_banner {
width: 37px;
height: 55px;
margin: 0 auto;
background: url(http://download-v5.streamload.com/7Sxt6zhA~aYyL~B2K-~8IE6~tImV46edVqDB/photopeople/Hosted/smallest.jpg?action=embed) no-repeat;
}

Then we can help you put it where you want.

[smudge]

1 - your banner dimensions are all wrong:
change it to these numbers, 37 and 55.

#my_banner {
width: 37px;
height: 55px;
margin: 0 auto;
background: url(http://download-v5.streamload.com/7Sxt6zhA~aYyL~B2K-~8IE6~tImV46edVqDB/photopeople/Hosted/smallest.jpg?action=embed) no-repeat;
}

Then we can help you put it where you want.

cool thats great thank you, it looks really good centred, however i had better check with the girl whose site it is if she wants it kept centred or not before i ask you how to move it across etc. However, intialially i had to take away the top border of the page with this code that you gave me <div id="my_banner"> </div> ... therefore is there in fact a way i can take that off so that the original border is at the top and i can move that logo lower down pls?

thanks again for all your help, its really appreciated

S :)

[Allen]

cool thats great thank you, it looks really good centred, however i had better check with the girl whose site it is if she wants it kept centred or not before i ask you how to move it across etc. However, intialially i had to take away the top border of the page with this code that you gave me <div id="my_banner"> </div> ... therefore is there in fact a way i can take that off so that the original border is at the top and i can move that logo lower down pls?

thanks again for all your help, its really appreciated

S :) Here's an option you can try. See screen shot in next message.
Replace your whole CSS with this and see if you like it.

#my_banner {z-index:99;
width: 37px; position:relative;
height: 55px;
margin: 0 auto;
margin-top:5px;
background: url(http://download-v5.streamload.com/7Sxt6zhA~aYyL~B2K-~8IE6~tImV46edVqDB/photopeople/Hosted/smallest.jpg?action=embed) no-repeat;
}

#myheadertext {
z-index:99;
position:relative;
margin:0 auto;
left: -180px;
top: 5px;
text-align: center;
font-size: 25px;
font-weight: bold;
font-family: Comic Sans MS;
font-style: italic;
color: #80694D;}

#navcontainer {
z-index:99;
position: relative;
margin:0 auto;
left: 180px;
top: -20px;
}


#navcontainer ul {
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li {
display: inline;
}

#navcontainer ul li a {
text-decoration: none;
padding: .2em 1em;
color: #fff;
background-color: #8F6E3D;
}

#navcontainer ul li a:hover {
color: #fff;
background-color: #D1BF94;
}




p.updated {
display: none;
}
#bioBox {
text-align: center;
background: none;
}

#bioBox .photo {
display: none;
}
.homepage #galleriesBox,
.homepage #categoriesBox,
.homepage #featuredBox {
display: none;
}

.galleries #bioBox {
display: none;
}

.galleries #galleriesBox,
.galleries #categoriesBox,
.galleries #featuredBox {
display: block;
}

/* html only page for gallery 2597107 */
.gallery_2597107 .nophotos { display: none; }

/* hides your name (including any 's) */
#userName {
display: none;
}
/* hides the word home */
#userHome {
display: none;
}
#feeds {
display:none;
}

Here's your oiginal CSS that you can put back in if you don't like the above.

#extraDiv1 {display: none;}


#my_banner {
width: 37px;
height: 55px;
margin: 0 auto;
background: url(http://download-v5.streamload.com/7Sxt6zhA~aYyL~B2K-~8IE6~tImV46edVqDB/photopeople/Hosted/smallest.jpg?action=embed) no-repeat;
}


#myheadertext {
margin-bottom: 10px;
text-align: center;
font-size: 25px;
font-weight: bold;
font-family: Comic Sans MS;
font-style: italic;
color: #80694D;}


#navcontainer ul {
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li {
display: inline;
}

#navcontainer ul li a {
text-decoration: none;
padding: .2em 1em;
color: #fff;
background-color: #8F6E3D;
}

#navcontainer ul li a:hover {
color: #fff;
background-color: #D1BF94;
}




p.updated {
display: none;
}
#bioBox {
text-align: center;
background: none;
}

#bioBox .photo {
display: none;
}
.homepage #galleriesBox,
.homepage #categoriesBox,
.homepage #featuredBox {
display: none;
}

.galleries #bioBox {
display: none;
}

.galleries #galleriesBox,
.galleries #categoriesBox,
.galleries #featuredBox {
display: block;
}

/* html only page for gallery 2597107 */
.gallery_2597107 .nophotos { display: none; }

/* hides your name (including any 's) */
#userName {
display: none;
}
/* hides the word home */
#userHome {
display: none;
}
#feeds {
display:none;
}

[Allen]

Here's a screen shot of option above. One cavat, if you change the theme
on any page this will have to be re-adjusted for that page.

[smudge]

Here's an option you can try. See screen shot in next message.
Replace your whole CSS with this and see if you like it.

#my_banner {z-index:99;
width: 37px; position:relative;
height: 55px;
margin: 0 auto;
margin-top:5px;
background: url(http://download-v5.streamload.com/7Sxt6zhA~aYyL~B2K-~8IE6~tImV46edVqDB/photopeople/Hosted/smallest.jpg?action=embed) no-repeat;
}

#myheadertext {
z-index:99;
position:relative;
margin:0 auto;
left: -180px;
top: 5px;
text-align: center;
font-size: 25px;
font-weight: bold;
font-family: Comic Sans MS;
font-style: italic;
color: #80694D;}

#navcontainer {
z-index:99;
position: relative;
margin:0 auto;
left: 180px;
top: -20px;
}


#navcontainer ul {
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li {
display: inline;
}

#navcontainer ul li a {
text-decoration: none;
padding: .2em 1em;
color: #fff;
background-color: #8F6E3D;
}

#navcontainer ul li a:hover {
color: #fff;
background-color: #D1BF94;
}




p.updated {
display: none;
}
#bioBox {
text-align: center;
background: none;
}

#bioBox .photo {
display: none;
}
.homepage #galleriesBox,
.homepage #categoriesBox,
.homepage #featuredBox {
display: none;
}

.galleries #bioBox {
display: none;
}

.galleries #galleriesBox,
.galleries #categoriesBox,
.galleries #featuredBox {
display: block;
}

/* html only page for gallery 2597107 */
.gallery_2597107 .nophotos { display: none; }

/* hides your name (including any 's) */
#userName {
display: none;
}
/* hides the word home */
#userHome {
display: none;
}
#feeds {
display:none;
}

Here's your oiginal CSS that you can put back in if you don't like the above.

#extraDiv1 {display: none;}


#my_banner {
width: 37px;
height: 55px;
margin: 0 auto;
background: url(http://download-v5.streamload.com/7Sxt6zhA~aYyL~B2K-~8IE6~tImV46edVqDB/photopeople/Hosted/smallest.jpg?action=embed) no-repeat;
}


#myheadertext {
margin-bottom: 10px;
text-align: center;
font-size: 25px;
font-weight: bold;
font-family: Comic Sans MS;
font-style: italic;
color: #80694D;}


#navcontainer ul {
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li {
display: inline;
}

#navcontainer ul li a {
text-decoration: none;
padding: .2em 1em;
color: #fff;
background-color: #8F6E3D;
}

#navcontainer ul li a:hover {
color: #fff;
background-color: #D1BF94;
}




p.updated {
display: none;
}
#bioBox {
text-align: center;
background: none;
}

#bioBox .photo {
display: none;
}
.homepage #galleriesBox,
.homepage #categoriesBox,
.homepage #featuredBox {
display: none;
}

.galleries #bioBox {
display: none;
}

.galleries #galleriesBox,
.galleries #categoriesBox,
.galleries #featuredBox {
display: block;
}

/* html only page for gallery 2597107 */
.gallery_2597107 .nophotos { display: none; }

/* hides your name (including any 's) */
#userName {
display: none;
}
/* hides the word home */
#userHome {
display: none;
}
#feeds {
display:none;
}


wow thanks Al, yr a star for doing that :bow ... im gonna copy it in and get my friend to see wot she thinks, although i have no doubt she will be well pleased. Ill let you know.

And if i can be really cheeky and ask one last question for now and that is ... that for now she doesnt want the slide show on her front page although she wants the codes left in so that she can change the site around if she fancies a change. I set the slide show to the pic she wants, but as she wants the one pic as a still image, is there anyway i can pause that image so that it doesnt move, or alternatively make it run on that one image for a while? or do i actually need to delete the slide show facility code from her main page please?

anyway will leave you all in peace for the time being, with the exceptions of me popping back to say thank you ..... ive got enough catagories etc to be keeping me busy, so no doubt once i move on to the drop down nav bar, depsite yr crystal clear instructions i will prob be bugging you all yet again lol

bye for now and thanks for all your help:clap

S :)