News - Features - Downloads - Forum - Team - Support - Switch View: Screen
Login - Registrierung - Passwort vergessen

Antworten: 5
Seite [1]
ivokoon


Wannabe poster





Beiträge: 24
 # Thema - 28.02.2009 um 15:52 Uhr
Hi leute....

Also ich hab beschlossen mich mal mit css zu beschäftigen und mal ein css design zu machen... weil ich keine ahnung davon habe will ich viel davon lernen...also ich habe da ein problem habe eine kleine test seite gemacht einen header box content usw..mit div..alles schön verlinkt in die css. aber wen ich es im browser aufmache ist nichts da...also die boxen nichts zu sehen..hier der code vielleicht seht ihr den fehler.....
 
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
1. / 2. / ... 
<?php <!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>maassai</title>
<link href="/CSS/style.css" rel="stylesheet" type="text/css" />
<link href="/CSS/text.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div class="ram" id="ram">
<div class="header" id="header">Raum für den Inhalt von  class "header" id "header"</div>
</div>
</body>
</html> ?>
Inaktiv
duRiel ClanSphere Team


Weltmeister




Herkunft: Cambridge
Beiträge: 7300
 # Antwort: 1 - 28.02.2009 um 16:34 Uhr
hi,
erstens hast du fehler im html und zweitens bräuchte man auch die css dateien um zu wissen was angezeigt werden sollte.
am besten schickst du auch den link zu der seite wo du testest.

gruß
duRiel


Inaktiv
|
ivokoon
Thread-Ersteller


Wannabe poster





Beiträge: 24
 # Antwort: 2 - 28.02.2009 um 16:55 Uhr
Das ist die testseite http://www.maassai.com/test/

style.css... +-
body {
background-color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 24px;
color: #336699;
}

td, th {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 24px;
color: #333333;
}

a {
color: #3366CC;
text-decoration: none;
}

form {
background-color: #CCCC99;
}

.title {
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
line-height: 30px;
background-color: #006666;
color: #DCDCDC;
}

.subtitle {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 22px;
font-weight: bold;
color: #006666;
}

.header {
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
background-color: #006666;
color: #DCDCDC;
height: 150px;
width: 800px;
}

.nav {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
background-color: #CCCCCC;
}

.navLink {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
background-color: #DEDECA;
}

.sidebar {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
padding: 3px;
background-color: #FFFFFF;
}

.sidebarHeader {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 24px;
color: #FFFFFF;
background-color: #339999;
}

.sidebarFooter {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
background-color: #CCCCCC;
}

.footer {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
line-height: 22px;
color: #333333;
background-color: #CCCCCC;
}

.legal {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #333333;
}

.box1 {
border-color: #CCCCCC #333333 #333333 #CCCCCC;
border-width: medium;
border-style: ridge;
}

.promo {
font-family: "Times New Roman", Times, serif;
color: #000033;
}

.titlebar {
font-family: "Times New Roman", Times, serif;
font-size: 9px;
color: #FFFFFF;
background-color: #336699;
}

.dingbat {
font-family: Arial, Helvetica, sans-serif;
background-color: #99CC99;
color: #006666;
font-weight: bolder;
font-size: medium;
}

a:hover {
text-decoration: underline;
}

input.big {
width: 100px;
}

input.small {
width: 50px;
}


text.css... +-
body {
font-family: Arial, Helvetica, sans-serif;
}

td {
font-family: Arial, Helvetica, sans-serif;
}

th {
font-family: Arial, Helvetica, sans-serif;
}.ram {
background-color: #CCCCCC;
height: 900px;
width: 800px;
}
.header {
background-color: #FF6600;
height: 150px;
width: 800px;
}


danke ahja was sind genau die fehler in der html wie finde ich herraus ob ich fehler habe?


Zuletzt editiert von texxo am 28.02.2009 um 16:58 Uhr (2x Editiert)
Inaktiv
|
Ramires ClanSphere Team

Supporter
Supporter



Herkunft: Waldeck
Beiträge: 1900
 # Antwort: 3 - 28.02.2009 um 17:00 Uhr
hmm,... probiers mal so

<div id="ram">
<div id="header">Raum für den Inhalt von class "header" id "header"</div>
</div>

und dann definierst du in deiner css anstatt .ram und .header mal #ram und #header

mit dem von fay sollte es dann so aussehen,...

sieht dann so aus LINK



------------------

Verschwende keine Energie an Dinge die Du nicht ändern kannst...


Zuletzt editiert von Ramires ClanSphere Team am 28.02.2009 um 17:10 Uhr (5x Editiert)
Inaktiv
|
fay-pain


Specialist




Beiträge: 2006
 # Antwort: 4 - 28.02.2009 um 17:08 Uhr
Abgesehen davon bindest du die CSS überhaupt nicht ein, was du an du schon direkt an deiner Schriftart erkennen kannst (immer noch Times New Roman).

Also:
<link href="/CSS/style.css" rel="stylesheet" type="text/css" />

da ist ein "/" zu viel
(in der 2. <link ..> auch)

Und noch ein Tipp: Verwende im Web am besten nur Kleinschreibung und keine Leerzeichen. Das erspart dir auch in Zukunft jede Menge Ärger


------------------
Manchmal hast du fay und machmal pain.
- hajo

Zuletzt editiert von fay-pain am 28.02.2009 um 17:09 Uhr (1x Editiert)
Inaktiv
|
ivokoon
Thread-Ersteller


Wannabe poster





Beiträge: 24
 # Antwort: 5 - 28.02.2009 um 17:33 Uhr
dankeschön


Inaktiv
|
Antworten: 5
Seite [1]


Sie müssen sich registrieren, um zu antworten.

ClanSphere Project - Mailus - Imprint - Disclaimer - Scriptinfo