Gå til innhold

trenger litt hjelp til koding av side..

B4stian

Av B4stian
i Programmering og webutvikling

Anbefalte innlegg

B4stian

B4stian

Skrevet
Skrevet

trenger litt hjelp til et par ting:

 

- hvordan få bakgrunnsbilde på innholdet (det store hvite feltet)?

 

- er html-koden helt fucket opp etter jeg åpnet dokumentet i frontpage?

 

html:

<html>
<head>
<title>mobilting.com - alltid billige tjenester</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="style.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" 
</head>

<body bgcolor="#000000">


<div class="container">
<div id="header" style="width: 610px; height: 595px"> 
<img border="0" src="mobilting_header1.jpg" width="612" height="120"><div id="meny" style="width: 612px; height: 20px">
<p align="center"><b><font face="Arial" color="#CCCCCC">
<a href="index.dwt">Forsiden</a> </font><font face="Arial" color="#FFFFFF">
|</font><font face="Arial" color="#CCCCCC">
<a href="index.dwt">Logoer</a></font><font face="Arial" color="#FFFFFF"> |</font><font face="Arial" color="#CCCCCC">
<a href="index.dwt">Bakgrunnsbilder</a> </font>
<font face="Arial" color="#FFFFFF">
|</font><font face="Arial" color="#CCCCCC">
<a href="index.dwt">RIngetoner</a> </font>
<font face="Arial" color="#FFFFFF">
|</font><font face="Arial" color="#CCCCCC">
<a href="index.dwt">Bli medlem?</a> </font>
<font face="Arial" color="#FFFFFF">
| </font><font face="Arial" color="#CCCCCC">
<a href="index.dwt">Kontakt</a></font></b></div>
<div id="footer" style="width: 612px; height: 498px">
<p><font face="Courier">Lorem Ipsum is simply dummy text of the printing and typesetting 
industry. Lorem Ipsum has been the industry's standard dummy text ever since the 
1500s, when an unknown printer took a galley of type and scrambled it to make a 
type specimen book. It has survived not only five centuries, but also the leap 
into electronic typesetting, remaining essentially unchanged. It was popularised 
in the 1960s with the release of Letraset sheets containing Lorem Ipsum 
passages, and more recently with desktop publishing software like Aldus 
PageMaker including versions of Lorem Ipsum. <br>
It is a long established fact that a reader will be distracted by the readable 
content of a page when looking at its layout. The point of using Lorem Ipsum is 
that it has a more-or-less normal distribution of letters, as opposed to using 'Content 
here, content here', making it look like readable English. Many desktop 
publishing packages and web page editors now use Lorem Ipsum as their default 
model text, and a search for 'lorem ipsum' will uncover many web sites still in 
their infancy. Various versions have evolved over the years, sometimes by 
accident, sometimes on purpose (injected humour and the like). <br>
<br>
Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots 
in a piece of classical Latin literature from 45 BC, making it over 2000 years 
old. Richard McClintock, a Latin professor at Hampden-Sydney College in 
Virginia, looked up one of the more obscure Latin words, consectetur, from a 
Lorem Ipsum passage, and going through the cites of the word in classical 
literature, discovered the undoubtable source. Lorem Ipsum comes from sections 
1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and 
Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of 
ethics, very popular</font></div>

</div>

</body>
</html>

 

css:

div.container {
width: 612px;
margin: 0 auto;
background: #FFF;
}

div#header {
width: 612px;
height: 50px;
background: #FFF;
margin-bottom: 5px;
}

div#meny {
margin-right: 10px;
width: 612px;
height: 10px;
background: #000;
float: left;
display: inline;
}

div#footer {
width: 100%;
height: 1px;
overflow: hidden;
clear: both;
}


a {
text-decoration:none;
color:#CCCCCC;
}

a:hover {
text-decoration;
color:#FFF;
}

a:active {
text-decoration:none;
color:#6E82DC;
}

a:visited {
text-decoration:none;
color:#6E82DC;
}

a:visited:hover {
text-decoration;
color:#FFF;
}

 

siden finner du også her!

Lenke til kommentar

Videoannonse

Videoannonse
Annonse
magh

magh

Skrevet
Skrevet

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

<link rel="stylesheet"

</head>

 

Hva gjør linjen i midten der?

 

Bakgrunn kan du få ved å legge til

 

body {
background: url(background.jpg)
}

 

i stilarket.

 

Koden ser forresten grusom ut.

Lenke til kommentar
B4stian

B4stian

Skrevet
  • Forfatter
Skrevet (endret)

jaja, koden får jeg ta meg av senere..

 

men er det ikke noe med background: image eller no da?

 

div.container {
width: 612px;
margin: 0 auto;
}

div#header {
width: 612px;
height: 50px;
background: #FFF;
margin-bottom: 5px;
}

div#meny {
margin-right: 10px;
width: 612px;
height: 10px;
background: #000;
float: left;
display: inline;
}

div#footer {
width: 100%;
height: 1px;
overflow: hidden;
clear: both;
background-image: "test.jpg";
}

 

hva er feil med backgorund image??

Endret av datating
Lenke til kommentar
Simon Zimmermann

Simon Zimmermann

Skrevet
Skrevet

- er html-koden helt fucket opp etter jeg åpnet dokumentet i frontpage?

Ja!

bgcolor, align, b, font face, font color

Alle HTML elementene nevnt over er frarådet av The World Wide Web Consortium.

Det er veldig enkelt å befri seg fra disse elementene og i stedenfor bruke CSS til å gjøre akkurat det samme.

Jeg anbefaler dem på det sterkeste å gjøre det.

  1. W3c - mer detalj om disse elementene.
  2. W3schools - anngående CSS
  3. W3schools - anngående CSS bakgrunn

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...