|
Kapitel 04 - Teil 2 - Hat es deine Augen oder meine?
|
| Autor |
Nachricht |
maninweb
VBA Professional & More

Verfasst am: 17. Nov 2007, 15:38 Rufname: maninweb
Wohnort: Herzogenrath
|
|
| |
|
Hallo zusammen...
das nächste Kapitel ist nun verfügbar
weiter geht's mit CSS - Selektoren, Eigenschaften und einiges mehr, hier...
Kapitel 04 - Teil 2 - Hat es deine Augen oder meine?
Wie immer, freuen wir uns auf anregende Diskussionen und Fragen in diesem
Thread und wünschen Euch viel Spass beim Lesen
Gruß
_________________ Der größte Aberglaube der Gegenwart ist der Glaube an die Vorfahrt.
Jacques Tatischeff - auch bekannt als Jacques Tati
|
|
_Leviathan_
Im Profil kannst Du frei den Rang ändern
Verfasst am: 19. Nov 2007, 00:07 Rufname:
|
| |
| |
|
N´Abend,
vorab: Sehr schöner Überblick zu CSS bisher. Danke dafür.
Nur stellt sich mir die Frage: Benötigt man den ID-Selektor überhaupt, wenn der einzige Unterschied zum Klassen-Selektor einzig und allein darin besteht, einmalig im Dokument verwendet werden zu können? Im Zweifelsfall benutze ich den Klassen-Selektor, ja?
Beste Grüße,
Levi.
|
|
womaninweb
(X)HTML und CSS Junkie

Verfasst am: 19. Nov 2007, 13:18 Rufname:
Wohnort: Herzogenrath
|
|
| |
|
Hi Levi,
der id-Selektor ist ein Blockelement und hat somit den Vorteil, dass er fast alles beinhalten kann. Das kann die Klasse nicht. Somit bietet sich der id-Selektor hervorragend für die Plazierung von Boxen mit Inhalten an. Aber das werden wir in zwei Wochen behandeln, was sich damit alles machen lässt.
Gruß,
womaninweb
_________________ Der Vorteil der Klugheit besteht darin, dass man sich dumm stellen kann. Das Gegenteil ist schon schwieriger.
Kurt Tucholsky
|
|
_Leviathan_
Im Profil kannst Du frei den Rang ändern
Verfasst am: 23. Nov 2007, 00:46 Rufname:
|
|
| |
|
N´Abend (wieder mal),
neue Frage: Sollte man bei width und heigth prinzipiell nicht eher %- anstatt px-Angaben machen. Mit ersterem ist das Layout doch variabler. Die content-box bspw. wird, richtet man die Website für 1280x1024 aus, bei einer kleineren Auflösung mit px-Angaben kleiner. Mit %-Angaben bleiben die Verhältnisse gewahrt.
Ich weiß, greift schon etwas vor - sprich: Boxenmodell -, spiele das aber gerade an meinem Website-Versuch durch und daher kam die Frage auf.
Beste Grüße,
Levi.
|
|
womaninweb
(X)HTML und CSS Junkie

Verfasst am: 23. Nov 2007, 10:03 Rufname:
Wohnort: Herzogenrath
|
|
| |
|
Moin,
auf prinzipiell würde ich mich nicht festlegen, es kommt darauf an, was für ein Layout du umsetzen möchtest. Breiten- und Höhenangaben können sowohl absolut (px) oder relativ (%, em) sein. Wenn du ein komplett variables Layout hast, sind natürlich Prozentangaben erste Wahl. Man kann auch einen Container auf dem Bildschirm zentrieren, so dass bei einer kleineren Auflösung der Rand rechts und links des Containers schmaler wird. Es gibt letztendlich nicht die Vorgehensweise. Sind einige Elemente in deinem Layout bspw. fest positioniert, kommst du um bestimmte absolute Angaben nicht herum. Meist setzt sich die Umsetzung aus eine Kombination absoluter und relative Angaben zusammen.
Was die Art der Angaben angeht, so gibt es kein richtig oder falsch, und ehrlich gesagt, ich habe auch noch keine perfekte Webseite gesehen. Gerade die Ausgabegeräte (sprich Monitor) werden immer schneller immer besser, so dass eine Site nach einem halben Jahr im Prinzip schon "veraltet" sein kann. Eine Planung im Voraus, die geringere Auflösungen zu den aktuellen Auflösungen berücksichtigt, bleibt längere Zeit attraktiv.
Dann noch viel Erfolg mit deiner Seite.
Gruß,
womaninweb
_________________ Der Vorteil der Klugheit besteht darin, dass man sich dumm stellen kann. Das Gegenteil ist schon schwieriger.
Kurt Tucholsky
Zuletzt bearbeitet von womaninweb am 08. Dez 2007, 18:18, insgesamt einmal bearbeitet |
|
Lisa
Moderator; Word seit Word 5.0 (für DOS)

Verfasst am: 07. Dez 2007, 00:16 Rufname:
Wohnort: Leipzig
|
|
| |
|
Hallo womaninweb,
hallo maninweb,
so, jetzt war ich mal am Nachholen und habe immerhin schon Teil 2 von den CSS geschafft. So stelle ich mir das vor, ein schönes sauberes Layout mit Definitionen. Macht wirklich Spaß.
Eine Frage habe ich noch: Wozu verwendet man denn den Universal-Selektor (*)? Ich dachte, die allgemeinen Eigenschaften werden schon im Body festgelegt?
Schön ist auch: Ich kann jetzt hier meine "Hausaufgabe einstellen als Link, ohne dass man beim Betrachten die Lösung sieht, denn den CSS-Code sieht man ja nicht.
Eigene Übung 04.02
Nochmal herzlichen Dank, Ihr halst Euch damit wirklich eine enorme Arbeit auf. Macht bitte so weiter - ich steh auf die Hausaufgaben.
Liebe Grüße
Lisa
|
|
womaninweb
(X)HTML und CSS Junkie

Verfasst am: 08. Dez 2007, 18:34 Rufname:
Wohnort: Herzogenrath
|
|
| |
|
Hallo Lisa,
schön, dass du wieder da bist. Aber eins vorweg:
| Zitat: | | ... ohne dass man beim Betrachten die Lösung sieht, denn den CSS-Code sieht man ja nicht. | Hihi, ich schon!
Es gibt so nette kleine Tools, die in den Browser integriert werden können, die können das. Naja, es gibt aber auch noch eine einfachere Möglichkeit. Wie auch immer, ich verrate sie hier nicht. Deine Hausaufgabe sieht doch recht gelungen aus und das CSS ist schön sauber. Es fehlt allerdings die Definition der Pseudoklasse a:hover. Die solltest du schon noch mit reintun, damit nicht irgendein Browser irritiert ist (die sind ja manchmal so störbar!). Den Universalselektor kannst du mehr informativ hinnehmen, ich habe ihn, ehrlich gesagt, so noch nie verwendet. Wohl aber in Kombination mit body, für die super, super, super sichere Angabe für alle Browser: *html body { height: 100%;}
Ansonsten kann man die wichtigsten Anweisungen in den body schreiben und in entsprechende Elementselektoren.
So, für Nachschub habe ich jetzt auch gesorgt, es soll euch ja nicht der Stoff ausgehen. Deshalb hatt's ein wenig länger mit der Antwort gedauert.
Gruß,
womaninweb
_________________ Der Vorteil der Klugheit besteht darin, dass man sich dumm stellen kann. Das Gegenteil ist schon schwieriger.
Kurt Tucholsky
|
|
Lisa
Moderator; Word seit Word 5.0 (für DOS)

Verfasst am: 09. Dez 2007, 19:58 Rufname:
Wohnort: Leipzig
|
| |
| |
|
Hallo womaninweb,
| womaninweb hat folgendes geschrieben: | | ... es gibt aber auch noch eine einfachere Möglichkeit. |
Na, klar. Danke für den Wink mit dem Zaunspfahl. Dass man aber auch manchmal den Wald vor Bäumen nicht sieht ...
Gruß
Lisa
|
|
Du kannst Beiträge in dieses Forum schreiben. Du kannst auf Beiträge in diesem Forum antworten. Du kannst deine Beiträge in diesem Forum nicht bearbeiten. Du kannst deine Beiträge in diesem Forum nicht löschen. Du kannst an Umfragen in diesem Forum nicht mitmachen. Du kannst Dateien in diesem Forum nicht posten Du kannst Dateien in diesem Forum herunterladen
|
| |

|
|
| Verwandte Themen |
| Forum / Themen |
Antworten |
Autor |
Aufrufe |
Letzter Beitrag |
 |
Wichtig: Workshop: Webdesign für Einsteiger: Kapitel 02 - Teil 1 - Mit HTML und XHTML ins Internet |
1 |
womaninweb |
4019 |
21. Dez 2007, 16:06 maninweb  |
 |
Wichtig: Workshop: Webdesign für Einsteiger: Kapitel 02 - Teil 3 - Es lebt immer noch! |
1 |
womaninweb |
2702 |
21. Dez 2007, 16:05 maninweb  |
 |
Wichtig: Workshop: Webdesign für Einsteiger: Kapitel 03 - Teil 2 - Schaffe, schaffe, Seite bastle |
1 |
womaninweb |
2525 |
21. Dez 2007, 16:03 maninweb  |
 |
Wichtig: Workshop: Webdesign für Einsteiger: Kapitel 03 - Teil 3 - Stein auf Stein ... |
1 |
womaninweb |
2232 |
21. Dez 2007, 16:03 maninweb  |
 |
Wichtig: Workshop: Webdesign für Einsteiger: Kapitel 04 - Teil 1 - Style Sheets – Blätter aufgebrezelt |
1 |
womaninweb |
2104 |
21. Dez 2007, 16:01 maninweb  |
 |
Wichtig: Workshop: Webdesign für Einsteiger: Kapitel 04 - Teil 3 - Kaskadierung, Prioritäten, Boxmodell |
1 |
womaninweb |
2153 |
21. Dez 2007, 16:01 maninweb  |
 |
Wichtig: Workshop: Webdesign für Einsteiger: Kapitel 05 - Teil 2 - Butter bei die Fische |
1 |
womaninweb |
2068 |
21. Dez 2007, 16:00 maninweb  |
 |
Wichtig: Workshop: Webdesign für Einsteiger: Kapitel 05 - Teil 3 - Feingeschliffen |
1 |
womaninweb |
1843 |
21. Dez 2007, 16:00 maninweb  |
 |
Workshop: Webdesign für Einsteiger: Kapitel 04 - Teil 3 - Kaskadierung, Prioritäten, Boxmodell |
5 |
maninweb |
2116 |
16. Sep 2008, 17:19 womaninweb  |
 |
Workshop: Webdesign für Einsteiger: Kapitel 03 - Teil 2 - Schaffe, schaffe, Seite bastle |
19 |
maninweb |
2682 |
13. Sep 2008, 19:55 womaninweb  |
 |
Workshop: Excel Projekte: Pivot-Tabelle - Teil 1 - Erstellung von Pivot-Tabellen |
0 |
Lukas Mosimann |
7293 |
26. Apr 2008, 07:59 Lukas Mosimann  |
 |
Workshop: Webdesign für Einsteiger: Kapitel 02 - Teil 4 - Der Konformist – XHTML! |
9 |
maninweb |
1638 |
27. Dez 2007, 18:08 Lisa  |
| |
|