Banner
I got the banner size right, but I can't figure out the photo part...as you can see it's doubling and not stretching it, like I want it to. There will be more editing, but until then, double banner!
posted by ROBIN at 6:34 PM
1 Comments:
Hello,
My name is Everett. I know you don't know me and I don't know you either, but I happened to stumble upon your page looking for a few ideas on a layout for my blog and you happened to have something that I was looking for, the code to put a picture into the header, so I looked at it and implemented it into mine.
I had the same problem you had with the repeating picture and wanting it to stretch out but couldn't figure out how. Well, I looked into beginning CSS and found that you can't stretch the image using CSS sadly, but I did find a code to stop the reapeating. Which is: "background-repeat: no-repeat;" without the quotes of course, but again it didn't help me stretch the picture, so I racked my brain for ideas. Then it came to me, using good old HTML.
Note: I had to replace these "<",">"
with these "[","]" to post this comment, because blogger doesn't like the use of certain tags in comments.
First, in your css you have to delete this line: "background-image: url("http://static.flickr.com/68/158456146_5ccc1e3130.jpg?v=0");"... Don't worry, the idea I had will produce the result you want. Now, scroll down and you should see [div id="header"]...
Useless Code ...[/div] Everything between those two tags, delete it.
You should delete:
- [h1 id="blog-title"]
- [/h1]
- [p id="description"]
and - [/p]
There shouldn't be anything left in between the [div "header"] tag and its closer [/div].
Now, add this line of code:
[img width="100%" height="100%" src="http://static.flickr.com/68/158456146_5ccc1e3130.jpg?v=0"] and close the image with the [/img] tag just to be safe.
Preview it before you save it and remember, stretching an image can cause you to lose quality, but I tried it on your picture and it doesn't look too bad. Hope this helps. If you need help, send me a message (EVBGOOD) and I'll help you ASAP. Tah tah for now!
Post a Comment
<< Home