change css with javascript?

Question

Please I need to align the tag that is added to the picture when you click it so that it is valigned middle, but it doesn't work. I have to do this using javascript, can anyone help? Here is the html and css file. The image is just a colored rectangle.

__________________________
css tc2.css

#logo{
cursor:hand;
background-attachment: fixed;
width:74px;
height:61px;
background-image:url('test.PNG');
float: left;
font-size: 12px;
}

Answer 1

Floating elements removes that element from the document flow. I would also redo the background CSS:



background: url('test.PNG') no-repeat center fixed;



Always tell the browsers what you want them to do. Otherwise, you get default placements and parsing of your code.



Ron

Answer 2

attempt this : HTML : JAVASCRIPT: var flag = 0; functionality toggle(){ if (flag==0) { checklist.getElementById('css').href = 'alt.css'; flag=a million; } else { checklist.getElementById('css').href = 'def.css'; flag=0; } }

Answer 3

Try to change div_.style.verticalAlign="middle";

with div_.style.marginTop = "45%";



then play with percents