Jump to content

Need some help with this

Bannmann_sam

By Bannmann_sam
in CSS

Recommended Posts

Bannmann_sam Newbie

Bannmann_sam

Posted
Posted

this is the old appearance that I want to make new with css and html.old oneWorking whits thisThis is the one I have started to work with. but struggled to add bakgrund color. but also with the current date and date format. it looks you in the nose first link. but otherwise I'm working my down with the appearance of the first link.Hoping for answers posetive

Link to comment
Share on other sites
dsonesuk w3schools Guru

dsonesuk

Posted
Posted

the css background problem is down to:<link type="text/css" rel="stylesheet" media="screen" href="vanlig_brann.css" </style> should be<link type="text/css" rel="stylesheet" media="screen" href="vanlig_brann.css" /><style type="text/css"></style> the last modified date is using different date format campared to the firstOLD<!-- #BeginDate format:Ge1 -->06.09.2010<!-- #EndDate -->NEW<!-- #BeginDate format:Sw1 -->8 September, 2010<!-- #EndDate --> 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><!-- DW6 --><!-- DW6 --><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Drammen brannstasjon</title><meta name="Description" content="" /><meta name ="Keywords" content=" " /><meta name ="robots" content="index,follow" /><meta name ="copyright" content ="Copyright © 2009 Brannmann sam. All Rights Reserved." /><meta name ="author" content ="Brannmann Sam" /><meta name ="language" content ="no-bok" /><meta name ="revisit-after" content ="7 days" /><link type="text/css" rel="stylesheet" media="screen" href="vanlig_brann.css" /><style type="text/css"></style>  </head><h1>Drammen brannstasjon</h1><h2>Drammensregionens brannvesen</h2><h2>Drammen kommunne</h2><h2>Burskerud fylke</h2><h3>valdering</h3><h3>Oppdert <!-- #BeginDate format:Ge1 -->08.09.2010<!-- #EndDate --></h3><h3>Informasjon om kommunen og brannstasjonen</h3></body></html>

Link to comment
Share on other sites
Bannmann_sam Newbie

Bannmann_sam

Posted
  • Author
Posted
the css background problem is down to:<link type="text/css" rel="stylesheet" media="screen" href="vanlig_brann.css" </style> should be<link type="text/css" rel="stylesheet" media="screen" href="vanlig_brann.css" /><style type="text/css"></style> the last modified date is using different date format campared to the firstOLD<!-- #BeginDate format:Ge1 -->06.09.2010<!-- #EndDate -->NEW<!-- #BeginDate format:Sw1 -->8 September, 2010<!-- #EndDate --> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><!-- DW6 --><!-- DW6 --><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Drammen brannstasjon</title><meta name="Description" content="" /><meta name ="Keywords" content=" " /><meta name ="robots" content="index,follow" /><meta name ="copyright" content ="Copyright © 2009 Brannmann sam. All Rights Reserved." /><meta name ="author" content ="Brannmann Sam" /><meta name ="language" content ="no-bok" /><meta name ="revisit-after" content ="7 days" /><link type="text/css" rel="stylesheet" media="screen" href="vanlig_brann.css" /><style type="text/css"></style>  </head><h1>Drammen brannstasjon</h1><h2>Drammensregionens brannvesen</h2><h2>Drammen kommunne</h2><h2>Burskerud fylke</h2><h3>valdering</h3><h3>Oppdert <!-- #BeginDate format:Ge1 -->08.09.2010<!-- #EndDate --></h3><h3>Informasjon om kommunen og brannstasjonen</h3></body></html>

Tnx
Link to comment
Share on other sites
Bannmann_sam Newbie

Bannmann_sam

Posted
  • Author
Posted

This is CSS file i working whit

@charset "utf-Iso-8859-1";/* CSS Document */div#main {			width: 750px;			margin: 500px auto 0 auto;}{h1.overskrift1 {	color: #000000	font-size: 36px;}}h2.overskrift2 {	color: #000000	font-size: 24px;}{h3.tekst normal {	color: #000000	font-size: 11px;}div#overskrift1 {			width: 750px;}}div#overskrift2 {			width: 750px;			float: center;}}div#tekst normal {			width: 750px;}

Link to comment
Share on other sites
dsonesuk w3schools Guru

dsonesuk

Posted
Posted

to many opening/closing curly brackets@charset "utf-Iso-8859-1";/* CSS Document */div#main { /*start declaration*/width: 750px;margin: 500px auto 0 auto;}/*end declaration*/h1.overskrift1 {color: #000000font-size: 36px;}h2.overskrift2 {color: #000000font-size: 24px;}h3.tekst normal {color: #000000font-size: 11px;}div#overskrift1 {width: 750px;}div#overskrift2 {width: 750px;float: center;}div#tekst normal {width: 750px;}

Link to comment
Share on other sites
Bannmann_sam Newbie

Bannmann_sam

Posted
  • Author
Posted

this is the new css charter i got now

@charset "utf-Iso-8859-1";/* CSS Document */div#main {		width: 750px;		margin: 500px auto 0 auto;}body {					background-color: #AF2B1E;		font-family: Arial, Helvetica, sans-serif;}h1, h2, h3 {	margin: 20px;	padding: 5px;	color: #000000;}h1.overskrift1 {	font-size: 36px;}h2.overskrift2 {	font-size: 24px;}h3.tekst normal {	font-size: 11px;}div#overskrift1 {			width: 750px;}div#overskrift2 {			width: 750px;}div#tekst normal {			width: 750px;}

Link to comment
Share on other sites
dsonesuk w3schools Guru

dsonesuk

Posted
Posted

sorry I'm not sure what you trying to refer toto set background color of whole page usebody {background-color:#990000;}to assign css classes and id to elementsdiv#main{width: 750px;margin: 500px auto 0 auto;}works with <div id="main"></div>h1.overskrift1 {color: #000000font-size: 36px;}works with <h1 class="overskrift1">...</h1>h2.overskrift2 {color: #000000font-size: 24px;}works with <h2 class="overskrift2">...</h2>h3.tekst normal { /*will not work with space within class*/color: #000000font-size: 11px;}h3.tekst_normal { color: #000000 font-size: 11px; }works with <h3 class="tekst_normal">...</h3>your html page, and css file should be in the same location ie same directory folder. once you have placed in same directory, assigned classes and id to html tags, so css can reference them, they should work fine.

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

Go to topic listing
×
×
  • Create New...