Einfache BGColor! @ tutorials.de: Tutorials, Forum & Hilfe

MrButthead · 06.08.05 02:48

Also, ich kenne mich nur waage mit webdesign aus, deswegen hab ich mir eine Fertigpage geladen und ein bisschen am Design rumgebastelt, das einzige was ich nicht hinbekomme ist eine weiße Hintergrundfarbe.

Kann mir jemand helfen?

Maik · 06.08.05 05:39

Die Hintergrundfarbe eines HTML-Elements (in deinem Fall das <body>-Element) wird mit Hilfe von CSS und der Eigenschaft background-color bzw. background formatiert. Hierbei stehen dir drei Möglichkeiten zur Auswahl, wie du das StyleSheet in das HTML-Dokument einbindest:

StyleSheet innerhalb eines HTML-Elements
HTML-Code:
```
<body style="background-color:#ffffff;">
```

Zentrales StyleSheet im HEAD:

HTML-Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>Seitentitel</title>

<style type="text/css">
<!--
body 
{ 
background-color: #ffffff;
}
-->
</style>

</head>
<body>

<!-- Seiteninhalt -->

</body>
</html>

Zentrales StyleSheet in externer CSS-Datei styles.css:

HTML-Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>Seitentitel</title>

<link rel="stylesheet" type="text/css" href="styles.css">

</head>
<body>

<!-- Seiteninhalt -->

</body>
</html>

Eine weitere non-CSS Möglichkeit wäre das bgcolor-Attribut:

HTML-Code:
```
<body bgcolor="#ffffff">
```

Da die Vorlagenseite nicht weiss dargestellt wird, muss sich eine dieser vier genannten Techniken mit einer Angabe zur Hintergrundfarbe seitens des Autors/Designers finden lassen, weil HTML-Dokumente ohne Angabe zur Seitenhintergrundfarbe in den Browsers weiss angezeigt werden.

Anmerkung: wenn das Seitenlayout auf einer Tabellenkonstruktion mit den Attributen width="100%" und height="100%" basiert, solltest du die HTML-Elemente <table>, <tr>, <td> auf eine der genannten Hintergrund-Formatierungen überprüfen.

MrButthead · 06.08.05 13:57

WHOW! Weißt du das alles audwendig
Wie alt bist du dass du sowas in deinen kopf bekommst? das ist sicherlich nicht das einzige was du kannst! Vor leuten wie eucht heb ich echt RESPEKT!!
Ich will das auch können aber ich blick nicht durch

Danke für deine Hilfe!!

Maik · 06.08.05 19:19

Frage beantwortet? Problem gelöst? Dann markiere dein Thema bitte als "Erledigt"!

Thanx

P.S. Ja, das weiss ich alles auswendig. Empfehle dir zum Thema HTML und CSS SELFHTML.

MrButthead · 06.08.05 21:56

ne sorry aber das geht immer noch nicht kann ich dir vllt das HTML dokument schicken und du guckts mal nach? Meine Email: MrButthead@web.de
meine icq nummer 255018733

Maik · 06.08.05 22:02

Du kannst den Quelltext deiner Seite auch hier im Forum posten

MrButthead · 06.08.05 22:08

okay das ist der html code der seite:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>German GT</title>
<meta name="description" content="">
<meta name="design" content="GermanGT">
<meta name="keywords" content="">
<meta name="date" content="Januar,05">
<meta name="page-topic" content="">
<meta name="audience" content="">
<meta name="revisit-after" content="3">
<link rel="stylesheet" type="text/css" href="include/designs/GermanGT/style.css">
</head>
<BODY BGCOLOR=#ffffff text="#000000" link="#jjjjjj">
<table width="800" height="104" cellpadding="0" cellspacing="0" border="0" align="center" bgcolor="#ffffff">
<tr>
<td align="center" background="include/designs/GermanGT/images/header.jpg" height="104"><img src="include/designs/GermanGT/images/header.jpg" width="800" height="104" border="0" alt=""></td>
</tr>
</table>
<table width="800" cellpadding="0" cellspacing="0" border="0" align="center" bgcolor="#ffffff">
<tr>
<td width="108" height="100%" valign="top" bgcolor="#ffffff">
<table width="108" cellpadding="0" cellspacing="0" border="0" align="center" >
<tr>
<td valign="top" background="include/designs/GermanGT/images/05.jpg">
<table width="108" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td valign="top"><img src="include/designs/GermanGT/images/01.jpg" width="108" height="30" border="0" alt=""></td>
</tr>
{_list_boxleft@
<tr class="Bhead">
<td bgcolor="#ffffff" background="include/designs/GermanGT/images/02.jpg" width="108" height="15">    <b>%1</b></td>
</tr>
<tr>
<td valign="top" background="include/designs/GermanGT/images/03.jpg" width="108">
<table width="80%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td id="Ballg">%2</td>
</tr>
</table>
</td>
</tr>
<tr>
<td><img src="include/designs/GermanGT/images/03.jpg" width="108" height="10" border="0" alt=""></td>
</tr>
}
<tr>
<td><img src="include/designs/GermanGT/images/04.jpg" width="108" height="10" border="0" alt=""></td>
</tr>
{_list_menupoint@
<strong><big>·</big></strong>
<a %1 class="box" href="%2">%3</a>
<br />
}
</table>
</td>
<td width="487" height="100%" valign="top" background="include/designs/GermanGT/images/10.jpg">
<table width="487" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td valign="top"><img src="include/designs/GermanGT/images/06.jpg" width="487" height="14"></td>
</tr>
<tr>
<td valign="middle" background="include/designs/GermanGT/images/07.jpg" width="487" height="21">
<table border="0" align="right" cellpadding="0" cellspacing="0">
<tr>
<td height="2"></td>
</tr>
<tr>
<td height="15"><b>{HMENU}</b>     </td>
</tr>
</table>
</td>
</tr>
<tr>
<td background="include/designs/GermanGT/images/08.jpg">
<table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td class="Callg">
<br>
{EXPLODE}
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td><img src="include/designs/GermanGT/images/09.jpg" width="487" height="15"></td>
</tr>
</table>
</td>
<td width="205" height="100%" valign="top" background="include/designs/GermanGT/images/15.jpg">
<table width="205" cellpadding="0" cellspacing="0" border="0" align="center">
<tr>
<td valign="top"><img src="include/designs/mk_2/images/11.jpg" width="205" height="14" border="0" alt=""></td>
</tr>
<tr>
<td>
<table width="205" border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td><img src="include/designs/GermanGT/images/15.jpg" width="205" height="42" border="0" alt=""></td>
</tr>
{_list_boxright@
<tr class="Bhead">
<td bgcolor="#ffffff" background="include/designs/GermanGT/images/12.jpg" width="205" height="21" align="right"><b>%1</b>      </td>
</tr>
<tr>
<td valign="top" background="include/designs/GermanGT/images/13.jpg" width="205">
<table width="80%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td id="Ballg">%2</td>
</tr>
</table>
</td>
</tr>
<tr>
<td><img src="include/designs/GermanGT/images/14.jpg" width="205" height="42" border="0" alt=""></td>
</tr>
}
<tr>
<td><img src="include/designs/GermanGT/images/15.jpg" width="205" height="20" border="0" alt=""></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table width="800" cellpadding="0" cellspacing="0" border="0" align="center" bgcolor="#ffffff">
<tr>
<td background="include/designs/GermanGT/images/16.jpg" width="800" height="31">
<table width="800" cellpadding="0" cellspacing="0" border="0" align="center">
<tr>
<td width="108" background="include/designs/GermanGT/images/17.jpg"><img src="include/designs/GermanGT/images/17.jpg" width="108" height="31" border="0" alt=""></td>
<td width="487" background="include/designs/GermanGT/images/18.jpg" align="left"><a href="http://www.ilch.de" target="blank"><img src="include/designs/GermanGT/images/18.jpg" width="487" height="31" border="0" alt=""></a></td>
<td width="205" background="include/designs/GermanGT/images/19.jpg" align="center" valign="bottom"><a href="http://www.mk3.de.hm" target="blank"><img src="include/designs/GermanGT/images/19.jpg" width="205" height="31" border="0" alt=""></a></td>
</tr>
</table>
</td>
</tr>
</table>

</body>
</html>

Maik · 06.08.05 22:19

Bei mir wird die Seite weiss dargestellt

Korrigiere mal folgenden Source in deinem Dokument:

Code :

1	<body bgcolor=[color=red]"[/color]#ffffff[color=red]"[/color] text="#000000" link="#[color=red]000000[/color]">

Die Hexidezimal-Werte für Farben enden beim Buchstaben F, den von dir verwendeten Buschstaben J gibt es nicht!

Ansonsten wäre es interessant zu wissen, welche CSS-Eigenschaften in der verlinkten CSS-Datei style.css notiert sind. Vielleicht ist dort eine andere Hintergrundfarbe für die Seite bestimmt?

webmastersworld12 · 06.08.05 22:21

HTML-Code:

BGCOLOR=#ffffff

... das ist weiss!

also:

du kannst dir mehrere wege aussuchen, einen gewünschten colorcode zu finden

1. rgb-farben > eher nicht ratsam, das wäre zu umständlich zu erklären

2. HEX-Code > besser, das ist wie oben, also #1234567 (zumeist also buchstaben/zahlenkombi) >> da solltest aber ein entspr. grafikprogramm haben, mal sehen, ob ich heute noch dazukomme, mein Farbrad von BERI online zu stellen, da kannst dann gustieren

3.CSS-Farbnamen, findest du hier http://www.w3schools.com/css/css_colornames.asp

mit einem gefundenen farbnamen gehst du so vor:

HTML-Code:

BGCOLOR="silver"

<==bitte statt 'silver' halt den farbnamen setzen, den Du gewählt hast

@michaelsinterface <- du warst schneller

, aber die bgcolor-parameter des css-files sind für die bgcolor dannn egal, wenn er hier seinen gewünschten farbcode (wie oben beschrieben) eingibt. aber du hast recht, der css-inhalt wäre interessant, weil dort wahrscheinlich auch

Code :

1	background-color:#ffffff ;

steht, den progger verstehe ich dann aber nicht, entweder primär-code der farbe in der html-seite oder eben im css

MrButthead · 06.08.05 22:28

wie kann ich denn die datei style.css verändern bzw. woher weiß ich was drin steht und was drin stehen sollte

webmastersworld12 · 06.08.05 22:36

Zitat von MrButthead

wie kann ich denn die datei style.css verändern bzw. woher weiß ich was drin steht und was drin stehen sollte

wenn du per ftp deine hp-files bekommst und hier nicht nur den quelltext der obigen file gepostet hast, dann gehe bitte in deine hauptdirectory (=wo alle deine hp-files am webspace liegen) und poste hier die file include/designs/GermanGT/style.css

... wenn du keinen ftp-zugang hast, dann nehme ich an, dass du das css über ein AdminPanel beeinflussen kannst bzw. in jeder datei so vorgehen, wie oben beschrieben, dann ists egal, was im css steht

- zumindest die bgcolor betreffend

MrButthead · 06.08.05 22:39

http://mrbutthead.cybton.com/include...anGT/style.css

das ist der link zum style.css teil

SilentWarrior · 06.08.05 22:50

Butthead, warum liest du nicht einfach mal SELFHTML durch? Da steht alles drin, was du wissen willst.

webmastersworld12 · 06.08.05 22:53

so wie ich das sehe, ist genau das eingetroffen, was ich oben sagte:

die css hat bereits den farbwechsel gespeichert,

HTML-Code:

background-color: #464646;

<- ein dunkles grau, aber die seite die du oben gepostet hast blockiert den code mit BGCOLOR="#ffffff" <-weiss.

... du musst also oben in der geposteten file auch den wert #464646 einsetzen, hoffentlich kannst per ftp hin

also oben m u s s statt bgcolor="#ffffff" auf jeden fall bgcolor="#464646" ersetzt werden, sonst wirds nie was > merkwürdiges styling bei dem hp-template

MrButthead · 06.08.05 23:09

Wenn ich da also #464646 eingebe habe ich einen weißen hintergrund oder was?

SELFTML ist mir zu viel zu lesen

tut orials.de	tut verbinden	tut dir helfen	tut kooperieren
©2000-2012 tutorials.de Alle Rechte vorbehalten	tut informieren » Impressum » Nutzungsregeln » Netiquette » Team » Redaktion	» Tutorials » Videotutorials » Showroom » Events & Contests » Chat » RSS-Feed » Blogs	» der-webdesigner.net » DesignerInAction » Design Nation » Directorforum » Flashhilfe » PHP-Resource » PHPwelt » PSD-Tutorials

Themen-Optionen

Anzeige

Ähnliche Themen

bgcolor in phpCode

BGColor des Documents zur Laufzeit...

BGColor Wert drucken

bgcolor & onMouseover in tabellen

bgColor

E-Mail:

Abonnieren Abbestellen