Sliter med denne siden

[kit32]

har vel forsøkt å oppgradere denne siden med html 5 og css. synest at det er noe som ikke helt stemmer med kodingen, men har vel sett meg blind på kodene nå. etter hva jeg kan se er html kodene greie til siden. håper det er noe som kan gi meg noen hint om jeg kan gjor denne siden på et anet vis takk på forhånd

@charset "utf-8";
 /* CSS Document */
body,td,th {
	color: #E7EBDA;
	font-family:helvetica arial sans-serif;}
body {background-color: #CC0605;}
a:link {color: #E7EBDA}
a:visited {color: #E7EBDA;}
a:hover {color: #E7EBDA;}
a:active {color: #E7EBDA;}

#alarmsentral_110 {
	width:960px;
	height: auto;
	margin-left:auto;
	margin-right:auto;
}

#banner_alarmsentral {
	width:940px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 5px;
	text-align: center;
	font-size: 25px;}
		
#oppdatert {
	width:940px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5px;
	text-align: right;
	font-size: 18px;
	}

	
#informasjon {
	width:940px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5px;
	font-size: 18px;
	text-align: left;
	}
	
#tips {
	width:940px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5px;
	text-align: center;
	font-size: 16px;
	}

#110_sentral {
	width:940px;
	height:auto;
	float:left;
	margin:3px;
	padding:2px;
		 }		 
		 
#banner_110_sentral {
	width:930px;
	height:auto;
	float:left;
	margin:3px;
	padding:2px;
	font-size: 20px;
	text-align: left;	
	}
#110_sentral ul{
	width:930px;
	height:auto;
	margin-top: 20px;
	margin-bottom:20px;
	padding:2px;
	list-style: none;
	float:left;
}
#110_sentral li{
	margin:0px;
	padding:0px;
	display: inline-block;
	float:left;	
}

#110_sentral a {
	float:left;
	display:block;
	height:auto;
	width:300px;
	padding:2px;
	text-align:center;
	font-size:14px;
	text-decoration:none;
	color:#ffffff;
	font-weight:bold;
	outline:none;
}

#110_sentral a:hover {
	color:#000000;
}

#110_sentral .current {
	color:#000000;
}


#brannstasjon {
	width:940px;
	height:auto;
	float:left;
	margin:3px;
	padding:2px;
		 }		 
		 
#banner_brannstasjon {
	width:930px;
	height:auto;
	float:left;
	margin:3px;
	padding:2px;
	font-size: 20px;
	text-align: left;	
	}
#brannstasjon ul{
	width:930px;
	height:auto;
	margin-top: 20px;
	margin-bottom:20px;
	padding:2px;
	list-style: none;
	float:left;
}
#brannstasjon li{
	margin:0px;
	padding:0px;
	display: inline-block;
	float:left;	
}

#brannstasjon a {
	float:left;
	display:block;
	height:auto;
	width:300px;
	padding:2px;
	text-align:center;
	font-size:14px;
	text-decoration:none;
	color:#ffffff;
	font-weight:bold;
	outline:none;
}

#brannstasjon a:hover {
	color:#000000;
}

#brannstasjon .current {
	color:#000000;
}

#falken {
	width:940px;
	height:auto;
	float:left;
	margin:3px;
	padding:2px;
		 }	

#banner_falken {
	width:930px;
	height:auto;
	float:left;
	margin:3px;
	padding:2px;
	font-size: 20px;
	text-align: left;		
	}
#falken ul{
	width:930px;
	height:auto;
	margin: 1px;
	padding:1px;
	list-style: none;
	float:left;
}
#falken li{
	margin:0px;
	padding:0px;
	display: inline-block;
	float:left;	
}

#falken a {
	float:left;
	display:block;
	height:auto;
	width:300px;
	padding:1px;
	margin:1px;
	text-align:center;
	font-size:14px;
	text-decoration:none;
	color:#ffffff;
	font-weight:bold;
	outline:none;
}

#falken a:hover {
	color:#000000;
}

#falken .current {
	color:#000000;
}

#beredskapcenter_stottegrupper {
	width:940px;
	height:auto;
	float:left;
	margin:2px;
	padding:2px;
		 }

#banner_beredskapcenter_stottegrupper {
	width:930px;
	height:auto;
	float:left;
	margin:3px;
	padding:2px;
	font-size: 20px;
	text-align: left;	
	}
	
#beredskapcenter_stottegrupper ul{
	width:930px;
	margin-top: 3px;
	padding:2px;
	list-style: none;
	float:left;
}
#beredskapcenter_stottegrupper li{
	margin:0px;
	padding:0px;
	display: inline-block;
	float:left;	
}

#beredskapcenter_stottegrupper a {
	float:left;
	display:block;
	height:auto;
	width:300px;
	padding:2px;
	text-align:center;
	font-size:14px;
	text-decoration:none;
	color:#ffffff;
	font-weight:bold;
	outline:none;
}

#beredskapcenter_stottegrupper a:hover {
	color:#000000;
}

#beredskapcenter_stottegrupper .current {
	color:#000000;
}

#industribrannvesen {
	width:940px;
	height:auto;
	float:left;
	margin:3px;
	padding:2px;
	font-size: 20px;
	text-align: left;	
	}

#banner_industribrannvesen {
	width:930px;
	font-size: 20px;
	text-align:left;
	float:left;
	margin:2px;
	padding:2px;
	font-size: 20px;
	text-align: left;
		 }

	
#industribrannvesen ul{
	width:930px;
	margin-top: 3px;
	padding:2px;
	list-style: none;
	float:left;
}
#industribrannvesen li{
	margin:0px;
	padding:0px;
	display: inline-block;
	float:left;	
}

#industribrannvesen a {
	float:left;
	display:block;
	height:auto;
	width:300px;
	padding:2px;
	text-align:center;
	font-size:14px;
	text-decoration:none;
	color:#ffffff;
	font-weight:bold;
	outline:none;
}

#industribrannvesen a:hover {
	color:#000000;
}

#industribrannvesen .current {
	color:#000000;
}


#flyplassbrannvesen {
	width:940px;
	height: auto;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5px;	
	}

#banner_flyplassbrannvesen {
	width:930px;
	height:auto;
	float:left;
	margin:3px;
	padding:2px;
	font-size: 20px;
	text-align: left;	
	}
	
#flyplassbrannvesen ul{
	width:930px;
	margin-top: 3px;
	padding:2px;
	list-style: none;
	float:left;
}
#flyplassbrannvesen li{
	margin:0px;
	padding:0px;
	display: inline-block;
	float:left;	
}

#flyplassbrannvesen a {
	float:left;
	display:block;
	height:auto;
	width:300px;
	padding:2px;
	text-align:center;
	font-size:14px;
	text-decoration:none;
	color:#ffffff;
	font-weight:bold;
	outline:none;
}

#flyplassbrannvesen a:hover {
	color:#000000;
}

#flyplassbrannvesen .current {
	color:#000000;
}


#nedlakt {
	width:940px;
	height: auto;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5px;	
	}

#banner_nedlakt {
	width:930px;
	font-size: 20px;
	float:left;
	margin:3px;
	padding:2px;
	font-size: 20px;
	text-align: left;
		 }
		
#nedlakt ul{
	width:930px;
	margin-top: 3px;
	padding:2px;
	list-style: none;
	float:left;
}
#nedlakt li{
	margin:0px;
	padding:0px;
	display: inline-block;
	float:left;	
}

#nedlakt a {
	float:left;
	display:block;
	height:18px;
	width:300px;
	padding:2px;
	text-align:center;
	font-size:14px;
	text-decoration:none;
	color:#ffffff;
	font-weight:bold;
	outline:none;
	
}

#nedlakt a:hover {
	color:#000000;
}

#nedlakt .current {
	color:#000000;
}

http://www.modell-utrykning.com/teste_koder/alarmsentral_2014.html

[Cemi]

Jeg skjønner ikke helt hva du spør om?

 

Jeg trykker på linken, og kommer til en rød side med hvit skrift. Hva er det du ønsker å oppnå?

 

Dersom du ønsker å lære deg html og css, så ville jeg anbefale å finne noen tutorials som finnes i massevis på google, ellers kan du finne noen veldig enkle innføringer på http://www.w3schools.com/

[SalucoN]

Skjønner ikke hva du spør om, men ser med en gang at du mangler en curly bracket på linje 26 (dersom jeg telte riktig).

 

Du burde uansett gå inn for å gjøre koden din ryddigere. Dersom du følger et bestemt mønster vil du lettere se hvor feilene er. Det jeg tenker på er hvor mange linjeskift du har, hvor mange indents det er før curly bracket, og at det er meget rotete i starten av koden.

[Sushifire]

*snip*

 

Det mangler ingen curly bracket, den er bare ikke justert ett hakk ned som alle andre

 

Ellers, er jeg enig med alle de andre. Det er vanskelig å skjønne hva du egentlig vil fram til her.

[SalucoN]

 

*snip*

 

Det mangler ingen curly bracket, den er bare ikke justert ett hakk ned som alle andre

 

Ellers, er jeg enig med alle de andre. Det er vanskelig å skjønne hva du egentlig vil fram til her.

 

 

Ah, lol. Så ikke den der. Enda en grunn til å rydde i koden.

[sunsunsun]

Hvis du bruker en CSS-validator så ser du at det er en del feil: http://jigsaw.w3.org/css-validator/validator.html.en

[Dan-Levi]

Heisann! Litt seint ute men har du prøvd deg på Bootstrap? Det er ett av de mest populære front-end rammeverkene som finnes der ute.

 

Her er strukturen din bygget på nytt superkjapt, brukte 5 minutter for all CSS er allerede i Bootstrap

http://bootsnipp.com/user/snippets/Pb1R9

 

Det eneste du trenger å gjøre nå er å lage en css fil som overkjører noe farger på klassene

 

Det beste av alt er at koden er responsiv, forsøk å skalere nettleservinduet.

 

Lær Bootstrap her

Endret 26. juni 2014 av JanTerjeRiisOttoJohansen