Div not visible in html and css

css html invisible
user2167174 picture user2167174 · May 9, 2013 · Viewed 18.7k times · Source

I am facing a little problem with a in html and css.I want to create a menu in a top left corner of the page, but my div won't dipslay.Would be grateful for any solutions. HTML

<div class = "topMenu">
<div id = "search"></div>
<div id = "register"></div>

CSS

body {
background:url('image.jpg') no-repeat;
-moz-background-size:cover; 
-webkit-background-size:cover;
-o-background-size:cover;
background-size:cover;
background-color:black;
}

#topMenu{
position:absolute;
width:70px;
float:right;
background-color:red;
}

Answer

Viktor S. picture Viktor S. · May 9, 2013

See this demo: http://jsfiddle.net/TRp3A/

There #topMenu is changed to .topMenu in css, otherwise class will not be applied to corresponding div. And I've added there height just to make div visible as there is no content and it is 0 height by default.

.topMenu{
    position:absolute;
    width:70px;
    float:right;
    background-color:red;
    height:40px;
}

Related questions

HTML CSS Invisible Button

Hello I am trying to make an invisible button (still functional and clickable), because my buttons styles are embedded in the background and I don't want to slice them, and do it all from beginning. So I just want to …

Read More
Make DIV invisible in CSS and JavaScript

I have managed to make a DIV tag invisible in JavaScript by setting the display to none and the visibility to hidden. It can be achieved with this class also: .invisible { display: none; visibility: hidden; } Display none will ensure the …

Read More
Making a class invisible

I'm want to have a div with class "a" to be invisible. I've tried already to give it the display: none; line in the CSS file but what it does is hide it, yet it doesn't catch any space and …

Read More