Gå til innhold

Problemer med kode? HJELP!

Hemen112

Av Hemen112
i Programmering og webutvikling

Anbefalte innlegg

Hemen112

Hemen112

Skrevet
Skrevet (endret)

Hallo, jeg holder på å lage hjemmeside på skolen det er en gruppeoppgave.

 

Link : http://iktl.celtichost.net/

 

Men bildet er under ikke på samme sted som content.

 

Dette er koden for html : <!DOCTYPE HTML>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>Webkurs - Dreamweaver</title>

<link href="style.css" rel="stylesheet" type="text/css" />

</head>

<body>

<div id="page">

<div id="header">

</div>

<div id="content">

<div id="content_a">

</div>

 

<div id="content_b">

</div>

</div>

<div id="image">

 

<div id="image_a">

<img src="Registrering.jpg">

</div>

 

<div id="footer">

</div>

</div>

</body>

</html>

 

og

 

¨css

@charset "UTF-8";

/* CSS Document */

/* Arly Dale - 2010 */

 

body {

background: #666666;

padding: 20px; /* 20 piksler på toppen av websiden ned til banneret */

}

h2 {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 16px;

}

p {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 11px;

}

 

#page {

width: 960px; /* Denne bredden må dekke alt innhold inklusive marger og padding på div'ene som ligger innenfor */

background: #FFFFFF;

margin: auto; /* Margene på utsiden er Auto. Da senters page */

}

#header {

height: 200px; /* Høyden på banner i header */

}

 

#content {

height:600px;

width: 960px;

padding: 5px 5px; /* padding er på innsiden av div, margin er på utsiden */

border-bottom:1px solid #000000;

border-top:1px solid #000000;

}

#content_a {

border: 1px solid #aaaaaa ;

width: 685px; /* I tillegg kommer en padding på 10 pikel på hver side --> 705 px) */

height: 580px;

background: #dddddd;

float:left;

margin: 5px;

padding: 0px 10px; /* top = 0, venstre = 10 på innsiden av rammen */

}

#image {

width: 960px;

height: 600px;

border-bottom:1px solid #000000;

border-top:1px solid #000000;

}

#image_a {

width: 60x;

height: 150px;

}

#image_b {

width: 60x;

height: 150px;

}

 

#footer {

height: 30px;

}

Endret av Hemen112
Lenke til kommentar

Videoannonse

Videoannonse
Annonse
K N

K N

Skrevet
Skrevet

Hallo, jeg holder på å lage hjemmeside på skolen det er en gruppeoppgave.

Men bildet er under ikke på samme sted som content.

 

Usikker på om jeg skjønner hva du mener, kan du forklare litt nærmere og evt vise hva du virkelig ønsker? Rediger i Photoshop eller Paint eller noe.

Lenke til kommentar
Crowly

Crowly

Skrevet
Skrevet (endret)

Ved å strukturere koden litt mer fornuftig, så er det lett å oppdage at man mangler avsluttende tagger, og hvor de forskjellige div'ene er plassert

<body>
<div id="page">
	<div id="header"></div>

	<div id="content">
		<div id="content_a"></div>
		<div id="content_b"></div>
	</div>

	<div id="image">
		<div id="image_a">
			<img src="Registrering.jpg"/>
		</div>
	</div> <!-- slutt image ** DENNE MANGLER ** -->

	<div id="footer"></div>
</div> <!-- slutt page -->
</body>

Endret av Crowly
  • Liker 1
Lenke til kommentar
Hemen112

Hemen112

Skrevet
  • Forfatter
Skrevet (endret)

Takk for hjelpen jeg har enda et problem nå. Jeg vil at bildet skal være under content a. Men det settes en strek over bildene. Jeg vil ikke at det skal være sånn er hvordan jeg har tenkt siden skal se ut : SKISSE.png Hvordan endrer jeg det sånn at streken isteden er under bildene isteden for over så jeg får skrevet retigheter?

Endret av Hemen112
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

  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...