midtstille en tekst

[chipmann]

Hei! Vet noen hvordan jeg kan midtstille en tekst i html? Eller å sette inn et bilde for så å midtstille det?

[Gjest Slettet-Pqy3rC]

align=center

eks;

<H1 align=center>Text</H1>

[Jesper Karsrud]

ÆÆ! Helt feil!

 

p {
text-align: center;
}

<p>Midstilt paragraf</p>

 

Midtstilt tekst er en del av den visuelle presentasjonen av teksten, og skal dermed gjøres i CSS, ikke i HTML!

[chipmann]

Men hva skulle jeg gjort om jeg ønsket å legge teksten til høyre side?

[_Evolution_]

da bytter du ut center, med right

[Gjest Slettet-Pqy3rC]

Men hva skulle jeg gjort om jeg ønsket å legge teksten til høyre side?

6289563[/snapback]

 

Har du dårlig fantasi?

 

align = right

 

Edit: ooops, en smule sein...

Endret 11. juni 2006 av Slettet-Pqy3rC

[hockey500]

nei, da bruker du:

p
{
text-align:right;
}

[Gjest Slettet-Pqy3rC]

Midtstilt tekst er en del av den visuelle presentasjonen av teksten, og skal dermed gjøres i CSS, ikke i HTML!

 

Vel, vel det er enklere å legge den inn direkte inn i HTML i starten (når du er fersk), så kan en jo forske ut CSS etterhvert....

[Haraldson]

Hvorfor ikke bare lære gutten det rette med en gang, istedenfor at han må gå innom 1994-kode?

[Jesper Karsrud]

Midtstilt tekst er en del av den visuelle presentasjonen av teksten, og skal dermed gjøres i CSS, ikke i HTML!

 

Vel, vel det er enklere å legge den inn direkte inn i HTML i starten (når du er fersk), så kan en jo forske ut CSS etterhvert....

6289616[/snapback]

Det er ikke enklere når det er feil... Vranglære lønner seg aldri uansett...

[Gjest Slettet-Pqy3rC]

Midtstilt tekst er en del av den visuelle presentasjonen av teksten, og skal dermed gjøres i CSS, ikke i HTML!

 

Vel, vel det er enklere å legge den inn direkte inn i HTML i starten (når du er fersk), så kan en jo forske ut CSS etterhvert....

6289616[/snapback]

Det er ikke enklere når det er feil... Vranglære lønner seg aldri uansett...

6289646[/snapback]

 

Du er da fælt så bastant

 

Her er litt fra W3C:

 

9.3.1 Paragraphs: the P element

<!ELEMENT P - O (%inline;)*            -- paragraph -->

<!ATTLIST P

  %attrs;                              -- %coreattrs, %i18n, %events --

  >

 

Start tag: required, End tag: optional

 

Attributes defined elsewhere

 

id, class (document-wide identifiers)

lang (language information), dir (text direction)

title (element title)

style (inline style information )

align (alignment)

 

The P element represents a paragraph. It cannot contain block-level elements (including P itself).

 

We discourage authors from using empty P elements. User agents should ignore empty P elements.

 

som du ser, kan en jo putte inn 'align' her ...

[chipmann]

Men hva skulle jeg gjort om jeg ønsket å legge teksten til høyre side?

6289563[/snapback]

 

Har du dårlig fantasi?

 

align = right

 

Edit: ooops, en smule sein...

6289597[/snapback]

 

Align=right ?

 

Er det ikke align: right;

 

Det er det jeg har lært ut fra dette i alle fall. Tusen takk til alle som har hjulpet Holder på med en nettside nå.

[Haraldson]

Tiltman: Dette er uansett noe du fikser i CSS, selv om det går an. Midtstilling er i 99% av tilfellene en ren visuell greie.

 

Og for å pirke på deg, skal du først bruke align, skal du ha med hermetegn:

<p align="center">

[Jesper Karsrud]

Midtstilt tekst er en del av den visuelle presentasjonen av teksten, og skal dermed gjøres i CSS, ikke i HTML!

 

Vel, vel det er enklere å legge den inn direkte inn i HTML i starten (når du er fersk), så kan en jo forske ut CSS etterhvert....

6289616[/snapback]

Det er ikke enklere når det er feil... Vranglære lønner seg aldri uansett...

6289646[/snapback]

 

Du er da fælt så bastant

 

Her er litt fra W3C:

 

9.3.1 Paragraphs: the P element

<!ELEMENT P - O (%inline;)*            -- paragraph -->

<!ATTLIST P

  %attrs;                              -- %coreattrs, %i18n, %events --

  >

 

Start tag: required, End tag: optional

 

Attributes defined elsewhere

 

id, class (document-wide identifiers)

lang (language information), dir (text direction)

title (element title)

style (inline style information )

align (alignment)

 

The P element represents a paragraph. It cannot contain block-level elements (including P itself).

 

We discourage authors from using empty P elements. User agents should ignore empty P elements.

 

som du ser, kan en jo putte inn 'align' her ...

6289761[/snapback]

Kall meg gjerne bastant hvis du vil det, men jeg har faktisk rett... For align er deprecated i HTML4.01 spesifikasjonen...

[_Evolution_]

Tiltman: Dette er uansett noe du fikser i CSS, selv om det går an. Midtstilling er i 99% av tilfellene en ren visuell greie.

 

Og for å pirke på deg, skal du først bruke align, skal du ha med hermetegn:

<p align="center">

6289780[/snapback]

er det ikke

p
{
text-align: "right";
}

 

sånn som jeg og hockey500 mener.

Endret 11. juni 2006 av _Evolution_

[Haraldson]

Stemmer det, og når Jibba her også kommer med info jeg egentlig burde ha på lur under hjernebarken, nemlig at align er utdatert i HTML 4.01-spesifikasjonen, er det bare å kjøre på med CSS.

[Nano-]

er det ikke

p
{
text-align: "right";
}

 

sånn som jeg og hockey500 mener.

6289828[/snapback]

Som oftest ikke fnutter i CSS

p {
    text-align: right;}

Endret 11. juni 2006 av Nano-

[Gjest Slettet-Pqy3rC]

Og bare for å forvirre til slutt;

 

Definer alt du skriver av html i 10-15 ulike klasser (class=), og gi klassene du har brukt layout i CSS. Da kommer CSS metodene virkelig til nytte.

 

unnskyld, en smule off topic

[chipmann]

Hehe... Mange rare svar, men ok. Takk! Men nå trenger jeg en annen type midtstilling... Eller.. Man kan vel kanskje ikke kalle det midtstilling.. Ikke vet jeg, men jeg ønsker i alle fall å lage det slik at det er tomrom til høyre og til venstre slik at teksten er vanlig venstrestilt bare at den står i midten. Slik som på denne siden

Hva gjør jeg da?

Endret 12. juni 2006 av chipmann

[Nano-]

Legg teksten i paragrafer (<p></p>), og sett enten margin eller padding på sidene.

<p>Dette er en tekst som har like stort mellomrom på begge sidene</p>

p {
  padding: 0 20px;}