Professioneller code

Status
Nicht offen für weitere Antworten.
B

BehindTheScenes

Mitglied
findet ihr den code professionell?

HTML: 
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Sintima :: [page]</title>
<link href="inc/main.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div class="main_div" id="main_div">
    <div class="header_00" id="header_00"><a href="impressum.php">Impressum</a>&nbsp; <a href="aktionen.php">Aktionen</a></div>
    <div class="header_01" id="header_01"></div>
    <div class="menu_div" id="menu_div"><a href="index.php">Startseite</a> <a href="unternehmen.php">Unternehmen</a> <a href="referenzen.php">Referenzen</a> <a href="leistungen.php">Leistungen</a> <a href="kontakt.php">Kontakt</a> <a href="gparter.php">Gesch&auml;ftspartner</a> <a href="rechtliches.php">Rechtliches</a> </div>
    <div class="content_left" id="content_left">
        <p>Inhalt hier rein!</p>
    </div>
    <div class="content_right" id="content_right">
        <div class="content_right_top" id="content_left_top1"></div>
        <div class="content_right_bottom" id="content_left_bottom1"></div>
        <div class="content_right_top" id="content_left_top2"></div>
        <div class="content_right_bottom" id="content_left_bottom2"></div>
        <div class="content_right_top" id="content_left_top3"></div>
        <div class="content_right_bottom" id="content_left_bottom3"></div>
    </div>
    <div class="partners" id="partners"></div>
    <div class="bottom_s" id="bottom_s"></div>
</div>
</body>
</html>

und die css:
Code: 
body,td,th 
{
	font-family: Courier New, Courier, monospace;
	font-size: 9pt;
	color: #333333;
}
body 
{
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
a:link 
{
	color: #666666;
	text-decoration: underline;
}
a:visited 
{
	text-decoration: underline;
	color: #333333;
}
a:hover 
{
	
	
	color: #999999;
}
a:active 
{
	text-decoration: underline;
	color: #000000;
}
.main_div 
{
	width: 747px;
	left: 50%;
	right: 50%;
	margin: auto;
}
.header_00 
{
	background-image: url(../img/header_00.jpg);
	height: 20px;
	width: 737px;
	text-align: right;
	padding-top: 48px;
	padding-right: 10px;
}
.header_00 a:link
{
	color: #cc0000;
	text-decoration: none;
	font-size: 10pt;
	font-weight: bold;
}
.header_00 a:visited
{
	color: #cc0000;
	text-decoration: none;
	font-size: 10pt;
	font-weight: bold;
}
.header_00 a:hover
{
	color: #cc0000;
	text-decoration: none;
	font-size: 10pt;
	font-weight: normal;
}
.header_00 a:active
{
	color: #cc0000;
	text-decoration: none;
	font-size: 10pt;
	font-weight: bold;
}
.header_01 
{
	background-image: url(../img/header_01.jpg);
	height: 165px;
	width: 747px;
}
.menu_div 
{
	background-image: url(../img/menu_bg.jpg);
	text-align: center;
	word-spacing: 10px;
	height: 36px;
	width: 747px;
	padding-top: 30px;
}

.menu_div a:link 
{
	color: #ffffff;
	text-decoration: none;
	font-size: 10pt;
	font-weight: bold;	
}
.menu_div a:visited 
{
	color: #ffffff;
	text-decoration: none;
	font-size: 10pt;
	font-weight: bold;	
}
.menu_div a:hover
{
	color: #ffffff;
	text-decoration: none;
	font-size: 10pt;
	font-weight: normal;	
}
.menu_div a:active
{
	color: #ffffff;
	text-decoration: none;
	font-size: 10pt;
	font-weight: bold;	
}
.content_left 
{
	width: 547px;
	min-height: 408px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	border-left-width: 1px;
	border-left-style: solid;
	float: left;
}
* html .content_left
{
	height: 408px;
}
.content_right 
{
	float: right;
	height: 122px;
	width: 190px;
	margin-left: 8px;
}
.content_right_top 
{
	background-image: url(../img/box_top.jpg);
	height: 102px;
	width: 190px;
}
.content_right_bottom 
{
	background-image: url(../img/box_botom.jpg);
	height: 18px;
	width: 170px;
	padding-left: 20px;
	padding-top: 2px;
	margin-bottom: 14px;
	font-size: 11pt;
	color: #FFFFFF;
	font-weight: bold;
}
.partners 
{
	background-image: url(../img/partner.jpg);
	height: 64px;
	width: 467px;
	clear: both;
	padding-left: 82px
}
.bottom_s 
{
	background-image: url(../img/bottom_bg.jpg);
	background-repeat: repeat-x;
	height: 5px;
	width: 747px;
}

habt ihr Verbesserungvorschläge?

MfG BehindTheScenes
 
Im Stylesheet lassen sich die Einzelangaben der margin- und border-Eigenschaft vereinfacht zusammenfassen, sowie die Selektoren mit denselben Deklarationen in Listen gruppieren:

Code: 
body 
{
	background-color: #FFFFFF;
	margin: 0; /* margin: X X X X; */
}

.header_00 a:link, .header_00 a:visited
{
	color: #cc0000;
	text-decoration: none;
	font-size: 10pt;
	font-weight: bold;
}

.menu_div a:link, .menu_div a:visited
{
	color: #ffffff;
	text-decoration: none;
	font-size: 10pt;
	font-weight: bold;	
}

.content_left 
{
	width: 547px;
	min-height: 408px;
        border:1px solid #000;
        border-bottom: none;
	float: left;
}
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück