how to remove space between two div or two element

Question

0.00/5 (No votes)

See more:

Hello Everyone,
wish you a great weekend first, can anyone help me out with this problem i.e i need to
remove space between two div or two elements(between "h4" and below div in my example)
i have attached an image and my css i need to keep every other stuff same
thanks
regards
sam
CSS:

CSS

#accrodion
{
    width:500px;
    height:auto;
    border:solid 1px;
    padding:10px;
    margin:0 auto;
}
#accrodion > h4
{
    cursor: pointer;
    width:100%;
    border: solid 1px;
    border-radius: 5px;

}
#accrodion > div
{
    width:100%;
    height:auto;
    border:solid 1px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

Here is the html file of that code and you can reffer the css above.

HTML

<body>
<div>
<header>
    <h1>accrodion</h1>
</header>
    <div id="accrodion">
        <h4>Question1</h4>
        <div>
        <p>You have to create your own html for the accordion. </p>
        </div>
        <h4>Question2</h4>
        <div>
        <p>You have to create your own html for the accordion.</p>
        </div>
        <h4>Question3</h4>
        <div>
        <p>You have to create your own html for the accordion.</p>
        </div>

</div>

<footer>
<p>
&copy; Copyright  by Sameer
</p>
</footer>
</div>
</body>

NOTE: its an jquery accrodion ui and m getting space between "h4" and "div" i dont need but i need to keep other stuff same i.e padding from top (1st h4)and bottom and side inside accrodion please help.
thanks

[Edit]Question updated with additional information posted as an answer.[/Edit]

Posted 5-Jan-13 16:14pm

sameerhuilgol

Updated 6-Jan-13 4:14am

Thomas Daniels

v2

Add a Solution

Comments

Sergey Alexandrovich Kryukov 5-Jan-13 22:18pm

And: sample of XML, on what browsers tested, what did you want to achieve, how it was rendered...
—SA

Zoltán Zörgő 6-Jan-13 3:04am

And where is that image? But better post the generated html instead of the image.

sameerhuilgol 6-Jan-13 8:57am

sorry for delay sir, here is the html code im my next post do suggest me your views
thanks

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Christian Graus · Answer 1 · 2013-01-06T09:32:00

Solution 2

float:left. If you have two divs, and any spaces between, you'll get one space unless you float them across to each other.

Posted 6-Jan-13 9:32am

Christian Graus