• Welcome to The Cave of Dragonflies forums, where the smallest bugs live alongside the strongest dragons.

    Guests are not able to post messages or even read certain areas of the forums. Now, that's boring, don't you think? Registration, on the other hand, is simple, completely free of charge, and does not require you to give out any personal information at all. As soon as you register, you can take part in some of the happy fun things at the forums such as posting messages, voting in polls, sending private messages to people and being told that this is where we drink tea and eat cod.

    Of course I'm not forcing you to do anything if you don't want to, but seriously, what have you got to lose? Five seconds of your life?

Banner issue

kyeugh

onion witch
Pronoun
she/her
What happens when I work on my website? I have problems. I should probably just make a thread for all of my problems because I'm like 90% of this forum right now.

So. Banner. I have a banner, but I want it to vary from style to style because if I don't, it would look tacky. So, I made some CSS for the banner.

Code:
#logo{
position:absolute;
margin-left: auto;
margin-right: auto;
background-image: url("reshiram_logo.png");
}

Then, I put this code into my pages. Let's use my index for an example.

HTML:
<html>
<head>
<link rel="stylesheet" type="text/css" href="reshiram_style.css"/>
<title>Index
</title>
<a href="Index.html">
<div id="logo">
</div>
</a>

But when I do this, there's nothing. It's as if there's no code there at all; there's not even an empty gap the size of the banner or anything. It's just the content of the page with no banner, and I don't really see any problems. So, uh, help?

EDIT: This wasn't really clear, so I'd better clarify. The CSS is in the reshiram_style.css file. So it isn't because I forgot to put it in or anything.
 
That's because there is nothing inside your logo div, so it is zero pixels tall. You need to set a height and width on it in the CSS (presumably, the same as the dimensions of your banner image).

Also, you shouldn't need the position:absolute.
 
Back
Top Bottom