 |
| Hinweise |
Willkommen im TP-Hilfe-Forum!Dies ist ein Forum zu den Themen Photoshop, Dreamweaver, Flash, Selbständigkeit und mehr, in dem Du Hilfe, Anleitung oder eine Lösung zu Deinen Problemen erhältst. Aktuell bist Du in unseren Foren als Gast mit reinen Leserechten unterwegs. Wenn Du Dich registrierst, kannst Du eigene Themen verfassen, deine Frage stellen und privat mit anderen TPlern kommunizieren. Weitere Foren werden zugänglich, und Du wirst – falls gewünscht – per Mail über neue Beiträge informiert. Die Registrierung ist schnell und kostenlos. Sollten bei der Registrierung Fragen auftauchen, reicht ein Klick in unsere Hilfe - Häufig gestellte Fragen oder eine kurze Mitteilung an das Support-Team. Viel Spaß bei Traum-Projekt.com |
31.03.2006, 18:27
|
#1
|
|
TP-Senior
Registriert seit: Jul 2003
Ort: B´tal
|
xhtml Background
Hi,
ich habe hier ein Problem mit xhtml. Ich möchte den Hintergrund auf #E8E8E8, doch der wird nicht angezeigt. Nur in Dreamweaver selber zeigt er mir die Farbe an.
Versuche:
Code:
<!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" />
<title>mi572</title>
<link href="style.css" rel="stylesheet" type="text/css"></link>
</head>
<body background="#E8E8E8">
Code:
<!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" />
<title>mi572</title>
<link href="style.css" rel="stylesheet" type="text/css"></link>
</head>
<body bgcolor="#E8E8E8">
per externem Stylsheet habe ich es auch schon probiert. In meinem Bodytag habe ich:
Code:
body {
background:#E8E8E8;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
font-size:12px;
font-variant:small-caps;
}
Doch überall bekomme ich die Hintergrundfarbe nicht hin. Habe es im Safari und im Firefox probiert.
Bin über jede Hilfe dankbar.
Bye & THNX im Voraus |
|
|
|
31.03.2006, 18:41
|
#2
|
|
TP-Moderator
Registriert seit: Jan 2004
Ort: Marbach
|
Versuch doch mal in der CSS Datei anstelle von background background-color
Die Angeabe direkt im Body-Tag zu machen wird bei XHTML nicht funktionieren 
__________________
Gruß Torsten!
|
|
|
|
|
31.03.2006, 20:05
|
#3
|
|
TP-Senior
Registriert seit: Jul 2003
Ort: B´tal
|
Hi,
hab ich schon versucht mit background-color, doch damit funkt es leider auch nicht.
THNX aber trotzdem für die Antwort...
|
|
|
|
|
31.03.2006, 20:14
|
#4
|
|
TP-Moderator
Registriert seit: Jan 2004
Ort: Marbach
|
Zeig doch mal Deine HTML Datei + CSS Datei
Dann kann man mehr sagen, vielleicht auch einen Link zu einer Onlineversion.
__________________
Gruß Torsten!
|
|
|
|
|
31.03.2006, 20:18
|
#5
|
|
TP-Moderator
Registriert seit: Jan 2004
Ort: Marbach
|
Hier mal auf die schnelle ein Bsp:
HTML-Code:
<!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" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
<!--
body,td,th {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #006600;
}
body {
background-color: #E8E8E8;
margin-left: 150px;
margin-top: 200px;
margin-right: 0px;
margin-bottom: 0px;
}
-->
</style></head>
<body>
<p>Ein Beispiel für "counter18"</p>
<p>XHTML und Backgroundcolor: #E8E8E8 </p>
</body>
</html>
Kopier den Code und setz ihn mal in ein neues Dokument in DW ein.
__________________
Gruß Torsten!
|
|
|
|
|
02.04.2006, 11:14
|
#6
|
|
TP-Senior
Registriert seit: Jul 2003
Ort: B´tal
|
Danke für die Antworten Torsten. Den Versuch von dir habe ich auch mal probiert und das funktioniert auch, doch so habe ich es auch mal probiert bei mir und des hat nicht mehr funktioniert. Ich weiss nicht wieso. Vermutungen gehen zu einem Syntax-Error. Hier ist der Quelltext zu der xhtml Seite und dem css. Ich habe hier noch einen Stylesheet-Changer eingebaut, doch der tut nichts zur Sache, denn den habe ich später hinzugefügt, als es schon nicht funktioniert hat:
xhtml
Code:
<!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" />
<title>mi572</title>
<link rel="stylesheet" type="text/css" href="style.css" title="normal" />
<link rel="alternate stylesheet" type="text/css" href="style_big.css" title="big" />
<link rel="alternate stylesheet" type="text/css" href="style_small.css" title="small" />
<script type="text/javascript" src="styleswitcher.js" ></script>
</head>
<body>
<div id="site">
<div class="header">
<div class="changer"><a class="changer_nor" href="#" onclick="setActiveStyleSheet('normal'); return false;">Normale Schrift</a>
<a class="changer_big" href="#" onclick="setActiveStyleSheet('big'); return false;">Große Schrift</a>
<a class="changer_sma" href="#" onclick="setActiveStyleSheet('small'); return false;">Kleine Schrfit</a>
</div>
</div>
<div class="menue">
<div class="menue_inhalt"><a class="links" href="#">Startseite</a> <a class="links" href="#">Vita</a> <a class="links" href="#">blog</a> <a class="links" href="#">Portfolio</a> <a class="links" href="#">Reisebericht</a> <a class="links" href="#">Tutorial</a></div>
</div>
<div class="subhead"></div>
<div class="inhalt">
<div class="inhalt_pos">
<table align="center">
<tr>
<td><a class="sitemap" href="#"><p class="zentrieren"><img class="left_site" src="ordner.jpg" title="Sitemap" />Startseite</p></a></td>
<td><a class="sitemap" href="#"><p class="zentrieren"><img class="left_site" src="ordner.jpg" title="Lebenlauf" />Vita</p></a></td>
</tr>
<tr>
<td><a class="sitemap" href="#"><p class="zentrieren"><img class="left_site" src="ordner.jpg" title="elektronisches Tagebuch" />Blog</p></a></td>
<td><a class="sitemap" href="#"><p class="zentrieren"><img class="left_site" src="ordner.jpg" title="aktuelles aus dem Studiengang Medieninformatik" />Portfolio</p></a></td>
</tr>
<tr>
<td><a class="sitemap" href="#"><p class="zentrieren"><img class="left_site" src="ordner.jpg" title="Reisebericht zur Insel Guam Weihnachten 2004" />Reisebericht</p></a></td>
<td><a class="sitemap" href="#"><p class="zentrieren"><img class="left_site" src="ordner.jpg" title="Anleitung zur Erstellung von HOCHWERTIGEN Textildrucken" />Tutorial</p></a></td>
</tr>
</table>
</div>
</div>
<div class="footer"></div>
</div>
</body>
</html>
css:
Code:
/* CSS Document */
body {
background:#E8E8E8;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
font-size:12px;
font-variant:small-caps;
}
#site {
top:0px;
margin-left:15px;
margin-right:auto;
vertical-align:top;
top:0;
position:absolute;
left:50%;
width: 700px;
margin:0px 0px 0px -350px;
}
/*div*/
div.header {
width:700px;
height:137px;
background:url(index_r1_c1.jpg);
float:left;
}
div.menue {
width:700px;
height:30px;
background:url(index_r2_c1.jpg);
float:left;
}
div.menue_inhalt {
width:685px;
float:left;
margin-left:15px;
margin-top:5px;
}
div.subhead {
width:700px;
height:46px;
background:url(index_r3_c1.jpg);
float:left;
}
div.inhalt {
width:700px;
background:#DBDBDB;
float:left;
}
div.inhalt_pos {
margin-left:14px;
}
div.footer {
width:700px;
height:47px;
background:url(index_r5_c1.gif);
float:left;
}
div.changer {
margin-left:10px;
width:690px;
}
/*Menü*/
a.links:link {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#000000;
font-size:13px;
}
a.links:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#666666;
font-size:13px;
}
a.links:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FFFFFF;
font-size:13px;
}
a.links:active {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#333333;
font-size:13px;
}
/*Images*/
img.left {
float:left;
margin-bottom:5px;
margin-top:5px;
margin-right:5px;
}
img.right {
float:right;
margin-bottom:5px;
margin-top:5px;
margin-left:5px;
}
/*Sitemap*/
p.zentrieren {
line-height:75px;
}
a.sitemap:link {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#000000;
font-size:16px;
text-decoration:none;
border:0px;
}
a.sitemap:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#666666;
font-size:16px;
text-decoration:none;
border:0px;
}
a.sitemap:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#97F904;
font-size:16px;
text-decoration:none;
border:0px;
}
a.sitemap:active {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#97F904;
font-size:16px;
text-decoration:none;
border:0px;
}
img.left_site {
float:left;
margin-left:5px;
margin-right:3px;
border:none;
}
b.sitemap_info {
margin-left:178px;
}
div.sitemap_tab {
width:343px;
float:left;
}
/*Stylesheetchanger*/
a.changer_nor:link {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#000000;
font-size:12px
}
a.changer_nor:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#666666;
font-size:12px;
}
a.changer_nor:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#97F904;
font-size:12px;
}
a.changer_nor:active {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#97F904;
font-size:12px;
}
a.changer_big:link {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#000000;
font-size:14px;
}
a.changer_big:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#666666;
font-size:14px;
}
a.changer_big:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#97F904;
font-size:14px;
}
a.changer_big:active {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#97F904;
font-size:14px;
}
a.changer_sma:link {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#000000;
font-size:11px;
}
a.changer_sma:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#666666;
font-size:11px;
}
a.changer_sma:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#97F904;
font-size:11px;
}
a.changer_sma:active {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#97F904;
font-size:11px;
}
Danke schonmal für die Antworten... |
|
|
|
|
02.04.2006, 11:55
|
#7
|
|
Guest
|
kannst du das mal online bereitstellen?  |
|
|
|
|
02.04.2006, 18:12
|
#8
|
|
TP-Senior
Registriert seit: Jul 2003
Ort: B´tal
|
Hi ich bins nochmal,
also die Seite ist jetzt online unter: http://www.cmd-online.de/xhtml/index.xhtml
Geändert von counter18 (02.04.2006 um 23:39 Uhr).
|
|
|
|
|
05.04.2006, 16:29
|
#9
|
|
TP-Senior
Registriert seit: Jul 2003
Ort: B´tal
|
Hat sich alles erledigt. Hab den Fehler gefunden. Endung war falsch.
Danke für die Antworten...
|
|
|
|
|
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
|
|
|
| Themen-Optionen |
Thema durchsuchen |
|
|
|
| Thema bewerten |
|
|
Forumregeln
|
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.
HTML-Code ist aus.
|
|
|
Alle Zeitangaben in WEZ +2. Es ist jetzt 18:10 Uhr.
|
|
