Gå til innhold

Midtstilling av nettside


Anbefalte innlegg

Skrevet

Hei!

 

Har et spørsmål ang midtstilling av nettsider. Holder på med å lære meg design (html). Prøver designe en side tilsvarende denne: http://lovesocial.org/. Men sliter med at alt legges automatisk til venstre. Mens jeg vil gjerne ha siden slik at alt er midtstilt. Dvs at bilder/ tekst er i midten enten man ser siden via PC/ ipad/ iphone. Har til en viss grad klart det ved å midtstille en tabell, for så å putte all tekst osv inne i denne. Men da mister jeg div design som f.eks den sorte voksen som strekker seg over hele nettsiden, og som følger med om man zoomer. Noen som kan hjelpe?

Videoannonse
Annonse
Skrevet

HTML brukes for å legge inn tekst og lenker. Grunnsteinene til siden. CSS er det som skal brukes til design. Er ikke veldig vanskelig å lære seg det i tillegg.

Om du bruker bare HTML vil du få klassiske 90-talls sider.

Skrevet
<!DOCTYPE html>
<html lang="no">
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
html, body {
	margin:0;
	padding:0;
	background:#e7e7e7;
}
section {
	margin:0 auto;
	padding:25px;
	width:800px;
	background:#fff;
}
.boks { width:100%; }
.boks, .boks section { background:#222; }
</style>
</head>
<body>
	<section>
		<p>Her kommer det innhold</p>
		<p>Her kommer det innhold</p>
		<p>Her kommer det innhold</p>
		<p>Her kommer det innhold</p>
		<p>Her kommer det innhold</p>
		<p>Her kommer det innhold</p>
	</section>
	<div class="boks">
		<section>
			<p>Her kommer det innhold</p>
			<p>Her kommer det innhold</p>
			<p>Her kommer det innhold</p>
			<p>Her kommer det innhold</p>
			<p>Her kommer det innhold</p>
		</section>
	</div>
	<section>
		<p>Her kommer det innhold</p>
		<p>Her kommer det innhold</p>
		<p>Her kommer det innhold</p>
		<p>Her kommer det innhold</p>
		<p>Her kommer det innhold</p>
		<p>Her kommer det innhold</p>
		<p>Her kommer det innhold</p>
	</section>
</body>
</html>

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å
×
×
  • Opprett ny...