This is the first web site I'm designing, learning from scratch reading the tutorials from w3schools. This might be a simple question but I've tried a lot of things already and nothing seems to work for what I want to create.
The website is:
First I tried to get the see-through black box to be part of the background, and make it as tall as the screen itself (to go all the way from the top to the very bottom). I kind of succeeded in doing this, but the logo was always in the way, either on top or at the bottom of the black box. I tried changing the display option of it from "block" to "inline" but didn't work either. So I moved on with a different option.
Now I have this see-through black box as a div element. I want all the content of the website to go in here, but all that I put in it ends up with the same opacity setting as the black box. For instance, the white box in it is set to opacity 1, so it should be completely white but is not.
The CSS I'm working on looks like this:
filter:alpha(opacity=60); /* For IE8 and earlier */
filter:alpha(opacity=100); /* For IE8 and earlier */
and what I'm doing in the html file is simply:
Is there any way to make the black box something like a "second background" so I can put things on top of it (like a logo)? How can I make all the things that I put in it to be completely bold –not see-through?
Or maybe, is there a way to create a background like a div?
So instead of determing a jpg file through an url like
to use width, height, and all the settings we use to create a div.
Any help/tip would be appreciated! Thanks in advance.