Mellemrum mellem 2 <p>-tags ?

Det skal lige siges at bokesene ser sådan ud:

#navigation #overskrift {
    margin-top: 10px;
    padding: 5px;
    width: 140px;
    background-color: #fc0204;
}
#navigation p {
    margin-top: 0px;
    padding: 5px;
    width: 140px;
    border-bottom: 1px solid #CCC;
    border-top: 1px solid #CCC;
    background-color: #FAFDC6;
}

hvor den #overskrift er en boks med overskriften og navigation bare er tekstboksen..hvordan får man de to bokse "klistret" sammen så der ikke er mellemrum ?

HTML for boksene er:
<p id=\"overskrift\"><b>Overskrift</b></p><p><strong>Test</strong><br/>Dette er en test på en tekst!</p>

Jeg vil tro display: inline; kan gøre det?!

/1..

Det kunne det ikke...eller det kommer i hvert fald ikke til at se pænt ud

Hvad er det, der ikke virker? er mellemrummet der stadig?

/1.

Nej det bliver bare presset helt sammen.

#navigation #overskrift {
    margin:10px 0px 0px 0px;
    padding: 5px;
    width: 140px;
    background-color: #fc0204;
}
#navigation p {
    margin: 0px;
    padding: 5px;
    width: 140px;
    border-bottom: 1px solid #CCC;
    border-top: 1px solid #CCC;
    background-color: #FAFDC6;
}

... der er typisk margin på p elementer fra starten af ... browserne
er ikke helt enige om hvad margin dette er ... en anden css mulighed er måske:

p{margin:0px;}

#navigation #overskrift {
    margin-top:10px;
    padding: 5px;
    width: 140px;
    background-color: #fc0204;
}
#navigation p {
    padding: 5px;
    width: 140px;
    border-bottom: 1px solid #CCC;
    border-top: 1px solid #CCC;
    background-color: #FAFDC6;
}

( det med margin på elementer gælder også for h elementer - hvor man skal
nulstille margin eller fjerne / rette det margin man ikke skal bruge ... )

Der er stadig mellemrum:
http://www.lpwebdesign.dk/exp/

Hvis det er mellemrummet imellem dem der skal
fjernes skal du fjerne margin top i denne her:

#tekst {
    margin-top: 10px;
    padding: 5px;
    width: 140px;
    border-bottom: 1px solid #CCC;
    border-top: 1px solid #CCC;
    background-color: #FAFDC6;
}

->

#tekst {
    padding: 5px;
    width: 140px;
    border-bottom: 1px solid #CCC;
    border-top: 1px solid #CCC;
    background-color: #FAFDC6;
}

P.s.: Når du nulstiller margin med p css tildelingen som i 25/07-2006 20:09:39 behøver du ikke bruge den lange 0px definering af margin på alle leder i elementerne så css kan se ud som her (taget fra css filen i dit link og rettet):

p{margin:0px;}
#tekst {
    padding: 5px;
    width: 140px;
    border-bottom: 1px solid #CCC;
    border-top: 1px solid #CCC;
    background-color: #FAFDC6;
}
       
#minioverskrift {
    margin-top:10px;
    padding: 5px;
    width: 140px;
    background-color: #fc0204;
}

Jeg siger mange tak ;)

Velbekom, og tak for point :o)

Bare lige lidt regelrytteri:

Man bør bruge de elementer i html, som passer til det indhold, man putter i dem. Til overskrifter er der <h1> til <h6>.

Og det burde være overflødigt med en CSS-regel, som peger på #navigation #overskrift, da #overskrift jo er et id, og id må kun bruges en gang i samme dokument. (Med mindre du har flere sider, som bruger samme CSS og der på nogle af disse sider er et element med id="overskrift" som ikke ligger indenfor navigations-området.)

Jeg vil anbefale at bruge f.eks <h2> til overskrifter i menuen. Kodeeksempel:

<h2>Nyhed</h2><p><strong>Test</strong><br/>Dette er en test på en tekst!</p>

Bare lige lidt moralerytteri:
- Man bør aldrig bruge ordet regelrytteri om en ting som rent faktisk
højst kan betegnes som kodnings-etisk-rytteri. Der er ikke en regel
om at man ikke må bruge et p element, en div element, et span
element eller andet til at markere ens overskrift.
... Eller er der en regel jeg ikke kender !)


... jeg er enig med dig om at h elementer er til overskrifter ...


Og markeringen i css pegende på overelement og underelement via
id selectors er selvfølgelig overflødigt når man kun bruger det
samme id en gang pr. side - hvis nu det var class selectors var
det en anden sag selvfølgelig (afhængig af resten af siden selvfølgelig) ...
- Jeg fangede den ikke selv :o) Men, css select metoden skiftede også i
25/07 20:33:46 da der kom en anden css end den der blev vist i 25/07 16:54:31 ...

Ok, du har ret i, at det nok mest er uskrevne regler om god skik, at man ikke bruger andet end H-elementerne til overskrifter. Dem vil jeg dog stadig tillade mig at kalde en slags regler ;-)

Helt ok, kaster lige et par links, hvis
nogle andre kommer forbi og vil læse mere...

http://meyerweb.com/eric/thoughts/2004/07/21/pick-a-heading
http://www.collylogic.com/?/comments/question_time_using_h_tags/
http://jogin.com/weblog/archives/2004/07/19/hierarchy

http://www.w3.org/TR/WCAG10-HTML-TECHS/#document-headers
[ Since some users skim through a document by navigating its headings, it is important to use them appropriately to convey document structure. Users should order heading elements properly. For example, in HTML, H2 elements should follow H1 elements, H3 elements should follow H2 elements, etc. Content developers should not "skip" levels (e.g., H1 directly to H3). Do not use headings to create font effects; use style sheets to change font styles for example. ]