[Stefan_der_held]

Hi Leuts....

nachdem mich Witti auf das Arbeiten mit Containern/CSS gebracht hab, habe ich mich mal hieran gewagt und ein bischel experementiert.

Einfach Genjal... hab bislang CSS für schlichtweg "überbewertet" gehalten da ich immer gelernt hab mit Tabellen-Layouts zu arbeiten.

Nun zum "Problemchen":

 TESTCSS.zip (51,63K)
Anzahl der Downloads: 89

ich weis... die HTML ist nicht standardkonform ist auch nur eben zum Testen mit "Notepad" zusammengeschustert

Zum Problem: Das Zentrieren des Rahmens/Textes in der Klasse "infobox" klappt irgendwie nicht.... Sprich der Rahmen sollte 768Px breit sein und zentriert auf der Site erscheinen.

Das Tutorial nachdem ich arbeite/einlese ist dies hier

http://www.professorweb.de/css-workshop/ei...s-beispiel.html

eine Weitere "Anfänger-Frage" an euch erfahrene CSS-Spezis... Wann sollte man mit Klassen arbeiten, wann mit einer ID?

Hoffe ihr könnt mir auf die Sprünge helfen

MFG

Stefan


EDIT:

ich pappnase

Man sollte die CSS abspeichern wenn man sie ändert

die Frage mit den "Klassen" und "ID"'s besteht aber weiter

Dieser Beitrag wurde von Stefan_der_held bearbeitet: 11. Juni 2009 - 13:57

[F481]

Klassen und IDs werden für "divs" benötigt. Durch eine Klasse bzw. ID kannst du dann die Divs ansprechen. Du benutzt Klassen für Divs, die öfters vorkommen, also mehrere divs, die die gleichen css eigenschaften beinhalten sollen. Eine ID dagegen ist einzigartig, kommt also nur einmal vor.
Soweit ich weiß..^^
Hoffe ich konnte dir helfen

MfG F481

[[Elite-|-Killer]]

Zitat (F481: 11.06.2009, 15:52)

Klassen und IDs werden für "divs" benötigt. Durch eine Klasse bzw. ID kannst du dann die Divs ansprechen. Du benutzt Klassen für Divs, die öfters vorkommen, also mehrere divs, die die gleichen css eigenschaften beinhalten sollen. Eine ID dagegen ist einzigartig, kommt also nur einmal vor.
Soweit ich weiß..^^
Hoffe ich konnte dir helfen
MfG F481

Das fett markierte stimmmt, aber mit divs hat es eher wenig zu tun.

[Stefan_der_held]

Hey das bringt doch wieder Licht ins dunkel

also langsam komme ich auf dem Geschmack... nun sinnmer beim "Vererben"....

willl irgendwie nicht hinhauen

 Test____2___CSS.zip (854bytes)
Anzahl der Downloads: 81

Problem 1:

.container_body_side a:link  {
         color:#ffffff;
         }

funktioniert überhaupt nicht.

a  {
         color:#ffffff;
         }

ist mir persönlich mehr als unpassend da dies "allgemeingültig" ist

Problem 2:
Das nächste Problem was ich iwie nicht in den Griff bekomme befindet sich (primär) im "Body_side"....

wenn ich dort links plaziere werden diese generell (ich kann mich da uffe kopp stellen, in die hände klatschen und mit den Ar$chbacken "Lapaloma" pfeifen) über den oberen Rand dieser Box dargestellt...

Schon durch zig sites gelesen aber nix brauchbares finden können

Dieser Beitrag wurde von Stefan_der_held bearbeitet: 11. Juni 2009 - 18:26

[Stefan_der_held]

ist oben im Beitrag die neue Version...

OK. geht in den massen des Textes unter

Hier nochmal:
 Test____2___CSS.zip (854bytes)
Anzahl der Downloads: 111



beinhaltet:

• Main.css
  
• inxdex.html

[Stefan_der_held]

Zitat (sqrt: 11.06.2009, 19:46)

Oh man .. viele kleine Fehler.

zeig doch mal Nachsicht habe HEUTE erst mit CSS begonnen

Zitat

Die Links sind nicht weiß, weil sie speziell für das Pseudoattribut :link definiert sind.
Also entweder jedem relevanten PseudoA. eine Farbe zuweisen oder für a generell.

kleiner Fehler große Wirkung DANKE DIR

Zitat

Das andere Problem kann ich gerade nicht nachvollziehen.

das hatte mehr oder minder mit dem oberigen zu tuen hat sich ebenfalls erübrigt.

Zitat

Aber sorg mal für ne valide Struktur in der css und im MarkUp.

wie kann ich eigentlich Kommentare in CSS einfügen OHNE DASS diese versucht werden auszuwerten? genauso wie in HTML?

Zitat

Die divs stehen außerhalb vom body

is mir garnich aufgefallen.... naja wenn man den ganzen Code händisch hämmert sieht man den Monitor vor lauter Zeichen nicht mehr

~Fixed~

Zitat

in der CSS steht oft "font-size=XY" usw.

lager ich nach und nach in die CSS unter "body" aus. Allerdings "font-size" möchte ich vorher noch nicht definieren da ich mit 2 unterschiedlichen Schriftgrößen (head-containier und body-container) arbeite.

[tobias86]

wie sqrt schon sagt, nimm eine externe css datei, macht es dir bei Anpassungen leichter

Ob dein HTML bzw. CSS konform und ohne Fehler ist kannst du auch testen -> http://www.w3.org/.

Funktioniert nun alles bei dir oder sind noch Fragen offen?

[Stefan_der_held]

Zitat (tobias86: 12.06.2009, 08:40)

wie sqrt schon sagt, nimm eine externe css datei, macht es dir bei Anpassungen leichter

naja ich hab da bedenken dass die sich gegenseitig überschreiben...

wieviele CSS-Files sind denn problemlos zeitgleich verwendbar?


Ob dein HTML bzw. CSS konform und ohne Fehler ist kannst du auch testen -> http://www.w3.org/.

Zitat

Funktioniert nun alles bei dir oder sind noch Fragen offen?

naja gestern hab ichs erstmal gewisser weise noch zum "Milestone" bringen können

http://s-geschwind.de/ENTWICKLUNG

aber ich denke mal ich verschachtel mich da schon wieder zu sehr

MFG

Stefan

[Stefan_der_held]

Zitat (sqrt: 12.06.2009, 20:45)

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

Muss im Head stehen.

<div style="float:left" class"container_left_side">

= fehlt

<div style="float:left" class="container_body_side">Uhrzeit</br>

</br> Das / muss raus.

ja der phase5 setzt andauernd irgend einen Bockmist da rein.... muss mal schauen wo ich das einstelle.

Zitat

Dann alle HTML Tags in kleinschrift, nur so nebenbei. (<script LANGUAGE="JavaScript">)
Besser: <script type="text/javascript">

das ist ein freiher Java-script den ich 1:1 übernommen habe.... sollte eigentlich ausgegliedert werden... hat aber gestern/heute morgen nicht wirklich geklappt und iwann gehen meine Nerven auch dem Ende zu

Zitat

Wozu eigentlich zwei Body Tags? ^^

weil beide unterschiedliche CSS-Infos tragen.... geht von der Größe über Hintergrundfarbe bis - glaube (hab den code grad nicht vorliegen) - hin zur Schriftgröße...

Zitat

Sieht so aus, als wenn du noch viel zu tun hast.

... also packen mer's an mit der selben Einstellung bin ich auch überhaupt an CSS dran gegangen gestern.

Zitat

Jetzt hab ich mal ne Frage:
Wie bekommt man seine URL so schick hin? "/ENTWICKLUNG/"
Ganz ohne Dateiname und evt. php Variablen?
MfG

das ist eine Standardeinstellung bei DomainGo.de obwohl.... so besonders ists ja auch nicht es ist lediglich ein unterverzeichniss auf dem Server.... es wird wie gehabt eine "index.html" durchgereicht.

[Stefan_der_held]

da Brat' mir doch einer n Storch....

dachte heute auf Arbeit, dass es sich um ein lokales Problem handelt:

die Site wird komplett zerrissen dargestellt.

n Kollegen gefragt ob er von sich aus mal schauen kann und dort sieht genauso bescheiden aus:



so SOLLTE es ausschauen:



das Problem trat bisweilen "nur" mit dem IE 6 und IE 7 auf....

verändert hab ich am Code seit Mittwochabend nix mehr :undure:

Ursprünglich wurde es selbst im IE7 auf arbeit vernünftig angezeigt.....

weis einer Rat?

die aktuellste Version der CSS:

 MAIN.zip (417bytes)
Anzahl der Downloads: 76

[Stefan_der_held]

Fehler behoben....

mir fehlten stellenweise "px" hinter Größenangaben sowie Semikolons