Sie sind nicht angemeldet.

1

24.05.2008, 22:19

Ein paar Fragen bzgl. Websprachen

einen schönen abend, liebe community :)


Da ich mich das letzte mal vor ca. 2 Jahren mit Websprachen beschäftigt habe, und seither nur Softwarebasiertes (Sprich programmiert) habe, dachte ich, ich beginne jetzt so langsam wieder damit, da es sicherlich nicht negativ ist =).

Nun, zuerst eine Frage zu HTML.

Ich will so etwas hier in meine Website integrieren:

Auf einem weissen Hintergrund auf der Website eine kleine Fläche, mit runden Ecken, und einen Text darauf.

Klar, dazu bräuchte ich eine Tabelle.. doch wie realisier ich das ganze? Vor allem auch diese runden Ecken?


Zu CSS:

Ich habe letztens einen seeeeehhr alten Beitrag von Sirey durchgelesen.
2 letzter Thread im Spamforum :=D:.

Da ich früher nicht wirklich etwas mit CSS am Hut hatte, wollte ich mal beginnen das ein bisschen anzuschauen.
Doch die erste Schwierigkeit kam schon am Anfang auf:

Wenn ich beispielsweise eine "RolloverFarbe" definiere.
Sprich, wenn die Maus über einem Text ist, wechselt die Schrift in eine bestimmte andere Farbe.
Wie kann ich das für mehrere Texte machen, also dass nicht immer bei allen Texten die gleiche Farbe kommt?

Beispielsweise in der Partnersection soll die Farbe Rot und bei der Navigation die Farbe Blau kommen.
How?^^



Ich hoffe ihr versteht meine Fragen, denn wie gesagt das letzte mal als ich mit HTML etc. gearbeitet habe, dass war vor 2 Jahren..

so far

Regenwurm

2

24.05.2008, 22:48

http://www.silkroadonline.de/test/index.html

Code kannst du dir gerne anschauen, ich gebe auch Antwort auf all deine Fragen ;)

3

24.05.2008, 23:08

Du solltest noch wissen, dass du die Methode, die Box als ein Hintergrundbild anzuzeigen nur nutzen solltest, wenn du dem Textcontainer auf jeden Fall 'ne feste Breite gibst. Sonst ragt der Text rüber und du müsstest wirklich mit Tabelle oder mehreren DIVs arbeiten, damit sich die Länge der Box an den Umfang des Textes anpasst.
Wir müssen [...] der Versuchung widerstehen, ein Geflecht von Gesetzen herzustellen, hinter dem eines Tages die Freiheit unsichtbar wird. - Helmut Schmidt[/size]

4

24.05.2008, 23:09

Wow danke ;)


Könntest du mir vielleicht den CSS Code zeigen?
Wird im Seitenquelltext nicht angezeigt :/


2. du hast diese Box mittels eines "div" Tags gemacht.
Was ist das genau?

Kann ich die Box auch so gross machen wie ich will? (Pixelgrösse)

5

24.05.2008, 23:15

Wenn du den CSS Code nicht selbst findest, bist du selbst Schuld... ganz ehrlich :D
Wie im HTML Quellcode zu sehen, steht dieser in der css.css... ersetzt doch oben mal das index.html ;)

Da ich auf die schnelle nur deine Box nachbauen wollte, ist sie nicht skalierbar.
Zumindest nicht in der Breite, in der Höhe aber sehr wohl. Wenn man mehr will, also volle Skalierbarkeit, muss man ein paar andere Tricks anwenden :)

Ein Div ist ein Blockelement welches normalerweise zur Positionierung benutzt wird. Eine Art Block den man gut anpassen kann, leicht gesagt :)

Patrick

P.S: Bist du Firefox benutzer? Lege dir zu aller erst das Plugin "Firebug" zu. Mit diesem kannst du sofort auf die Ressourcen einer Webseite zugreifen... CSS, JS, Bilder etc.
Desweiteren kannst du eine Funktion benutzen, bei der du nur mit dem Mauszeiger über ein Element fahren musst und dann sofort die dazugehörigen CSS-Attribute siehst und auch z.b. live verändern kannst :)

6

24.05.2008, 23:45

Kann man die Box auch ohne Bilder machen?

7

24.05.2008, 23:54

Nur in CSS3. Bzw nur im Firefox.
Fast alle anderen Browser können mit CSS-abgerundeten-Ecken nicht umgehen.

So muss wohl oder übel auf Bilder zurückgegriffen werden.
Aber wie gesagt, mit ein paar Tricks lässt sich das alles sehr skalierbar machen... kein großes Ding :)

http://www.andreas-kalt.de/webdesign/tutorials/runde-ecken ist dafür eine nette Sache.
Für CSS-Anfänger aber nicht wirklich eine alternative, meiner Meinung nach :)

8

24.05.2008, 23:56

Vielen Dank für deine Antworten =)

Ich probiere das gleich mal selber aus =))
wenn ich noch fragen hab, schreib ich sie hier rein, ja?

9

24.05.2008, 23:58

Klar. Ich verdien mit sowas mein Geld, werd deinen Fragen schon gewachsen sein ^^