zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden CSS Code - Komme nicht zurecht

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 01.04.2011, 00:54
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 01.04.2011
Beiträge: 15
Invator01 befindet sich auf einem aufstrebenden Ast
Standard CSS Code - Komme nicht zurecht

Hi,
ich habe einen CSS Code vorgegeben bekommen und möchte daran ein paar Kleinigkeiten ändern... etwas ahnung habe ich, aber ich habe z.B. die Bilder verändert, und ein paar Farben wollte ich ändern aber auf der Website ist alles gleich geblieben. Der Code ist jetzt wieder im Ursprünglichen Zustand. Kann mir vll. jemand sagen ob dieser Code überhaupt funktioniert?

Code:
/** BASIC */

body {
	margin: 0px;
	padding: 0px;
	background: url(./regger-images/img02.jpg) repeat-x left top;
	line-height: 20px;
	text-align: justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #666666;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

a {
	color: #0077dd;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.list1 {
	margin: 0;
	padding: 0;
	list-style: none;
}

.list1 a {
	background: url(./regger-images/img01.gif) no-repeat left 60%;
	padding-left: 12px;
}

.list2 {
	margin: 0;
	list-style: none;
}

.list2 a {
	background: url(./regger-images/img01.gif) no-repeat left 60%;
	padding-left: 12px;
}

img {
	border: none;
}

img.left {
	float: left;
	margin: 3px 20px 0px 0px;
}

/** HEADER */

#header {
	width: 850px;
	margin: 0px auto;
	padding: 1em;
	height: 90px;
	color: #254360;
}

#header h1 {
	margin: 0px;
	padding: 20px 0px 0px 0px;
	text-transform: uppercase;
	font-weight: bold;
}


/** MENU */

#menu {
	width: 1000px;
	margin: 0px auto;
}

#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	background: url(./regger-images/img04.gif) no-repeat right 50%;
	padding: 0px 20px 0px 20px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
}

#menu a:hover {
	background: #FFFFFF;
	color: #254360;
}

#menu .active {
	background: #FFFFFF;
	color: #254360;
}

/** CONTENT */

#content {
	width: 1000px;
	margin: 0px auto;
	padding: 40px 0px 20px 0px;
}

#columnA {
	float: left;
	width: 620px;
	padding-left: 20px;
	border-left: 1px dashed #EEEEEE;
}

#columnA h2 {
	height: 22px;
	border-bottom: 1px dashed #EEEEEE;
	font-size: 12pt;
	font-weight: bold;
}

#columnB {
	float: left;
	width: 160px;
}

#columnB h3 {
	height: 22px;
	border-bottom: 1px dashed #EEEEEE;
	border-spacing: 2px;
	font-size: 11pt;
	font-weight: bold;
}

#columnC {
	float: right;
	width: 160px;
}

#columnC h3 {
	height: 22px;
	border-bottom: 1px dashed #EEEEEE;
	border-spacing: 2px;
	font-size: 11pt;
	font-weight: bold;
}
/** FOOTER */

#footer {
	clear: both;
	margin: 0px auto;
	height: 59px;
	background: url(./regger-images/img03.gif) repeat-x left top;
	text-align: center;
}

#footer p {
	margin: 0px;
	padding: 18px 0px 0px 0px;
	font-size: 10px;
	color: #FFFFFF;
}

#footer a {
	color: #CCCCCC;
}

/** Regger */
.regger_checkbox {
	width:20px;
	height:20px;
}


td.legend {
	font-size:14pt;
	font-weight:bold;
}

td.trenner {
	width:20px;
}


td.input {
	text-align:right;
}

td.input input {
	width:172px;
	height:25px;
	border:1px solid #1E3851;
	font-size:15pt;	
}

td.input textarea {
	border:1px solid #1E3851;
	font-size:15pt;	
}

td.input select {
	width:243px;
	height:33px;
	font-size:15pt;
}

tr.row0 {
	background-color:#E0E8EF;
}

tr.row1 {
	background-color:#EFF7FF;
}
kann man css eigentlich mit html kombinieren?
html kann ich besser xD

Lg
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 01.04.2011, 01:02
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.034
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

ÄÄh, ich glaube, Du brauchst ne kleine Auffrischung deiner Kenntnisse

Teil 1 kostenlos online lesen - Little Boxes - Webseiten gestalten mit HTML und CSS (von Peter Müller)

Mit CSS kannst Du die Darstellung und/oder Gestaltung von HTML-Elementen beeinflussen, vorausgesetzt, Du hast die CSS-Anweisungen richtig eingebunden, bzw. verlinkt, siehe Link oben.
__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 01.04.2011, 14:56
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 01.04.2011
Beiträge: 15
Invator01 befindet sich auf einem aufstrebenden Ast
Standard

nagut, mit "etwas ahnung" habe ich übertrieben, denn etwas ahnung hab ich nur von html... bei CSS weiß ich nur wie man einen "Color-Code" ändert xD
Ich danke dir für deine Hilfe, doch die seite, wo du mich hingeschickt hast->Ich komme da überhaupt nicht zurecht....

Kann ich denn nun einen anderen Header einbauen und eventuell die Navigationsbutton verändern, oder kann ich damir nur die Farben bearbeiten?
Es ist ja garnicht viel was ich ändern möchte, lediglich Header, Navigation und ein paar Farben.

Lg
Mit Zitat antworten
  #4 (permalink)  
Alt 01.04.2011, 15:11
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.034
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

Dein Code sollte schon funktionieren, kommt halt drauf an, was du willst....

Stimmt denn der Pfad der Datei???

Ich weiß jetzt nicht, WAS du WIE ändern willst... hast Du keinen kompletten Beispielscode oder am besten einen Link?
__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte
Mit Zitat antworten
  #5 (permalink)  
Alt 01.04.2011, 15:43
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 01.04.2011
Beiträge: 15
Invator01 befindet sich auf einem aufstrebenden Ast
Standard

also es ist so, ich betreibe einen Autoregger moneyfire.regger24.de
und ich habe bei anderen reggern, die das selbe Design verwenden veränderungen gesehn wie z.B. ref-rotations.regger24.de
Bei einem habe ich einen richtigen Header oben gesehen, also das war nicht nur eine Farb-änderung...
der Code funktioniert so schon, denn er wird genau so vom System vorgegeben. Doch wenn ich die Farbcodes ändere bleibt alles beim alten... und genau das ist das, was ich nicht verstehe...

Lg
Mit Zitat antworten
  #6 (permalink)  
Alt 01.04.2011, 17:30
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.034
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

Du musst die auf dem Server liegende moneyfire.css ändern.
Kannst Du das?

Wenn ja, suchst Du nach den HTML-Elementen, die Du beeinflussen willst, das ist das div id="menu" und die darin liegende ungeordnete Liste "ul", bzw. die jeweiligen Listenelemente "li" die da angegeben sind.

Nach Änderung musst Du die moneyfire.css wieder hochladen und die Seite erneut aufrufen. Ggf. F5 drücken.

Einige der im css vorhandenen Elemente bzw. Selektoren sind im HTML-Dokument gar nicht definiert. "list1a" und dergleichen. Wenn Du daran rumgeschraubt hast, wundert es mich nicht.
HTML-Elemente mit einer id werden so angesprochen:
Code:
#header { hier deine Anweisungen}
HTML ohne ID werden so angesprochen:
Code:
 ul { hier deine Anweisungen}
und so weiter. Das Buch von Peter Müller versteht eigentlich jeder, versuchs noch mal
__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte
Mit Zitat antworten
  #7 (permalink)  
Alt 03.04.2011, 19:54
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 01.04.2011
Beiträge: 15
Invator01 befindet sich auf einem aufstrebenden Ast
Standard

okay, also ich kann nur den code ändern den ich oben eingefügt hab. Alles andere ist unmöglich...

ich habe nur bei #header in der Zeile "color" den dahinterstehenden Code geändert, da ich eine andere Farbe probieren wollte. Doch funktionierte das nicht.

also heißt das, ich kann mit Diesem Code die ganze seite verändern, wenn ich einfach "irgendwas" ganz neues einbaue?

lg
Mit Zitat antworten
  #8 (permalink)  
Alt 04.04.2011, 10:56
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.034
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von Invator01 Beitrag anzeigen
okay, also ich kann nur den code ändern den ich oben eingefügt hab. Alles andere ist unmöglich...
Was heißt das? Welcher Code? HTML oder CSS? Oder beides?
Kannst Du die moneyfire.css nicht selbst ändern? Hast Du Zugriff auf deine Seite / den Server / die Dateien? Bitte beantworte meine Fragen.

Zitat:
Zitat von Invator01 Beitrag anzeigen
ich habe nur bei #header in der Zeile "color" den dahinterstehenden Code geändert, da ich eine andere Farbe probieren wollte. Doch funktionierte das nicht.
Möglicherweise ist/war deine Anweisung falsch geschrieben, dann wird sie vom CSS-Parser ignoriert.
Die geänderte CSS muss wieder hochgeladen werden. Evtl. ist eine Zeitsperre eingebaut, damit die Serverlast reduziert wird. (meist ein Tag bis zu einer Woche), schließlich ist deine Seite "nur" eine Unterseite und du wirst nicht der einzige sein, der Klickvieh sucht.

Zitat:
Zitat von Invator01 Beitrag anzeigen
also heißt das, ich kann mit Diesem Code die ganze seite verändern, wenn ich einfach "irgendwas" ganz neues einbaue?
Sicherlich nicht "irgendwas". Mit CSS kannst Du grundsätzlich nur das beeinflussen, was im HTML-Dokument vorhanden ist, also Selektoren wie HTML-Elemente oder Klassen- oder ID-Attribute von HTML-Elementen.

Mein Tipp: Sofern noch nicht geschehen, installiere Dir die Firefox-Extension Firebug. Damit kannst Du "on the fly" Änderungen an der CSS-Datei vornehmen und damit kannst Du schon vorher sehen, wie die Seite später aussieht. Das Ganze wird natürlich nicht gespeichert - aber für die Änderung und Vorschau einzelner Anweisungen sehr nützlich.

Ansonsten musst Du präziser in deinen Äußerungen werden. Ich stecke nicht in deinem Kopf und weiß nicht genau, was Du jeweils meinst, siehe oben.
__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte
Mit Zitat antworten
  #9 (permalink)  
Alt 04.04.2011, 19:57
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 01.04.2011
Beiträge: 15
Invator01 befindet sich auf einem aufstrebenden Ast
Standard

gut, okay.
Also in meinem aller ersten Beitrag habe ich einen CSS Code eingefügt. Genau den meine ich und auch NUR den kann ich verändern. Du schreibst etwas über "moneyfire.css", und das ich das hochladen soll.
Ich kann garnichts hochladen.. Ich hab dir mal einen screen gemacht, wie das aussieht....



Und meine geänderte Anweisung habe ich von CSS 4 You - The Finest in Stylesheets: Websichere Farben kopiert.

Nagut, aber woher weiß ich, was im html-Dokument vorhanden ist, bzw. wie es dort benannt wird?

Lg
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 04.04.2011, 21:20
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 01.04.2011
Beiträge: 15
Invator01 befindet sich auf einem aufstrebenden Ast
Standard

also ich hab jetzt meine Beispielseite gefunden, der hat oben einen Header eingefügt, denn eine reine Farbänderung ist das nicht.

Geld per E-Mail

Oben dieses "Grasland". Und es wird das gleiche Design verwendet, also müsste es eigentlich möglich sein.

Lg
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Was ist an meinem CSS Style Code falsch? bayway CSS 3 30.07.2009 00:24
erster CSS Code Chaosgoettin CSS 6 25.11.2007 13:12
CSS Menuproblem im IE (Superfish) ven CSS 1 04.10.2007 13:13
XHTML und CSS Code auszeichnen Lloyd Larkin Barrierefreiheit 11 20.07.2006 08:51
XHTML und CSS Projekt: Layout und Code check Lloyd Larkin Site- und Layoutcheck 5 19.03.2006 15:20


Alle Zeitangaben in WEZ +2. Es ist jetzt 14:14 Uhr.