1 reply [Last post]
anushka
Offline
newbie
Last seen: 13 years 43 weeks ago
Joined: 2008-10-15
Posts: 1
Points: 0

The image should come down of that navbar Please any one help

body{
font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; /* Font to use */
margin:0px;
float:left;

}

.dhtmlgoodies_question{
/* Start layout CSS */

color:#FFF;
font-size:0.9em;
background-color:#317082;
width:150px;
margin-bottom:2px;
margin-top:2px;
padding-left:2px;
background-image:url('images/bg_answer.gif');
background-repeat:no-repeat;
background-position:top right;
height:20px;
float:left;

/* End layout CSS */

overflow:hidden;
cursor:pointer;
}
.dhtmlgoodies_answer{ /* Parent box of slide down content */
/* Start layout CSS */

border:1px solid #317082;
background-color:#E2EBED;
width:400px;

/* End layout CSS */

visibility:hidden;
height:0px;
overflow:hidden;
position:relative;

}
.dhtmlgoodies_answer_content{ /* Content that is slided down */
padding:1px;
font-size:0.9em;
position:absolute;
cursor:default;

}

var dhtmlgoodies_slideSpeed = 10; // Higher value = faster
var dhtmlgoodies_timer = 10; // Lower value = faster

var objectIdToSlideDown = false;
var dhtmlgoodies_activeId = false;
var dhtmlgoodies_slideInProgress = false;
function showHideContent(e,inputId)
{
if(dhtmlgoodies_slideInProgress)return;
dhtmlgoodies_slideInProgress = true;
if(!inputId)inputId = this.id;
inputId = inputId + '';
var numericId = inputId.replace(/[^0-9]/g,'');
var answerDiv = document.getElementById('dhtmlgoodies_a' + numericId);

objectIdToSlideDown = false;

if(!answerDiv.style.display || answerDiv.style.display=='none'){
if(dhtmlgoodies_activeId && dhtmlgoodies_activeId!=numericId){
objectIdToSlideDown = numericId;
slideContent(dhtmlgoodies_activeId,(dhtmlgoodies_slideSpeed*-1));
}else{

answerDiv.style.display='block';
answerDiv.style.visibility = 'visible';

slideContent(numericId,dhtmlgoodies_slideSpeed);
}
}else{
slideContent(numericId,(dhtmlgoodies_slideSpeed*-1));
dhtmlgoodies_activeId = false;
}
}

function slideContent(inputId,direction)
{

var obj =document.getElementById('dhtmlgoodies_a' + inputId);
var contentObj = document.getElementById('dhtmlgoodies_ac' + inputId);
height = obj.clientHeight;
if(height==0)height = obj.offsetHeight;
height = height + direction;
rerunFunction = true;
if(height>contentObj.offsetHeight){
height = contentObj.offsetHeight;
rerunFunction = false;
}
if(height<=1){
height = 1;
rerunFunction = false;
}

obj.style.height = height + 'px';
var topPos = height - contentObj.offsetHeight;
if(topPos>0)topPos=0;
contentObj.style.top = topPos + 'px';
if(rerunFunction){
setTimeout('slideContent(' + inputId + ',' + direction + ')',dhtmlgoodies_timer);
}else{
if(height<=1){
obj.style.display='none';
if(objectIdToSlideDown && objectIdToSlideDown!=inputId){
document.getElementById('dhtmlgoodies_a' + objectIdToSlideDown).style.display='block';
document.getElementById('dhtmlgoodies_a' + objectIdToSlideDown).style.visibility='visible';
slideContent(objectIdToSlideDown,dhtmlgoodies_slideSpeed);
}else{
dhtmlgoodies_slideInProgress = false;
}
}else{
dhtmlgoodies_activeId = inputId;
dhtmlgoodies_slideInProgress = false;
}
}
}

function initShowHideDivs()
{
var divs = document.getElementsByTagName('DIV');
var divCounter = 1;
for(var no=0;no

New Products


Hot Products


Comming soon


Smee
Smee's picture
Offline
Elder
Adelaide, Oz
Last seen: 5 years 7 weeks ago
Adelaide, Oz
Timezone: GMT+9.5
Joined: 2007-06-10
Posts: 1596
Points: 340

Could you please edit your

Could you please edit your post (Edit button is above your first post instead of at the bottom) and highlight your code in the reply box and press the code button above it.

This will put your code in a scroll box for the forum - easier for folks to read Smile Thanks.

If you have a link to it online that's even better. If not, you need to post all your code - CSS and HTML.

Do you have a doctype?
If you want the browsers to interpret your code and display your website the way you intend, then you need a doctype.

A doctype is a Document Type Definition (DTD), which tells the browser what version of HTML you have coded the page in. At the moment, there are three flavours - HTML 4.01, XHTML 1.0, and XHTML 1.1.

N.B. The syntax is different for HTML and XHTML

HTML 4.01 Strict is recommended unless you already know about doctypes and precisely why you are using one of the others.

DOCTYPES ARE IMPORTANT. USE THEM. (Beginners Forum)
http://csscreator.com/node/18218

Have you validated your code?
First, validate your HTML - http://validator.w3.org/
Then validate your CSS - http://jigsaw.w3.org/css-validator/

If fixing the errors doesn't help the issue, valid code will help us to find a solution.

Mods and gurus – THANK YOU!
For your time, knowledge and experience so willingly and generously given.
Please come back tomorrow and sort us all out again Smile