[gelöst] Probleme mit quellcode
user-228
18.03.2006 11:43
user-165
18.03.2006 11:50
Wow, danke für die schnelle Antwort, jetzt muss ich nur noch wissen was character encoding ist?? 
Aja ich habe das ganze auch noch so link allerdings habe ich hier mehr fehler und der header wird nicht angezeigt, ist es viel Arbeit hier die Fehler auszubessern und würde sich es überhaupt lohnen?
Aja ich habe das ganze auch noch so link allerdings habe ich hier mehr fehler und der header wird nicht angezeigt, ist es viel Arbeit hier die Fehler auszubessern und würde sich es überhaupt lohnen?
user-255
18.03.2006 12:42
Those who can, do. Those who can't, teach. # Musik gehört dem Volk! # last.fm
user-255
18.03.2006 13:50
Those who can, do. Those who can't, teach. # Musik gehört dem Volk! # last.fm
user-255
18.03.2006 22:36
Im Opera ist es auch total vergrunzt :\
Hab mir mal die Mühe gemacht, das Ganze so barrierefrei wie möglich zu gestalten:
style.css:
Den Feinschliff solltest du dann selbst hinbekommen.
Hab mir mal die Mühe gemacht, das Ganze so barrierefrei wie möglich zu gestalten:
<!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=iso-8859-1" />
<meta http-equiv="Content-Language" content="DE" />
<title>Unbenanntes Dokument</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<h1>dkilla studios</h1>
<h2 class="nav">Navigation</h2>
<ul class="nav">
<li><a href="#">Startseite</a></li>
<li><a href="#">Leistungen</a></li>
<li><a href="#">Referenzen</a></li>
<li><a href="#">Impressum</a></li>
<li><a href="#">Kontakt</a></li>
</ul>
<div id="links">
<h2>Resonanzen</h2>
<p>Hier können Sie lesen, ob unsere bisherigen Kunden zufrieden mit uns waren.</p>
<h2>Aktuelle Projekte</h2>
<dl>
<dt>Gasthof Zockler</dt>
<dd>Layout, Programmierung PHP+CSS, Fotografie, Flyer</dd>
<dt>Daniel Electronics</dt>
<dd>Layout, Programmierung HTML+CSS, Inhalt</dd>
<dt>Dicht Pacher</dt>
<dd>Layout, Programmierung HTML+CSS</dd>
<dt>Berlingua</dt>
<dd>Layout, Programmierung PHP+CSS</dd>
</dl>
</div>
<div id="mitte">
<p>
Bla. Blubb.
</p>
<p>
Bla. Blubb.
</p>
<p>
Bla. Blubb.
</p>
<p>
Bla. Blubb.
</p>
</div>
<div id="rechts">
<h2>Anmeldung</h2>
<form>
<p>
<label for="login-name">Benutzername</label>
<input id="login-name" name="name" />
</p>
<p>
<label for="login-pwd">Passwort</label>
<input id="login-pwd" name="pwd" type="password" />
</p>
<p>
<input type="submit" value="Anmelden" />
<input type="reset" value="Reset" />
</p>
</form>
</div>
</body>
</html>
style.css:
*{
margin:0;
padding:0;
font:10pt Arial,Sans,Verdana,Helvetica;
}
body{
width:900px;
position:absolute;
left:50%;
margin:25px 0 25px -496px; /* 900/2+46 */
}
h1{
height:156px;
text-indent:-99em;
background:url(http://www.dkilla.com/test/Bilder/pic_01.jpg) no-repeat;
}
h2.nav{
display:none
}
ul.nav{
width:807px;
margin:0 0 0 93px;
list-style:none;
background:url(http://www.dkilla.com/test/Bilder/pic_08.gif) no-repeat right;
}
ul.nav li{
width:127px;
height:51px;
float:left;
background:url(http://www.dkilla.com/test/Bilder/pic_07.gif) no-repeat;
}
ul.nav li:last-child{
float:none;
}
ul.nav a{
display:block;
height:100%;
padding:22px 0 0 0;
text-align:center;
text-decoration:none;
color:white;
}
ul.nav a:hover{
border-top:solid 2px #f59704;
padding:20px 0 0 0;
}
#links{
width:204px; /* 224px - 2*padding */
padding:10px;
float:left;
margin:3px 0 0 93px;
background:#c8c8c8;
}
#mitte{
width:337px; /* 224px - 2*padding */
padding:10px;
float:left;
margin:3px 0 0 3px;
background:#c8c8c8;
}
#rechts{
width:200px;
padding:10px;
float:right;
margin:3px 0 0 3px;
background:#4a7283;
-moz-border-radius-bottomright:8px;
}
h2{
margin:0 0 5px 0;
padding:1px 10px;
background:#383838;
-moz-border-radius:5px;
color:white;
}
h2:before{
content:"| ";
}
p{
margin:0 0 10px 0;
}Den Feinschliff solltest du dann selbst hinbekommen.
Those who can, do. Those who can't, teach. # Musik gehört dem Volk! # last.fm
user-165
18.03.2006 23:07
Wow, danke das du dir solche mühe gemacht hast 8o!! Allerdings wird es im IE immernoch alles ziemlich verschoben 
scheiß microschrott.... oder ist es überhaupt nicht möglich dieses design im ie fehlerfrei darzustellen?
scheiß microschrott.... oder ist es überhaupt nicht möglich dieses design im ie fehlerfrei darzustellen?
user-255
19.03.2006 08:44
Those who can, do. Those who can't, teach. # Musik gehört dem Volk! # last.fm
user-255
19.03.2006 14:48
<style> gehört aber auch in den <head>
Hab's oben angepasst.
Hab's oben angepasst.
Those who can, do. Those who can't, teach. # Musik gehört dem Volk! # last.fm
user-255
19.03.2006 15:41
Original von user-165
kann es sein deas der IE das nicht darstellen kann??
Das ist nur ein Kommentar
Pass mal folgendes an:
2. CSS:
ul.nav{
width:807px;
height:51px;
margin:0 0 0 93px;
list-style:none;
background:url(http://www.dkilla.com/test/Bilder/pic_08.gif) no-repeat right top;
}1. HTML/head:
<!--[if IE]>
<style type="text/css">
#links{margin:3px 0 0 0}
<![endif]-->
Those who can, do. Those who can't, teach. # Musik gehört dem Volk! # last.fm
user-255
19.03.2006 16:23
Those who can, do. Those who can't, teach. # Musik gehört dem Volk! # last.fm