Gå til innhold

farge under meny, noe liknende den hw.no har..

B4stian

Anbefalte innlegg

Videoannonse

Videoannonse
Annonse
B4stian

B4stian

Skrevet
  • Forfatter
Skrevet

css-style'n min:

 

div.container {

width: 680px;

margin: 0 auto;

background: #FFF;

}

 

div#header {

width: 680px;

height: 50px;

background: #FFF;

margin-bottom: 5px;

}

 

 

div#innhold {

width: 520px;

height: 600px

background: #FFF;

float: left;

}

 

div#footer {

width: 100%;

height: 1px;

overflow: hidden;

clear: both;

}

 

 

hvem skal forandres da?

B4stian

B4stian

Skrevet
  • Forfatter
Skrevet

vel..har prøvd meg hittil på denna:

 

div#meny {

width: 680px

height: 50px

background: url: "bg.gif";

}

 

er detta riktig, og hva mangler?

PT

PT

Skrevet
Skrevet (endret)
vel..har prøvd meg hittil på denna:

 

div#meny {

width: 680px;

height: 50px;

background-image: url(bg.gif);

}

 

er detta riktig, og hva mangler?

Se sakene med fet skrift i quoten

Endret av PT
B4stian

B4stian

Skrevet
  • Forfatter
Skrevet

takk.. men det fungerer dårlig..

 

skal det kanskje stappes noe inn i denna koden også:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

 

<html>

<head>

<title>datating.com</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="#B7BAB4">

 

 

<div class="container">

 

<div id="header" style="width: 667px; height: 549px">

<img border="0" src="header.JPG" width="681" height="120">

<div id="innhold" style="width: 669px; height: 54px">

<p align="center"><font face="Courier New">Hovedside | Tester | Forum | Tjen penger | Webcam</font></div>

<div id="footer" style="width: 679px; height: 313px">

<blockquote>

<i>15.05.2004:</i>  <font face="Arial">Dette er det nye designet

som vil komme opp om få dager..</font></blockquote>

</div>

 

</div>

 

</body>

</html>

joe45

joe45

Skrevet
Skrevet

Har du glemt 

<div id="meny">

kanskje. Du bør også legge inn background color og font i stylesheet. I det hele tatt, få mest mulig av "sjiten" i CSS.

B4stian

B4stian

Skrevet
  • Forfatter
Skrevet (endret)

har prøvd å putte inn <div id="Meny" osv... men får det ikke til.. noe annet jeg kan gjøre?

 

dette er kodene:

html:

<html>

<head>

<title>datating.com</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="#B7BAB4">

 

 

<div class="container">

 

<div id="header" style="width: 667px; height: 549px">

<img border="0" src="header.JPG" width="681" height="120">

<div id="meny"></div>

<div id="innhold" style="width: 669px; height: 21px">

<p align="center"><font face="Courier New"><a href="index.html">Hovedside</a> |

<a href="rheobus.html">Tester</a> |

<a target="_blank" href="http://www.forum.datating.com/">Forum</a> | <a href="index.html">Tjen penger</a> |

<a href="index.html">Webcam</a> | <a href="mailto:[email protected]">Kontakt</a></font></div>

<div id="footer" style="width: 679px; height: 390px">

<blockquote>

<p> </p>

<p><i>21.05.2004:</i>  <font face="Arial">Har lagt til testen, og

en enkel hoved-effekt på knappene!      

[v 0.2]</font></p>

<p><i>19.05.2004:</i>  <font face="Arial">Dette er det nye designet

som vil komme opp om få dager..   [v 0.1]</font></p>

</blockquote>

</div>

 

</div>

 

</body>

</html>

 

css:

div.container {

width: 680px;

margin: 0 auto;

background: #FFF;

}

 

div#header {

width: 680px;

height: 50px;

background: #FFF;

margin-bottom: 5px;

}

 

div#meny {

margin-right: 10px;

width: 150px;

background: #300;

float: left;

display: inline;

}

 

div#innhold {

width: 520px;

background: #FFF;

float: left;

}

 

div#footer {

width: 100%;

height: 1px;

overflow: hidden;

clear: both;

overflow: scroll

}

 

 

a {

text-decoration:none;

color:#7400F0;

}

 

a:hover {

text-decoration:underline;

color:#205D6B;

}

 

a:active {

text-decoration:none;

color:#FFF;

}

 

a:visited {

text-decoration:none;

color:#7400F0;

}

 

a:visited:hover {

text-decoration:underline;

color:#205D6B;

}

 

 

da blir siden sånn.

Endret av b1n2

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