html - CSS problem? - Udvikleren.dk - Programmering, webdesign og grafik

Tags: html css

<< < 1 2 > >>

Bruger #16160 @ 26.09.10 18:06

Hej alle sammen!

Det her at mit først indlæg her på siden, håber jeg får tid til at være aktiv!

Jeg er igang med at skrive en css til en side. Hvis jeg sletter alt undtagen pagewrapen (som centrere), siden virker pagewrapen. Når jeg har det andet css-tekst med virker den ikke. Kan ikke selv finde fejlen. Håber nogle af jer der vil hjælpe!

CSS:

Kode

/* Default CSS */
/* Generated by the CoffeeCup HTML Editor - www.coffeecup.com */

*{margin:0;
padding:0;
 }
 
body {
background: url(images/headerlong.jpg) repeat-x top #ffcc00;
  }
  
  ul#nav
  {
  background: url(images/header.png);
  width:800px; height:69px;
  background-repeat: no-repeat;
margin-top:0; padding-top:0px;

div#navbar ul li
{display:block; 
float:left;
width:100px;
margin-top:5px;}


  #pagewrap
  {
  margin:auto;
  width:800px; }
  
  a:link
  {color:#ffcc00; }

HTML:

Kode

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="generator" content="CoffeeCup HTML Editor (www.coffeecup.com)">
    <meta name="created" content="Sun, 26 Sep 2010 11:20:46 GMT">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <title></title>
	
	<link rel="stylesheet" href="style.css" type="text/css" />
    
    <!--[if IE]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
  </head>
  <body>
<div id="pagewrap>
  
  <div id="navbar">
  <ul id="nav"
  	  <li><!--<a href="#">Forside</a>--></li>
	  <li><!--<a href="#">Kommentarsiden</a>--></li>
	  <li><!--<a href="#">Bliv Ven Funktionen</a>--></li>
  </ul>
  </div>
<p> Hello </p>
<p> Hello </p><p><p> Hello </p><p> Hello </p><p> Hello </p></p>
</div>
<!-- End of Pagewrap -->
  </body>
</html>

Her er et link til selve siden hvor problemet er: http://www.mikkelhansen.webfreehosting.net/
Siden bliver ikke brugt som det nok ligner

Det er bare en "lære-side" (:

Mange tak på forhånd
David Bograd

Indlæg senest redigeret d. 27.09.2010 21:22 af Bruger #16160

20 svar postet i denne tråd vises herunder
3 indlæg har modtaget i alt 3 karma

Sorter efter stemmer Sorter efter dato

Bruger #14381 @ 26.09.10 20:12

319

Hej alle sammen!

CSS:

Kode

/* Default CSS */
/* Generated by the CoffeeCup HTML Editor - www.coffeecup.com */

*{margin:0;
padding:0;
 }
 
body {
background: url(images/headerlong.jpg) repeat-x top #ffcc00;
  }
  
  ul#nav
  {
  background: url(images/header.png);
  width:800px; height:69px;
  background-repeat: no-repeat;
margin-top:0; padding-top:0px;

div#navbar ul li
{display:block; 
float:left;
width:100px;
margin-top:5px;}


  #pagewrap
  {
  margin:auto;
  width:800px; }
  
  a:link
  {color:#ffcc00; }

HTML:

Kode

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="generator" content="CoffeeCup HTML Editor (www.coffeecup.com)">
    <meta name="created" content="Sun, 26 Sep 2010 11:20:46 GMT">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <title></title>
	
	<link rel="stylesheet" href="style.css" type="text/css" />
    
    <!--[if IE]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
  </head>
  <body>
  
  <div id="navbar">
  <ul id="nav"
  	  <li><!--<a href="#">Forside</a>--></li>
	  <li><!--<a href="#">Kommentarsiden</a>--></li>
	  <li><!--<a href="#">Bliv Ven Funktionen</a>--></li>
  </ul>
  </div>
<p> Hello </p>
<p> Hello </p><p><p> Hello </p><p> Hello </p><p> Hello </p></p>
  </body>
</html>

Mange tak på forhånd
David Bograd

Burde din html ikke være:

HTML:

Kode

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="generator" content="CoffeeCup HTML Editor (www.coffeecup.com)">
    <meta name="created" content="Sun, 26 Sep 2010 11:20:46 GMT">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <title></title>
	
	<link rel="stylesheet" href="style.css" type="text/css" />
    
    <!--[if IE]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
  </head>
  <body>
  <div id="pagewrap">
  <div id="navbar">
  <ul id="nav"
  	  <li><!--<a href="#">Forside</a>--></li>
	  <li><!--<a href="#">Kommentarsiden</a>--></li>
	  <li><!--<a href="#">Bliv Ven Funktionen</a>--></li>
  </ul>
  </div>
<p> Hello </p>
<p> Hello </p><p><p> Hello </p><p> Hello </p><p> Hello </p></p>
</div>
  </body>
</html>

Eller er det bare en typo?

Bruger #11361 @ 27.09.10 18:47

106

Så se at få det online så vi kan se hvad det er du laver..

Bruger #3143 @ 28.09.10 15:06

1.965

Nu virker den igen for mig.

Du kan rette toppen til noget lignende dette:

Kode

<div class="navbg">
<div class="pagewrap">
  <div id="navbar">
  <ul id="nav">
	  <li><a href="#">Forside</a></li>
	  <li><a href="#">Kommentarsiden</a></li>
	  <li><a href="#">Bliv Ven Funktionen</a></li>
  </ul>
  </div>
</div>
</div>
<div class="pagewrap">

Og så tilføje til din CSS:
.navbg {background:black}

(Jeg rettede i det stykke kode lige en syntaksfejl i din <ul>

Bruger #3143 @ 26.09.10 20:12

1.965

Der er ikke noget i din html der hedder pagewrap, derfor virker den css der er knyttet til pagewrap ikke.

Husk i øvrigt at når det handler om css skal du ikke poste kode, men i stedet uploade den et sted og give et link.

Bruger #16160 @ 26.09.10 22:18

Hej alle sammen!

CSS:

Kode

/* Default CSS */
/* Generated by the CoffeeCup HTML Editor - www.coffeecup.com */

*{margin:0;
padding:0;
 }
 
body {
background: url(images/headerlong.jpg) repeat-x top #ffcc00;
  }
  
  ul#nav
  {
  background: url(images/header.png);
  width:800px; height:69px;
  background-repeat: no-repeat;
margin-top:0; padding-top:0px;

div#navbar ul li
{display:block; 
float:left;
width:100px;
margin-top:5px;}


  #pagewrap
  {
  margin:auto;
  width:800px; }
  
  a:link
  {color:#ffcc00; }

HTML:

Kode

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="generator" content="CoffeeCup HTML Editor (www.coffeecup.com)">
    <meta name="created" content="Sun, 26 Sep 2010 11:20:46 GMT">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <title></title>
	
	<link rel="stylesheet" href="style.css" type="text/css" />
    
    <!--[if IE]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
  </head>
  <body>
  
  <div id="navbar">
  <ul id="nav"
  	  <li><!--<a href="#">Forside</a>--></li>
	  <li><!--<a href="#">Kommentarsiden</a>--></li>
	  <li><!--<a href="#">Bliv Ven Funktionen</a>--></li>
  </ul>
  </div>
<p> Hello </p>
<p> Hello </p><p><p> Hello </p><p> Hello </p><p> Hello </p></p>
  </body>
</html>

Mange tak på forhånd
David Bograd

Burde din html ikke være:

HTML:

Kode

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="generator" content="CoffeeCup HTML Editor (www.coffeecup.com)">
    <meta name="created" content="Sun, 26 Sep 2010 11:20:46 GMT">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <title></title>
	
	<link rel="stylesheet" href="style.css" type="text/css" />
    
    <!--[if IE]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
  </head>
  <body>
  <div id="pagewrap">
  <div id="navbar">
  <ul id="nav"
  	  <li><!--<a href="#">Forside</a>--></li>
	  <li><!--<a href="#">Kommentarsiden</a>--></li>
	  <li><!--<a href="#">Bliv Ven Funktionen</a>--></li>
  </ul>
  </div>
<p> Hello </p>
<p> Hello </p><p><p> Hello </p><p> Hello </p><p> Hello </p></p>
</div>
  </body>
</html>

Eller er det bare en typo?

Jo, og mange tak for svarene begge to

Undskyld jeg havde glemt det i HTML'en, den version der er online har selvfølgelig pagewrapen. Men det er ikke så meget det der er problemet. For det virker hellere ikke hvis HTML koden var rigtig. Skal nok rette HTML koden snarest muligt.

Med venlig hilsen
David Bograd

Bruger #16160 @ 26.09.10 22:20

Der er ikke noget i din html der hedder pagewrap, derfor virker den css der er knyttet til pagewrap ikke.

Husk i øvrigt at når det handler om css skal du ikke poste kode, men i stedet uploade den et sted og give et link.

Forstår ikke helt det med css. Hvor skal jeg oploade det henne?