Gå til innhold

Prøve meg på Web-design

spamex

Av spamex
i Programmering og webutvikling

Anbefalte innlegg

Videoannonse

Videoannonse
Annonse
spamex

spamex

Skrevet
  • Forfatter
Skrevet (endret)

Ok, så hvis jeg skal få midtstilt alt hvordan gjør jeg det da?'

 

Jeg prøvde å sette bakgrunnsbilde men funker ikke :(

 

noe feil med dette:

<html>
body {
background-image:url('snomann.jpeg');
background-repeat:no-repeat;
background-position:center;
}

.center {
text-align:center;}



</html>

Endret av VenaTio
Lenke til kommentar
Kakeshoma

Kakeshoma

Skrevet
Skrevet (endret)

<html> er en HTML-tag

 

I CSS skal du bare skrive "html" eller "body" uten "". De skal heller ikke avsluttes.

 

Kan være morsommere å bruke

body
{
background:url('xxx.jpg') no-repeat center top;
}

Feks. Da trenger du ikke ha et nytt element for hver ting som endrer bildets posisjon og egenskaper.

Endret av Kakeshoma
Lenke til kommentar
spamex

spamex

Skrevet
  • Forfatter
Skrevet (endret)

Jeg prøvde på nytt med dette: 

body {
background-image:url('snomann.jpeg');
background-repeat:no-repeat;
background-position:center;
}

.center {
text-align:center;}
h1 {
text-align:center;
text-decoration:underline
}
tr {
text-align:center
}

 

Men funka heller ikke.

 

Nå funka det :D Måtte ta vekk "e" i "jpeg".

Endret av VenaTio
Lenke til kommentar
spamex

spamex

Skrevet
  • Forfatter
Skrevet

Hvorfor får jeg ikke midstilt table, kan noen se feilen?

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Side 3</title>
<link rel="stylesheet" type="text/css" href="css.css" />
</head>

<body>
<h1 class="center"> Velkommen! </h1>
<table class="center" width="auto" border="0">


<tr valign="top">
<td style="font-family:verdana;font-size:20px;width:100px;text-align:top;">
<b>Menu</b>
<a href="http://www.Diskusjon.no/" target="_blank"><b>Diskusjon</b></a>
<a href="http://www.facebook.no/" target="_blank"><b>Facebook</b></a>
<a href="http://www.Google.no/" target="_blank"><b>Google</b></a>
<a href="http://www.w3schools.com/html/" target="_blank"><b>w3schools</b></a>
</td>
<td style="color:black;width:1600px;height:100px;font-size:20px"> Hei Hei </td>
</tr>
</table>
</body>
</html>

 

og

 

body {
background-image:url('juletre.jpg');
}

.center {
text-align:center;}
h1 {
text-align:center;
text-decoration:underline;
color:red; 
}
tr {
text-align:center;
}
table {
text-align:center;
}
td {
text-align:center;
}

Lenke til kommentar
Kakeshoma

Kakeshoma

Skrevet
Skrevet (endret)

Sentere hel side:

body
{
text-align:center;
margin:0;
}

#content {
width:600px;
min-height:500px;
margin:0 auto;
box-shadow: 0 0 5px 5px #888;
text-align:left;
}

 

Alt innhold på siden skal inn i en div med id content

Du kan endre text-align til center for å ha alt på midten, eller bruke andre elementer alene som

p
{text-align:center;

Endret av Kakeshoma
Lenke til kommentar
Kakeshoma

Kakeshoma

Skrevet
Skrevet

HTML-koden er da:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Side 3</title>
<link rel="stylesheet" type="text/css" href="Untitled_1.css" />
</head>

<body>

<div class="content">
<h1> Velkommen! </h1>
<a href="http://www.Diskusjon.no/" target="_blank"><b>Diskusjon</b></a><br />
<a href="http://www.facebook.no/" target="_blank"><b>Facebook</b></a><br />
<a href="http://www.Google.no/" target="_blank"><b>Google</b></a><br />
<a href="http://www.w3schools.com/html/" target="_blank"><b>w3schools</b></a> <br />
<p>Hei Hei </p>

</div>
</body>
</html>

 

Syns du bruker mye tables.. Ofte du bør bruke diver og til tekst bruker du p...

Lenke til kommentar
Beritaron

Beritaron

Skrevet
Skrevet (endret)

Et lite tips om du ønsker deg å kjøpe noen bøker (om du er stabil på engelsken og pappa er villig til å låne bort et VISA-kort). Sitepoint har i dag tilbud på tre nybegynnerbøker, en om HTML og CSS, en om CSS, og en om PHP og mySQL. De selges for $41, da får du både print og ePack (med PDF og to andre formater).

 

Har lest to av dem, og de er nokså greie. CSS-boken er kanskje ikke den beste til å lære CSS, men du vil gå igjennom en rekke spesifikke mål for layout og få en grei forståelse for det og boken kan enkelt brukes som referanse når du trenger det.

 

Det finnes allikevel bedre bøker der ute. Synes CSS: The Missing Manual er en av de bedre som retter seg mot CSS, til tross for at jeg ikke har lest den ferdig enda, så kan bare ta utgangspunkt i ca 1/3 av boken.

Endret av tamarin
Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste
×
×
  • Opprett ny...