Antworten auf deine Fragen:
Neues Thema erstellen

Antworten zum Thema „HTML/CSS Schriftfarbe und Rahmenfarbe nicht auffindbar und nicht änderbar“

Stroiner

Noch nicht viel geschrieben

Hallo,
der Titel sagt eigentlich schon alles.
Ich habe keine sonderlich großen html Kentnisse und habe ein Template als Vorlage genommen.

Jetzt stehe ich vor dem Problem, dass sich die Schriftfarbe und der Rahmen vom Navigationsmenü nicht ändern lassen.

Die Farbe ist #800000
aber wenn ich den Code in der Suche eingebe findet das Programm ihn nicht.
Ich habe bereits die CSS Dateie und die html Datei abgesucht.
Wie kann ich das denn ändern, wenn die Farbe, die erscheint garnicht in der Datei steht?

Ich habe mal einen Screenshot gemacht und die Stelle markiert.


Die eingerahmte links sind noch mit einem mouseovereffekt versehen.

Am liebsten hätte ich den Rahmen transparent und die Schriftfarbe in jeder Box individuell, da schwarz oder weiß nicht immer zum Hintergrund passt.
 
Zuletzt bearbeitet:

MyBad

localhorst

AW: HTML/CSS Schriftfarbe und Rahmenfarbe nicht auffindbar und nicht änderbar

Hi!

Kann man die Seite schon irgendwo online erreichen? So wird dir leider keiner helfen können. Poste zumindest mal den Inhalt deiner CSS und eventuell auch den HTML-Quelltext.
 

FoX

Nicht mehr ganz neu hier

AW: HTML/CSS Schriftfarbe und Rahmenfarbe nicht auffindbar und nicht änderbar

Ich nehme mal an das die Menüs keine HTML/CSS Formatierung haben, bis auf lediglich Mouseover-Effekte die jedoch mit einzelnen Bildern überlagert werden.
D.h. um die Farbe der Menüs zu ändern, musst du die Menüpic's ändern.
 

Stroiner

Noch nicht viel geschrieben

AW: HTML/CSS Schriftfarbe und Rahmenfarbe nicht auffindbar und nicht änderbar

Die Seite ist noch nicht online, ich habe noch keinen passenden Provider gefunden.

Und es gibt ein Bild, welches dahintersteckt.
Ich kann in Microsoft Expression Web den text markieren und die Farbe ändern, nur es tut sich nichts, als ob die CSS Datei widersprechen würde.
Allerdings finde ich in dieser keine Hinweise auf die Farbe.

Wenn es hilft kann ich den Inhalt der CSS Dateien hier posten, nur ich fidne das etwas unübersichtlich.
 

Schulli

Pixel- und Eryquäler

AW: HTML/CSS Schriftfarbe und Rahmenfarbe nicht auffindbar und nicht änderbar

Hol Dir irgendein Gratis-Webspace zum Testen. Ohne Link wird das hier nur zum Endlos-Rätselraten. :rolleyes:
Evtl. kann Dir auch Firebug für Firefox gute Dienste leisten, der zeigt Dir genau die Stelle, an der der Wert im Quelltext/CSS steht.
 

redbug

Freizeitworkaholic

AW: HTML/CSS Schriftfarbe und Rahmenfarbe nicht auffindbar und nicht änderbar

Morgen,

am besten due postest mal deine css datei
 

Stroiner

Noch nicht viel geschrieben

AW: HTML/CSS Schriftfarbe und Rahmenfarbe nicht auffindbar und nicht änderbar

Code:
/* =============== NAVIGATION =============== */

 
/* allgemeine links im text */

a:link, a:visited, a:active{ font-size: 16px;line-height: 22px;
font-family: trebuchet ms,georgia,arial, helvetica, tahoma ,verdana,  sans-serif;
color:#000;
text-decoration:underline;background-color:#;}

a:hover{
color:#fff;background-color:#990099;text-decoration:none}

/* ============================== */

/*menü  ganz oben */

.trenn {width:1px;color:#fff}


#menu_ob a, #menu_ob a:visited , #menu_ob a:active {display: block;
color:#982D29;
letter-spacing:1px;
text-decoration:none ;
font-family: trebuchet ms,georgia,arial, helvetica, tahoma ,verdana,  sans-serif; font-size: 14px;
padding-left: 10px;padding-right: 10px; padding-bottom: 0px; padding-top:0px;
margin-left: 0px;margin-right: 0px;
height:38px;
line-height:38px;
text-align:center;
background:transparent;
}

#menu_ob a:hover {color:#fff; text-decoration:underline ;
background:transparent;}


/* ============================== */


/* menue im logo-bereich */

#menuhorizontal a, #menuhorizontal a:visited , #menuhorizontal a:active {display: block;
color:#982D29;
font-weight:normal;
letter-spacing:0px;
text-decoration:none ;font-family:verdana, sans-serif; font-size: 13px;
padding-left: 0px;padding-right: 0px; padding-bottom: 0px; padding-top:0px;
margin-left: 1px;margin-right: 1px;

height:38px;
line-height:38px;
text-align:center;font-weight:bold;
background:transparent;
background-image:url(images/xnav_back.jpg);background-repeat:repeat-x;
background-position:50% 50%;
border:solid 1px #;
}


#menuhorizontal a:hover {background-color:#990099; text-decoration:none ;
color:#ffffff;
text-decoration:none ;
background-image:url(imagesx/nav_back2.jpg);background-repeat:repeat-x;
background-position:50% 50%;
border:solid 1px #A61A1A;
font-weight:normal;
font-style:italic;
}





/* ============================== */


/* erstes menue linke spalte */

#menu2 {
border: dashed 0px #fff;
background-color:#;
text-align: left;
margin-top:0px;
margin-bottom:0px;
margin-right:0px;
margin-left:0px;
padding-bottom:0px;
padding-top:0px;
}

#menu2 ul, #menu2 li {
list-style-type: none;
margin-left:4px;
padding: 0px;
color:#04537D
}

#menu2 li a:link, #menu2 li a:visited, #menu2 li a:active {display:block;
border-bottom: dashed 0px #C2631D;
width:200px;
color:#000;text-decoration:none;
font-size:14px;
font-family: trebuchet ms,georgia,arial, helvetica, tahoma ,verdana,  sans-serif;
line-height: 75px;
background-image:url(images/button3.png);
background-repeat:no-repeat;
background-position:0px 50%;
padding-left:50px;
}

#menu2 li a:hover { background:url('images/button4.png') no-repeat 0px 50%;
color:#000000;
text-decoration:underline;
}

/* zweites menue linke spalte */

#menu2b {
border: dashed 0px #fff;
background-color:#;
text-align: left;
margin-top:0px;
margin-bottom:0px;
margin-right:0px;
margin-left:0px;
padding-bottom:0px;
padding-top:0px;
}

#menu2b ul, #menu2 li {
list-style-type: none;
margin-left:4px;
padding: 0px;
color:#04537D
}

#menu2b li a:link, #menu2b li a:visited, #menu2b li a:active {display:block;
border-bottom: dashed 0px #C2631D;
width:200px;
color:#000;text-decoration:none;
font-size:14px;
font-family: trebuchet ms,georgia,arial, helvetica, tahoma ,verdana,  sans-serif;
line-height: 28px;
background-image:url(images/ball.jpg);
background-repeat:no-repeat;
background-position:0px 50%;
padding-left:28px;
}

#menu2b li a:hover { background:url('images/ball2.jpg') no-repeat 0px 50%;
color:#000000;
text-decoration:underline;
}



/* ============================== */

/* menue in box3 (weiter-links unter news) */

.menubox a , .menubox a:visited , .menubox a:active {display:inline;
background-color:#;
color:#6A0000;
font-size: 14px;line-height: 15px;
font-family: trebuchet ms,georgia,arial, helvetica, tahoma ,verdana,  sans-serif;
text-decoration:underline;
text-align:left;
font-style:normal;
}

.menubox a:hover{
background-color:;
color:#fff;
text-decoration:underline ;
}


/* ============================== */


/* menue ganz unten */

#menu_un a, #menu_un a:visited , #menu_un a:active {display: block;
color:#400000;
text-decoration:none ;
font-family: trebuchet ms,georgia,arial, helvetica, tahoma ,verdana,  sans-serif; font-size: 14px;
padding-left: 10px;padding-right: 10px; padding-bottom: 0px; padding-top:0px;
margin-left: 0px;margin-right: 0px;
height:40px;
line-height:40px;
text-align:center;
background:transparent;
}

#menu_un a:hover {color:#970000;text-decoration:underline;
background:transparent;}

.trenn2 {color:#000;font-size:12px}
 
Zuletzt bearbeitet von einem Moderator:

FoX

Nicht mehr ganz neu hier

AW: HTML/CSS Schriftfarbe und Rahmenfarbe nicht auffindbar und nicht änderbar

Die Farbnummer die du suchst ist nicht #800000 sondern #982D29 ;) (fast identisch)
 

Stroiner

Noch nicht viel geschrieben

AW: HTML/CSS Schriftfarbe und Rahmenfarbe nicht auffindbar und nicht änderbar

bei dem oberen Menü werden ja tabellen und die schrift direkt als mouseover genutzt,
beim linken menü sind es allerdings 2 bilder, die ich hier eingefügt habe:
Code:
#menu2 li a:link, #menu2 li a:visited, #menu2 li a:active {display:block;
border-bottom: dashed 0px #C2631D;
width:200px;
color:#000;text-decoration:none;
font-size:14px;
font-family: trebuchet ms,georgia,arial, helvetica, tahoma ,verdana,  sans-serif;
line-height: 75px;
background-image:url(images/button3.png);
background-repeat:no-repeat;
background-position:0px 50%;
padding-left:50px;
}

#menu2 li a:hover { background:url('images/button4.png') no-repeat 0px 50%;
color:#000000;
text-decoration:underline;


Könnte mir sonst einer sagen, wie ich das im oberen Menü einfügen kann mit Bildern als mouseover?
Dann könnte ich welche mit transparentem Hintergrund erstellen.
 
Zuletzt bearbeitet von einem Moderator:

hellemon

Hat es drauf

AW: HTML/CSS Schriftfarbe und Rahmenfarbe nicht auffindbar und nicht änderbar

... Am liebsten hätte ich den Rahmen transparent und die Schriftfarbe in jeder Box individuell, da schwarz oder weiß nicht immer zum Hintergrund passt.

Das wird aber leider so nicht funktionieren, denn die Navigation wird über ul/li (Elemente) im HTML Quelltext definiert, da gibt es laut deiner CSS Datei nur AN oder AUS. Wenn du individuelle Button haben möchtest, müsstest du jedem Listenelement eine eigene CSS Klasse zuweisen, dann könntest du jeden Button individuell behandeln/ansprechen.

HTML
Code:
<ul id="navigation">
                <li class="eins"><a href="#">eins</a></li>
                <li class="zwei"><a href="#">zwei</a></li>
                <li class="drei"><a href="#">drei</a></li>
</ul>
CSS
Code:
.eins {
  float:left;
  background:url(image1.jpg);
  width:68px;
  height:115px;
  margin-left:161px;
}

.eins:hover {
  float:left;
  background:url(image1_hover.jpg);
  width:68px;
  height:115px;
  cursor:pointer;
}

.zwei {
  float:left;
  background:url(image2.jpg);
  width:68px;
  height:115px;
  margin-left:12px;
}

.zwei:hover {
  float:left;
  background:url(image2_hover.jpg);
  width:68px;
  height:115px;
  cursor:pointer;
}

usw.
bei deinem Rahmen müsstest du dann deine CSS Datei anpassen in dem du die Border Geschichte heraus nimmst bzw. auf none setzt.

Code:
Zeile löschen --> border: dashed 0px #fff;
Gruß hellemon

EDIT: Was du auch noch machen kannst, spiel ein bisschen mit derTransparenz deiner Hintergrundfarbe bei deinen Buttons, derzeit steht das ganze auf "background: transparent;"

#menu_ob a, #menu_ob a:visited , #menu_ob a:active {
display: block;
color:#982D29;
letter-spacing:1px;
text-decoration:none;
font-family: trebuchet ms,georgia,arial, helvetica, tahoma ,verdana, sans-serif; font-size: 14px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 0px;
padding-top:0px;
margin-left: 0px;
margin-right: 0px;
height:38px;
line-height:38px;
text-align:center;


background:#ffffff;
filter:alpha(opacity=90); /* IE */
-moz-opacity: 0.90; /* Mozilla */
opacity: 0.90; /* Opera */
}

#menu_ob a:hover {
color:#fff;
text-decoration:underline ;

background:#ffffff;
filter:alpha(opacity=90); /* IE */
-moz-opacity: 0.90; /* Mozilla */
opacity: 0.90; /* Opera */
}
 
Zuletzt bearbeitet:
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Statistik des Forums

Themen
175.155
Beiträge
2.581.852
Mitglieder
67.221
Neuestes Mitglied
opaklaus
Oben