Resultat de la compression du code CSS de www.laeppche.de

Lasse nous voir ce que nous avons fait pour www.laeppche.de

CSSCruncher.com à sauvgardé
17,38 % de code poour ce site! Wow!

Code CSS comprimé:

body{margin:0px;background:#85AAC7;font-family:Arial,Helvetica,sans-serif;color:#000000}
hr{display:block;visibility:hidden;clear:both;height:10px;margin:0px;padding:0px;font-size:1px}
h1{font-size:12px;margin:10px 0px 10px 0px}
#header{position:absolute;left:0px;top:0px;width:100%;height:117px;background:url('bg_header.jpg') repeat-x}
#header a img{border:0px}
#logo_laeppche{position:absolute;left:310px;top:12px}
#menu_top{position:absolute;left:0px;top:117px;width:1000px;height:85px;background:url('bg_menu_top.jpg') no-repeat left bottom}
#menu_top ul{margin:0px;padding:0px;list-style:none}
#menu_top ul li{margin:0px;padding:0px;float:left}
#menu_top ul li a{display:block;height:87px;font-size:12px;font-weight:bold;color:#00213F;text-decoration:none;text-align:center;border-top:1px solid #00213F;padding-top:2px;background:white}
#menu_top ul li a#unternehmen,#menu_top ul li a#menuentry0{width:163px;background:url('menu_unternehmen.jpg') no-repeat}
#menu_top ul li a#unternehmen:hover,#menu_top ul li a#menuentry0:hover{background:url('menu_unternehmen_hover.jpg') no-repeat}
#menu_top ul li a#produkte,#menu_top ul li a#menuentry1{width:162px;padding-right:1px;background:url('menu_produkte.jpg') 0px 0px no-repeat}
#menu_top ul li a#produkte:hover,#menu_top ul li a#menuentry1:hover{background:url('menu_produkte_hover.jpg') no-repeat}
#menu_top ul li a#service,#menu_top ul li a#menuentry2{width:153px;background:url('menu_service.jpg') 0px 0px no-repeat}
#menu_top ul li a#service:hover,#menu_top ul li a#menuentry2:hover{background:url('menu_service_hover.jpg') no-repeat}
#menu_top ul li a#shop,#menu_top ul li a#menuentry3{width:149px;padding-right:1px;background:url('menu_shop.jpg') 0px 0px no-repeat}
#menu_top ul li a#shop:hover,#menu_top ul li a#menuentry3:hover{background:url('menu_shop_hover.jpg') no-repeat}
#menu_top ul li a#news,#menu_top ul li a#menuentry4{width:154px;background:url('menu_news.jpg') 0px 0px no-repeat}
#menu_top ul li a#news:hover,#menu_top ul li a#menuentry4:hover{background:url('menu_news_hover.jpg') no-repeat}
#menu_top ul li a#kontakt,#menu_top ul li a#menuentry5{width:206px;padding-left:11px;background:url('menu_kontakt.jpg') 0px 0px no-repeat}
#menu_top ul li a#kontakt:hover,#menu_top ul li a#menuentry5:hover{background:url('menu_kontakt_hover.jpg') no-repeat}
#content{margin:202px 0px 0px 0px;width:1000px;background:#FFFFFF url('content_bg.gif') repeat-y;padding:0px 0px 10px 0px;font-size:11px;color:#00213F;z-index:1}
#content_box{float:left;width:360px;padding:15px 10px 10px 10px;line-height:16px}
#content h2{font-size:11px}
#content p{margin:10px 0px 10px 0px}
#content a{color:#00213F;font-weight:bold;font-size:12px;text-decoration:none;padding-left:18px;background-image:url(point.gif);background-position:center left;background-repeat:no-repeat}
#content a:hover{text-decoration:none}
#content img.floatleft{margin:0px 10px 10px 0px;float:left}
#teaser{position:absolute;left:815px;top:217px;width:180px;font-size:11px;color:#00213F;line-height:16px}
#teaser p{margin:10px 0px 15px 0px}
#teaser p.no_margin{margin:10px 0 0 0}
#teaser a{color:#00213F;font-weight:bold}
#teaser img{margin:0}
#teaser ul{margin:0px 0px 0px 10px;padding:0px;list-style:none}
#teaser li{margin:0px;padding:0px;float:left;clear:both}
#teaser ul li a{display:block;background:url('point.gif') no-repeat 0px 3px;padding:0 0 0 14px}
#tagCloud{width:100%;height:20px;border-top:15px solid #0B1435;padding:5px 0 0 0;font-size:11px;color:#00213F;text-align:center}
#tagCloud a{font-size:11px;font-weight:bold;color:#00213F;display:inline;line-height:15px}
#tagCloud a:hover{text-decoration:none}
#tagCloud ul{list-style:none;margin:0px;padding:0px}
#tagCloud ul li{display:inline;margin:0px;padding:0px;text-align:center}
#zertifikat{background:transparent;width:182px;text-align:left;margin:-80px 0px 0px 400px;z-index:0}
#zertifikat img{float:right}
#divid1 strong{font-weight:normal}
.image_gallery{float:left;text-align:center;padding-right:10px}
.clearer{clear:both}

» Montre le code CSS originaire

« Cache le code CSS originaire

body {
	margin: 0px;
	background: #85AAC7;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}

hr {
	display: block;
	visibility: hidden;
	clear: both;
	height: 10px;
	margin: 0px;
	padding: 0px;
	font-size: 1px
}

h1 {
	font-size: 12px;
	margin: 10px 0px 10px 0px;
}

#header {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 117px;
	background: url('bg_header.jpg') repeat-x;
}

#header a img{ border:0px;}

#logo_laeppche {
	position: absolute;
	left: 310px;
	top: 12px;
}

#menu_top {
	position: absolute;
	left: 0px;
	top: 117px;
	width: 1000px;
	/*	width: 100%; */
	height: 85px;
	background: url('bg_menu_top.jpg') no-repeat left bottom;
}

#menu_top ul {
		margin: 0px;
		padding: 0px;
		list-style: none;
	}

#menu_top ul li {
			margin: 0px;
			padding: 0px;
			float: left;
		}

#menu_top ul li a {
				display: block;
				height: 87px;
				font-size: 12px;
				font-weight: bold;
				color: #00213F;
				text-decoration: none;
				text-align: center;
				border-top: 1px solid #00213F;
				padding-top: 2px;
				background: white;
			}

/* ## Feineinstellung f?auptnavigation */
			#menu_top ul li a#unternehmen, #menu_top ul li a#menuentry0 { width: 163px; background: url('menu_unternehmen.jpg') no-repeat; }
			#menu_top ul li a#unternehmen:hover, #menu_top ul li a#menuentry0:hover { background: url('menu_unternehmen_hover.jpg') no-repeat; }
			
			#menu_top ul li a#produkte, #menu_top ul li a#menuentry1 { width: 162px; padding-right: 1px; background: url('menu_produkte.jpg') 0px 0px no-repeat; }
			#menu_top ul li a#produkte:hover, #menu_top ul li a#menuentry1:hover { background: url('menu_produkte_hover.jpg') no-repeat; }
			
			#menu_top ul li a#service, #menu_top ul li a#menuentry2 { width: 153px; background: url('menu_service.jpg') 0px 0px no-repeat; }
			#menu_top ul li a#service:hover, #menu_top ul li a#menuentry2:hover { background: url('menu_service_hover.jpg') no-repeat; }
			
			#menu_top ul li a#shop, #menu_top ul li a#menuentry3 { width: 149px; padding-right: 1px; background: url('menu_shop.jpg') 0px 0px no-repeat; }
			#menu_top ul li a#shop:hover, #menu_top ul li a#menuentry3:hover { background: url('menu_shop_hover.jpg') no-repeat; }
			
			#menu_top ul li a#news, #menu_top ul li a#menuentry4 { width: 154px; background: url('menu_news.jpg') 0px 0px no-repeat; }
			#menu_top ul li a#news:hover, #menu_top ul li a#menuentry4:hover { background: url('menu_news_hover.jpg') no-repeat; }
			
			#menu_top ul li a#kontakt, #menu_top ul li a#menuentry5 { width: 206px; padding-left: 11px; background: url('menu_kontakt.jpg') 0px 0px no-repeat; }
			#menu_top ul li a#kontakt:hover, #menu_top ul li a#menuentry5:hover { background: url('menu_kontakt_hover.jpg') no-repeat; }

#content {
	margin: 202px 0px 0px 0px;
	width: 1000px;
	background: #FFFFFF url('content_bg.gif') repeat-y /*783px 0px*/;
	padding: 0px 0px 10px 0px;
	font-size: 11px;
	color: #00213F;
	z-index:1;
}

#content_box {
	float: left;
	width: 360px;
	padding: 15px 10px 10px 10px;
	line-height: 16px;
}

#content h2 { font-size:11px; }
#content p { margin: 10px 0px 10px 0px; }
#content a { color: #00213F; font-weight: bold; 
  font-size:12px;
  text-decoration:none;
  padding-left: 18px;
  background-image: url(point.gif);
  background-position: center left;
  background-repeat: no-repeat;
}

#content a:hover { text-decoration: none; }
#content img.floatleft { margin: 0px 10px 10px 0px; float: left; }

#teaser {
	position: absolute;
	left: 815px;
	top: 217px;
	width: 180px;
	font-size: 11px;
	color: #00213F;
	line-height: 16px;
}

#teaser p { margin: 10px 0px 15px 0px; }
#teaser p.no_margin { margin: 10px 0 0 0; }
#teaser a { color: #00213F; font-weight: bold; }
#teaser img { margin: 0; }

#teaser ul {
	margin: 0px 0px 0px 10px;
	padding: 0px;
	list-style: none;
}

#teaser li {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: both;
}

#teaser ul li a {
	display: block;
	background: url('point.gif') no-repeat 0px 3px;
	padding: 0 0 0 14px;
}

#tagCloud {
	width: 100%;
	height: 20px;
	border-top: 15px solid #0B1435;
	padding: 5px 0 0 0;
	font-size: 11px;
	color: #00213F;
	text-align: center;
}

#tagCloud a {
	font-size: 11px;
	font-weight: bold;
	color: #00213F;
	display: inline;
	line-height: 15px;
}

#tagCloud a:hover { text-decoration: none; }

#tagCloud ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#tagCloud ul li {
	display: inline;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

/*#zertifikat { background:transparent; width: 582px; height: 151px; text-align:left; margin: -100px 0px 0px 0px; z-index:0;}*/

#zertifikat { background:transparent; width: 182px; text-align:left; margin: -80px 0px 0px 400px; z-index:0;}
#zertifikat img{ float: right;}

#divid1 strong {
  font-weight:normal;
}

.image_gallery {
  float:left;
  text-align:center;
  padding-right:10px;
}

.clearer {
  clear:both;
}

Plus d'information sur ce site:

URL: http://www.laeppche.de/
CSS URL: http://www.laeppche.de/./waelzlager/simages/styles.css
Charset: utf-8
Titre: LAEPPCHÉ: Ihr Partner für Wälzlager, Kugellager und Lineartechnik
Meta-Description: Hochwertige Wälzlager, wie Kugellager oder Nadellager und Lineartechnik der Hersteller INA, ELGES, NTN, NSK, THK. Unternehmensgruppe Laeppché - Lineartechnik vom Profi.
Meta-Keywords: Wälzlager, Lineartechnik, Kugellager, Nadellager, Linearführung, Gehäuselager, Gleitlager, Stehlager, Drehverbindungen, Gelenklager, Kegelrollenlager, Linearantriebe