Hp Kästchen

ICh wollte auf meiner Hp EIn kästchen ^^ in der farbe baby blau und es sollte Doppelt umrandt seine ungefähr so





Hier klicken

[color:"green"] Bild als URL eingefügt. DB Devil [/color]

So geht es:

<div style="BORDER-RIGHT: #00BFFF 6px double; BORDER-TOP: #00BFFF 6px double; LEFT: -51562520px; OVERFLOW: auto; BORDER-LEFT: #00BFFF 6px double; WIDTH: 230px; BORDER-BOTTOM: #00BFFF 6px double TOP: -134217728px; HEIGHT: 180px; TEXT-ALIGN: center">TEEEXT (!)</div>


Andere Kaesten findest du hier: Klick


Andere Farb-COdes findest du hier: klick

So, und nun den [color:"red"]richtigen[/color] Code...

<div style="border:6px double #00BFFF; overflow:auto; width:230px; height:180px;"></div>


Wenn du diesen Kasten nun nicht im ganz normalen Textfluss, sondern seitlich links oder rechts haben möchtest, dann benutze diesen Div-Layer:

<div style="position:absolute; top:70px; [color:"orange"]left[/color]:50px; border:6px double #00BFFF; overflow:auto; width:230px; height:180px;"></div>
(Möchtest du den Kasten lieber auf der rechten Seite, so setze statt [color:"orange"]left[/color] einfach right ein.)


Gruß, Kat

ICh will wie auf dem bild die kasten haben und nicht nur einen

Na ja, dann pass' den von mir gecodeten Code doch einfach selbst an? Oder ist es dir zu kompliziert, ein paar einfache Zahlenwerte zu änden? Nun ja, weil ich so nett bin:


<div style="position:absolute; [color:"orange"]top:70px; left:50px;[/color] border:6px double #00BFFF; overflow:auto; width:230px; height:180px;">OBEN LINKS</div>

<div style="position:absolute; [color:"orange"]top:70px; right:50px;[/color] border:6px double #00BFFF; overflow:auto; width:230px; height:180px;">OBEN RECHTS</div>

<center><div style="border:6px double #00BFFF; overflow:auto; width:230px; height:180px;">MITTE</div></center>

<div style="position:absolute; [color:"orange"]top:500px; left:50px;[/color] border:6px double #00BFFF; overflow:auto; width:230px; height:180px;">UNTEN LINKS</div>

<div style="position:absolute; [color:"orange"]top:500px; right:50px;[/color] border:6px double #00BFFF; overflow:auto; width:230px; height:180px;">UNTEN RECHTS</div>

Schau dir am besten an, was ich jeweils geändert habe. Einfach so einfügen, eventuell noch die Absätze rausmachen / hinzufügen, damit der mittlere Kasten auch wirklich in der Mitte ist.

Achso, das hier ist ein Screen, wie es in etwa aussehen sollte:

[img]http://i31.tinypic.com/28vypvt.png[/img]


Gruß, Kat

sieht ein bissel anderes aus aber egal mir gefällts auch so ^^

WOher kennst du die codes und kannst du es mir schicken (msn link usw. )

Bei absolut positionierten Containern muss man u. U. die verschiedenen Auflösungen mit einbeziehen.

Klar muss man, aber ich hoffe, dass das einfach so funktioniert.


Und an den TE: Die Codes habe ich eben selbst zusammengeschrieben. Da gibt es keine Seite für. Wobei ich mal eine machen könnte... Quatsch beiseite. Ich habe diese Div-Container eben schnell zusammengecodet, weil ich das aus dem FF kann (und das sage ich ohne angeben zu wollen). Du kannst dir natürlich gerne ein paar Seiten wie selfHTML zusammengoogeln, nur ob du das verstehst (oder verstehen willst) ist die andere Frage.


Gruß, Kat

ahso schade das es keine seite dafür gibt

So vllt. nicht ganz richtig.
Es gibt viel, sogar sehr viel, Material darueber, bloss man muss auch ein bisschen mitdenken und sich Codes aus Snippets eben auf seine persoenlichen Bedeurfnisse zusammenschustern.

Beispiele fuer solche seiten waeren zum Einen, die bereits von Knuddelwelli erwahenten SelfHTML und Css4You

Jetzt gibt es natuerlich noch diverse andere Moeglichkeiten wie z.B. CSS-Technik, CSSHilfen oder ein E-Book sind hier verfuegbar um sich solche Sachen beizubringen, wenn man nicht gerade Geld fuer Buecher wie Little Boxes, Transcending CSS, Die Kunst des CSS-Designs oder letztendlich das coolste Buch dass ich in der Richtung kenne CSS Kochbuch ausgeben will, dann sind oben beschriebene Links doch sehr hilfreich. Last but not least mein eigender WebBlog beautifull World of Web-Artists.

Quellen also, gibt es doch zuhauf, ob man jedoch willens ist sich eine neue Sprache beizubringen ist hier die Frage. Da es Zeit und doch so manchen Nerv kostet.

~leo

das hab ich mal ausprobiert,klappt auch alles,super grins
Aber irgendwie kann man das alles nur einmal verwenden.ich hab die kästchen nämlich in den ersten schreibblock in der hp gemacht,aber ich will nochmehr solcher kästchen weiter unten,aber wenn ich das nochmal in nen anderen block mache,erscheinen dort keine kästchen,sondern,sie stehen übereinander confused

Habe ne frage.!

Ich wollte 2 Kästen paralell neben einander !

Wäre cool wenn ihr mir helfen könnt!

Da bekanntlich alle Wege nach Rom fuehren, hier mal was in Listenordnung:

Cool !

Kann ich die noch etwas auseinander machen und die größe verändern ??

Aber wnn ich was reinschreibe dann zeiht sich das kästchen !
Gibt es da unteschiede zwischen denn kästchen wollte welche wo man scrollen kann !?

mfg
[email]Mc@Skull[/email]

Natuerlich kann man das - haette auch wenig Sinn wenn nicht lach

Um die Breite und Hoehe zu veraendern, nimmst du jeweills die Anweisungen width bzw. height und veraenderst die Zahlenwerte dahinter in die Zahlenwerte die du haben moechtest. Um den Abstand zu regullieren, nimmst du margin-left und veraenderst den Zahlenwert auch hier aber bitte achte darauf, dass wenn du ihn kleiner machst als 102px der Kontainer in den Anderen hineinlaeuft.

Solltest du aber bei dieser Methode die Breite veraendern, dann musst du bei margin-left, die Breite deines ersten Kasten plus 2x die Breite deines Rahmen nehmen, um den min. Abstand zwischen den Kaesten zu erzwingen.

Beispiel:
Du hast einen Kasten der width:[color:"red"]300px[/color]; hat und einen Rahmen mit border:[color:"green"]5px[/color] solid yellow; dann ergibt sich die Gesammtbreite deines Kasten aus [color:"red"]300px[/color] + (2x[color:"green"]5px[/color]) = [color:"blue"]310px
[/color] heisst also, dass du einen Abstand nach links (margin-left:310px;) von 310px brauchst.

Hier verstehe ich leider nicht wirklich, was du meinst.

An sich gibt es keine unterschiedlichen Kaesten sondern verschiedene Verhaltensregeln. Um in deinem Kasten einen Scroll-Effekt zu erzwingen, musst du im entsprechenden Kasten die Anweisung overflow:scroll; notieren, dann passiert das, was du haben moechtest.

Beispiel:


Es gibt natuerlich noch andere Moeglichkeiten, die du mit der Boardsuche findest, ich fand es nur mal recht praktisch zu zeigen, dass es auch andere Wege gibt um so etwas zu realisieren.

~leo

DANKE ..

Habt mir geholfen.

werde mich wieder melden wenn ich weitere fragen habe ^^