Hvordan midtstille tekst og bilder i en html side?

[_Adler_]

Hei!

Jeg ønsker å lage en html side, der teksten skal være midtstillt. Slik som man kan gjøre i word. Hvordan gjør jeg dette?

Har også et annet spørsmål; hvordan skal jeg midtstille et bilde på hjemmesiden min (hvilken html kode må jeg skrive inn)? Jeg vil gjerne reklamere litt for Firefox (bare teste litt ). Så jeg har lyst til å bruke følgende kode (blir et firefox-ikon og litt tekst):

 

<a
href="http://www.spreadfirefox.com/?q=affiliates&id=0&t=55"><img
border="0" alt="Get Firefox!" title="Get Firefox!"
src="http://sfx-images.mozilla.org/affiliates/Buttons/180x60/trust.gif"/></a>

 

Så hva skal jeg gjøre for å midtstille ikonet på siden?

Hva skal jeg gjøre hvis jeg selv vil bestemme hvor det skal være hvis jeg gjør det i notisblokk? Altså at det skal være f.eks. 3 cm fra venstre hjørne osv.?

 

Finnes det guider ang. det jeg spør om, så kan jeg gjerne lese dem.

 

På forhånd takk for svar!

 

PS: Er nybegynner innen dette emnet

[Aisutora]

Bare for å si en ting. Det ser ikke pent ut med midtstilt tekst uansett. Det er plagsomt å lese. Spesielt siden alle linjene blir i forskjellig lengde. Jeg vile ikke midtstilt de.

[_Adler_]

Bare for å si en ting. Det ser ikke pent ut med midtstilt tekst uansett. Det er plagsomt å lese. Spesielt siden alle linjene blir i forskjellig lengde. Jeg vile ikke midtstilt de.

OK, men jeg har gjerne lyst å vite hvordan man midtstiller et bilde, eller den koden som jeg nevnte.

Og det at teksten skal være f.eks. så og så langt fra venstee hjørne osv.

[Kirikiri]

Rundt <img>-tagen kan du sette en <div>.

Sett <div align="center", så får du det midt på siden.

For å sette bildet x lengde fra venstre, så kan du bruke abosolute positioning:

<div style="LEFT: 3cm; POSITION: absolute; TOP: 3cm;"></div>

 

Ville heller brukt px enn cm, og heller testet litt hvordan det ser ut på skjermen. Forskjellige browsere takler positioning på forskjellige måter, og de fungerer på litt forskjellige måter hvis det blir overlapp. Så la det være litt rom rundt bildet ditt hvis du bruker absolute pos.

 

Søk i forumet etter "tutorials", for å finne linker til steder hvor du kan plukke opp tips om webdesign.

 

Kirikiri

[Domodyret]

body, html {

text-align:center

}

 

Men da må du sette "left" på all teksten da.

[_Adler_]

Takk for svar!

Er som sagt helt ny innet dette så jeg har ikke peiling om noe. Dere som kan HTMl har dere slike koder i hodet eller ser dere etter (internettsider, notater dere har skrevet opp) når dere skal lage sider?

[toak]

Jeg har det meste i hodet, det jeg ikke har i hodet finner jeg på internett. Ellers så bruker jeg 1st Page, der de vanligste HTML kodene ligger i programmet.

[Kirikiri]

Mye sitter i hodet, men jeg bruker også internett aktivt for å finne ut av ting jeg lurer på. Dette forumet er også ganske greit, man kan spørre om mye rart og like vel få svar på det meste. Etterhvert som man jobber med det, så finner man ut hvilke sider som er gode, og hva man skal søke etter for å finne det man leter etter.

 

Med "gammel" HTML så var det litt sånn at hvis man har skjønt poenget med å skru av og på tagger, og du kunne de 20 vanligste, så kunne du lage gode sider i f.eks. Notepad. Nå er Notepad fremdeles veldig brukbart, men man må kunne litt mer og litt mindre. Hvis man bruker divs, så trenger man ikke bruke tabeller, og du må kunne færre tagger. Men du må kunne mer om å håndtere div, så det går ganske opp i opp.

 

Alt i alt er HTML et rimelig enkelt "programmerings"-språk å skjønne strukturen i. Når man først kommer i gang, så er det hele ganske logisk bygd opp. Det greieste er kanskje å titte på kildekoden tl sider du liker, og se hvordan de gjør det. Så skjønner du mer av hvordan man bygger opp en webside.

 

I år er det 10 år siden jeg lagde min første webside*, men jeg gjør stadig brølere. Selv om man har en viss oversikt, så er det fullt mulig å gjøre feil. Så det gjør ikke noe å være nybegynner og spørre om ting, alle andre har vært der før deg.

 

Kirikiri

* Argh! Nå føler jeg meg gammel igjen!

[magikern]

for midtstilling av <img>:

#CSS
img {
   margin: 0px auto;
}

extra mat rundt som f.eks <div> trengs ikke med mindre den i seg selv har en egen funksjon...

 

eventuellt kan du gi de midtstillte bildene en egen klasse hvis du skal ha bilder uten midtstilling

#HTML
<img class="c" alt="" src="" />
#CSS

img.c {
   margin: 0px auto;
}

 

hvis du har en grei inndeling av siden med f.eks noe som dette:

<div id="container">
<div id="header"></div>
<div id="content">
<img src="" alt="" /><img src="" alt="" />
</div>
<div id="footer"></div>
</div>

og du vil sentrere alle bilder innenfor content kan dette passe bra:

#content img {
  margin: 0px auto;
}

[haugsand]

for midtstilling av <img>:

#CSS
img {
   margin: 0px auto;
}

Dette er feil. margin: 0 auto; midtstiller bare blokkelementer, og img er et inlinelement. For at denne koden skal virke, må det i tillegg legges til display: block;

[pgdx]

Har alle kodene i hodet. Jeg kan anbefale deg, hvis du bruker windows (Gud forby), å laste ned et program som heter Notepad2 (lisensiert under GPL).

[_Adler_]

Hei!

Har eksperimentert litt og har også funnet mange bra "nybegynner-html sider" og funnet litt info.

Når det kommer til det med nøsting og om tagger opptrer i par så er det noe man kan se litt mer eller mindre bort ifra etter innføringen av XHTML1.0 standarden. Den krever at alle tagger blir avsluttet når de ikke gjelder lengre. Dette vil ikke påvirke eldre HTML standarder. Det kan likevel innføres som en god praksis da det bidrar til både ryddigere kode, en mer bevisst holdning til hva man driver med, samt at det vil kunne gjøre en senere overgang enklere.

Det med å skru av og på tagger gjelder det også xhtml. Leste litt om Xhtml men forstod ikke så mye (hva forskjellen er), noen som kan forklare?

Skru av og på tagger: <B>Tekst<B/> (kode slik at teksten blir Bold).

Det er slik jeg skriver, gjelder det vanlig html og xhtml?

Enda en ting jeg lurer på:

Norske tegn og spesialtegn

 

Det er mulig du lager sider der folk fra utlandet ønsker å komme inn og se på innholdet av sidene, da er det lurt å bruke følgende koder for Norske tegn og noen spesialtegn:

Tegn:

 

Kode:

æ

æ

Æ

Æ

ø

ø

Ø

Ø

å

å

Å

Å

©

©

&

&

<

<

>

>

Dette fant jeg på en internett-side. For å skrive < må man altså skrive <. Men gjelder det hvis hjemmesiden skal skrives på norsk eller bare hvis man skal skrive engelsk? Er det best å bruke < eller < (hva bruker dere å skrive)?

 

Mange spørsmål, men håper jeg i alle fall får svar på noen.

[pgdx]

Det gjelder hvis tegnet < skal tolkes som begynnelsen på en tag, eller om det skal komme opp som et symbol på siden.

[janfredrik]

Dette fant jeg på en internett-side. For å skrive < må man altså skrive <. Men gjelder det hvis hjemmesiden skal skrives på norsk eller bare hvis man skal skrive engelsk? Er det best å bruke < eller < (hva bruker dere å skrive)?

Gjelder vel begge språk.

 

Og ja, jeg mener også at <b> er sånn på XHTML også.