Jump to content
Sign in to follow this  
smurfine

midtstilling av tekst i css

Recommended Posts

Har et problem. Se på overskriften på denne siden: http://www.dikemarkrideskole.no/dike/ridetimer.html Vil ha den i midten av cella, dvs litt ned, men får det ikke til i css. Noen forslag?

 

Html:

 

<div id="overskrift">

<h2 align="center">RIDETIMER</h2>

</div>

 

css:

 

#overskrift {

margin-left: 15px;

margin-top: 20px;

}

 

h2 {

width: 640px;

height: 50px;

font-weight: bold;

font-size: 25px;

border: 2px solid #000;

background-color: #FFCC33;

font-family: Georgia, verdana;

}

Share this post


Link to post

text-align: center;

 

EDIT: Overskriften er midtstillt hos meg :dontgetit:

Edited by PT

Share this post


Link to post

Du mente kansje vertikal midtstilling?

 

Prøv med

margin-top: 10px;

margin-bottom: 10px;

 

Det er det samme hva du har i margin-top og margin-bottom, bare de har samme verdier.

Share this post


Link to post

CSS har bare evnen til å midtstille en tekst vertikalt i en tabellcelle, så det du må gjøre er å sette lik verdi på margin-top og margin-bottom til h2, som Jørgen viser.

 

Bruk forresten CSS-egenskapen text-align: center;h2 i stedet for å bruke HTML-attributen align, så mye CSS som mulig er foretrukket.

 

(Hm, har ikke forumet støtte for abbr? :D)

Edited by satyrium

Share this post


Link to post

det var rart. når jeg setter margin-top: 10px; og margin-bottom: 10px; i <h2> skjer det ikke mye. Det eneste som skjer er at de 3 bildene såvidt flytter seg litt opp.

Share this post


Link to post

Det beste er vel å la være å sette height på den h2'en. Så kunne du heller bare sagt padding: 10px 0; f.eks. Da vil teksten som er sentrerert i h2'en få like mye rom over seg som under. Du trenger vel egentlig ikke nevne width på h2'en heller, siden denne fyller bredden automatisk. (Hvis det ikke er noe annet jeg har blingset på)

Share this post


Link to post
Det beste er vel å la være å sette height på den h2'en. Så kunne du heller bare sagt padding: 10px 0; f.eks. Da vil teksten som er sentrerert i h2'en få like mye rom over seg som under. Du trenger vel egentlig ikke nevne width på h2'en heller, siden denne fyller bredden automatisk. (Hvis det ikke er noe annet jeg har blingset på)

:yes:

Share this post


Link to post

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...