/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Overskrift uden linieskift??
Fra : John Klindt


Dato : 21-05-03 11:21

Hej - super newsgroup tak for alt den hjælp dette giver.

På min hjemmeside laver jeg forskellige tekstindlæg med
hovedoverskrift og underoverskrifter. Jeg vil gerne have at
underoverskrifter ikke automatisk giver et ekstra linieskift til
brødteksten. Hvis jeg bruger den med no-white, fylder teksten hele
siden og min menu forsvinder nedenud. Nogen ideer?
Se evt.: http://www.klindt.dk/tema/Generationsskifte.shtml

pft John Klindt

 
 
Jens Gyldenkærne Cla~ (21-05-2003)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 21-05-03 12:19

John Klindt skrev:

> På min hjemmeside laver jeg forskellige tekstindlæg med
> hovedoverskrift og underoverskrifter. Jeg vil gerne have at
> underoverskrifter ikke automatisk giver et ekstra linieskift
> til brødteksten.

Altså at brødteksten følger umiddelbart efter (og ikke under) en
overskrift?


> Hvis jeg bruger den med no-white,

Hvad er "den med no-white"?

> Nogen ideer?

Flere.

En hel simpel mulighed er at udskifte din <div class="p4"> med en
<span class="p4">, og lægge den ind i dit p-element. Span er et
inline-element, derfor kommer der ikke linjeskift efter det.

Det vil være bedre at markere din overskrift som en overskrift -
det vil sige at bruge hx (h1, h2, h3, h4, ...) til at markere
betydningen af teksten. Hx er i lighed med div og p et blok-
element, så for at få den ønskede effekt skal du omdefinere både hx
og p:

CSS:
   h3.p4, p.afsnit{ display: inline; }

HTML:
<h3 class="p4">Overskrift her</h3>
<p class="p4">Her følger teksten</p>

Eftersom begge ovenstående elementer nu er defineret som inline,
vil du formentlig mangle en blokafgrænsning af de enkelte afsnit
(flere afsnit formateret som ovenstående vil følge umiddelbart
efter hinanden, uden linjeskift før en ny overskrift). Det kan du
undgå ved at pakke afsnittene ind i en blok:

<div class="afsnit">
   <h3 class="p4">Overskrift her</h3>
   <p class="p4">Her følger teksten</p>
</div>

- og så definere passende margen og padding på div-blokken.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

John Klindt (22-05-2003)
Kommentar
Fra : John Klindt


Dato : 22-05-03 19:51

> Altså at brødteksten følger umiddelbart efter (og ikke under) en
> overskrift?
Nej, ikke sådan:

Overskrift

Brødteksten vil så stå her ....

MEN sådan:

Overskrift
Brødteksten vil så stå her ....

altså uden det sædvanlige linieskift efter "blokken".

> Hvad er "den med no-white"?

sorry - jeg mente no-wrap!

Okay - jeg prøver dine ideer, tak.
mvh John

Jens Gyldenkærne Cla~ (22-05-2003)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 22-05-03 20:45

John Klindt skrev:

> MEN sådan:
>
> Overskrift
> Brødteksten vil så stå her ....
>
> altså uden det sædvanlige linieskift efter "blokken".

O.k. - det er heldigvis noget lettere at lave. Her skal du blot
justere margen og fyld (margin/padding) for de involverede
elementer.

Hvis du bruger browseren Mozilla, kan du med værktøjet DOM
Inspector hurtigt få overblik over om "luften" mellem to elementer
skyldes det ene eller det andet element.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

Lasse Reichstein Nie~ (22-05-2003)
Kommentar
Fra : Lasse Reichstein Nie~


Dato : 22-05-03 22:56

Jens Gyldenkærne Clausen <jens@gyros.invalid> writes:

> O.k. - det er heldigvis noget lettere at lave. Her skal du blot
> justere margen og fyld (margin/padding) for de involverede
> elementer.
>
> Hvis du bruger browseren Mozilla, kan du med værktøjet DOM
> Inspector hurtigt få overblik over om "luften" mellem to elementer
> skyldes det ene eller det andet element.

In dette tilfælde er det nok begge.
Det du skal pille ved er margin-bottom på h1-elementet og margin-top
på p-elementet. Eksempel:

<style type="text/css">
h1 {margin-bottom:0em;}
p {margin-top:0em;}
</style>

Det er måske lidt overdrevet med 0px, fiffel selv med hvor stor
margin du vil have. I moderne browsere kan man sætte marginen
specielt for den første paragraf efter en overskrift:

h1 + p {margin-top:0em;}

/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
Art D'HTML: <URL:http://www.infimum.dk/HTML/randomArtSplit.html>
'Faith without judgement merely degrades the spirit divine.'

Søg
Reklame
Statistik
Spørgsmål : 177554
Tips : 31968
Nyheder : 719565
Indlæg : 6408857
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste