• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Rahmen verändern + Farbe

um die farbe innerhalb des rahmens ändern zu können, musst du auch dem entsprechenden ELement die HIntergrundfarbe zuweisen.

Zb:

HTML: 
<div class="test"> <!-- oder was für ein Element du auch verwendest -->
Inhalt werlcer du mit einer anderen Farbe haben möchtest
</div>
Dein Css File:
Code: 
.test
{
background-color: [I]farbe[/I];
}
mfg
MasterChief
 
Werbung:
Das war doch schonmal etwas. Vielen Dank. Jetzt habe ich aber trotzdem nur ein Teil weiß.

body {
background-color: darkkhaki;
margin-left:200px;
margin-right:250px;
border-width:12px;
border-style:groove;
border-color:blue;
padding:2.5em;
text-align:justify;

}
.halo
{
background-color: white;
}
 
Werbung:
wenn ich dich jetzt richtig verstanden habe dann willst du alles was innerhalb des blauen rahmen ist weiss haben??

dann mach das so:

HTML: 
<table border="1" class="table">
  <!-- dein INHALT -->
</table>
und im CSS gibst du dann für die Klasse der Tabelle (table) deine Hintergrundfarbe an. Und das <div> kannst du löschen...

Hinweis: das blau vom Rahmen passt farblich nicht zur seite, ist zu grell
Versuch dein Layout nicht mit einer Tabelle zu machen, sondern mit DIV's
 
Du hast mich richtig verstanden, vielen Dank. Meinst du so?
body {
background-color: darkkhaki;
margin-left:200px;
margin-right:250px;
border-width:12px;
border-style:groove;
border-color:blue;
padding:2.5em;
text-align:justify;
table: white;

}
Gehe ich recht in der Annahme das du bei mir in der Datei HTML nichts geändert hast ausser <table border="1" class="table">
?
Vielen Dank nochmal!!
PS: Farbe ist noch nicht festgelegt auch das Kakhi gefällt mir nicht, ich probiere noch!
 
Werbung:
body {
background-color: darkkhaki;
margin-left:200px;
margin-right:250px;
border-width:12px;
border-style:groove;
border-color:blue;
padding:2.5em;
text-align:justify;

}
.table {
background-color: white;

Habe es nun so gemacht zzgl. der Änderung im Html, aber jetzt ist nicht alles innerhalb des Rahmens weiß sondern nur die Inhalte der Tabelle.
 
Also so wie ich das sehe, bist du ein Anfänger =) (nicht bös gemeint)

Aber ist wichtig, dann kann ich dir besser helfen.

Also:

Mit
HTML: 
<!-- dein Inhalt -->
wird nur ein Kommentar dargestellt, das bedeuted dort wo dieser Teil steht, kannst du dein Inhalt (welcher in der Tabelle ist --> zwischen den <table></table>) einfügen, da ich ihn ausgeschnitten habe, bei meiner Antwort.

dein Css File sollte wie folgt aussehen:
Code: 
body {
  background-color: darkkhaki;
  margin-left:200px;
  margin-right:250px;
  border-width:12px;
  border-style:groove;
  border-color:blue;
  padding:2.5em;
  text-align:justify;
   }

.table
{
background-color: white;
}

erklärung:

mit <table class="table"></table>

verweist du nur auf eine Klasse (.table) in deinem css file...

hoffe es ist einigermassen verständlich :D
 
Werbung:
Könnte sein das ich mich vertan habe...


probier mal das:

gib jedem <tr> von deiner tabelle die klassenzuweisung (class="table")

und wenn das auch nicht geht, versuch jedem td dies zuzuweisen.

Ich arbeite so wenig mit tabellen.

VERSUCH das mit div's zu lösen, ist moderner, flexibler und dynamischer
 
Ja ich bin Anfänger, jetzt habe ich es verstanden! Danke! Aber trotzdem hatte ich es so gemacht wie du beschrieben hast und trotzdem ist nicht alles innerhalb des blauen Rahmens weiß sondern nur die Tabelle. Aber das ist doch auch logisch mit dem Befehl Table. Die Frage ist wie klappt es das es wirklich innerhalb des blauen Rahmens weiss ist.
Sightjogging, Köln Laufend erleben
 
Werbung:
EDIT

hab den fehler gefunden...

du musst natürlich dein eigenlticher Inhalt auch in die tabelle nehmen, wenn du das schon so machst...

richtiger code:

HTML: 
<html>

<head>
<title>Sightjogging, K&ouml;ln Laufend erleben</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>

<body>
<div class="halo"> <!-- oder was für ein Element du auch verwendest -->
<img src="reiter1.jpg" alt="logo" /><img src="paffgen.jpg" alt="logo" /><img src="dom2.jpg" alt="logo" /><img src="brunnen.jpg" alt="logo" /><img src="dom1.jpg" alt="logo" /><img src="fruh.jpg" alt="logo" />
<hr />
<h1>Sightjogging-Cologne - Köln laufend neu erleben</h1>
<table border="1">
  <tr>
     <td width="90" align="center"><a href="uns.html">Über uns</a></td>
     <td width="70" align="center"><a href="Guides.html">Guides</a></td>
   <td width="70" align="center"><a href="Touren.html">Touren</a></td>
    <td width="71" align="center"><a href="Gutschein.html">Gutschein</a></td>
    <td width="70" align="center"><a href="Tarif.html">Tarif</a></td>
    <td width="113" align="center"><a href="longjog.html">Sunday Longjog</a></td>
    <td width="70" align="center" valign="middle"><a href="jobs.html">Jobs</a></td>
    </table>
  </tr>
<tr>
<td colspan="7">
  <p><b>Lernen Sie die wunderschöne Domstadt mal von einer anderen Seite kennen. Erlaufen Sie mit uns die Stadt.</b></p>
  <p><b>Der Kölner Dom, 4711, Alter Markt, die vielen Romanischen Kirchen usw. Verpassen Sie nichts!</b></p> 
  <p><b>Ab sofort neu im Programm: TAKE A PICTURE Tour, wir fotografieren Sie vor den Sehenswürdigkeiten und geben<br /> Ihnen die Bilddateien. Natürlich KOSTENLOS. Damit Sie sich ganz auf die Sehenswürdigkeiten konzentrieren können.</b></p>
   <a href="http://www.andyhoppe.com/" title="Counter"><img src="http://www.andyhoppe.com/count/?id=1251571270" alt="Counter" hspace="300" style="border:none" /></a>
</td>
</tr>
</table> 
<table border>
  <tr>
  <td width="100" align="center"><a href="impressum.html">Impressum</a></td>
  </tr>
</table>
</div>
</body>

</html>
 
Zuletzt bearbeitet:
Ich höre immer weiß, ich sehe überhaubt kein weiß - oder sollte ich wirklich mal zum Augenarzt.

oder -- Was für ein Browser benutzt du ?
 
Werbung:
ALso

1. überarbeite dein Quellcode, der hat viel Fehler

zb.: Bei der Tabelle, abschlusstag </table border="1">
ist falsch, richtig--> </table>

etc...

2. Versuch mal das Padding wegzulassen...

und ersetze es durch margin
 
Ich benutze Chrome,
habe aber grade mal den IE benutzt und musste feststellen das da der blaue Rahmen komplett anders ist.
Ich kapiers nicht! Weiß ist aber bei beiden.
 
Werbung:
Das ist Learning by Doing.
Ich will nicht das Ihr mir was zusammen baut. Ich wollte nur Hilfestellung. Aber das weiß habe ich jetzt schon oben links und rechts so hinbekommen das es bis zu dem blauen Rand geht. Indem ich Padding auf 0,0 gesetzt habe.
Nur nach unten geht noch nicht.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben