Fieldset und Rollboxes! (kann sehr hübsch sein)

Halloo,

erstmal moechte ich sagen dass die Codes von der Website Le club à CriXoR kommen.

Es geht hier um Fieldsets und Rollboxes, sieht beides auf Howrse-Seiten, wenn man es richtig einbaut, sehr schoen aus. Ein Beispiel habt ihr auf meiner Seite: das mit den Pfeilen ist die Rollbox, und die "Deckhengste-Box" ist ein Fieldset.



Rollbox


Das ist eine "rollende Box". Ihr koennt sie in allen Groessen machen, sie ineinander verrollen usw, probiert es einfach mal aus

Zitat :

<DIV style="OVERFLOW: auto; WIDTH: 300px; HEIGHT: 100px">Text blabla<br>blabla<br>blabla<br></DIV>

Was ihr aendern koennt:
Die Breite und die Hoehe (in px angeben)
Inhalt

Wenn ihr dann 100 px hoch Text geschrieben habt, erscheint der Pfeil. Im Normal-Modus koennt ihr in die Rollbox alles was ihr moechtet reinmachen (Text, Bilder...)




Fieldset

Das ist ein Viereckt, indem normalerweise Text steht. (kann auch etwas anderes sein)

Zitat :

<fieldset style="border: 1px solid rgb(255, 255, 255); height: 85px; width: 275px;"><legend align="left" style="font-family: Arial; color: rgb(255, 255, 255); font-size: 15px;">Titel</legend><font style="font-family: Arial; color: rgb(255, 255, 255); font-size: 14px; text-align: center;">Text oder Bilder blablabla</font></fieldset>

Was ihr aendern koennt:
Die Linienbreite (in px) und Farbe: ich stehe ehrlich gesagt auf etwas dickere Linien, z.B. 2px
Die Groesse (in px): Breite und Hoehe
Die Schrifteigentschaften im Titel
Die Schrifteigenschaften: Textfarbe, Groesse etc
Inhalt


Ihr koennt auch eine Fieldset ohne Titel haben:

Zitat :

<fieldset style="border: 1px solid rgb(255, 255, 255); height: 85px; width: 275px;"><font style="font-family: Arial; color: rgb(255, 255, 255); font-size: 14px; text-align: center;">Text oder Bilder blablabla</font></fieldset>

Was ihr aendern koennt:
Die Linienbreite (in px) und Farbe: ich stehe ehrlich gesagt auf etwas dickere Linien, z.B. 2px
Die Groesse (in px): Breite und Hoehe
Die Schrifteigenschaften: Textfarbe, Groesse etc
Inhalt



Ich wuensche euch noch viel Spass beim Seitengestalten,
glG,
Biene

Bitte nimm das <center> raus, das ist veraltet und wir nicht immer richtig dargestellt (oder ich war damals zu doof das richtig einzubauen, aber veraltet ist es trotzdem). Das entsprechende CSS ist text-align:center;.
Das selbe gilt für <font>, das funktioniert zwar afaik noch überall, man sollte es sich trotzdem aber nicht mehr angewöhnen. Und du formatierst die Schrift ja sowieso schon mit CSS. Statt <font> braucht man in dem Fall <span>, damit markiert man einen Bereich (ohne Zeilenumbrüche drum rum), den man formatieren kann. Und wenn es sowieso für den ganzen Block gelten soll, kann man die Definitionen auch gleich im fieldset/div unterbringen.
Sonst

Werd mir das noch anschauen, vielen Dank, aber wie gesagt, die Codes stammen von CraXoR

also der kasten ist echt schick und praktisch...die sache mit der rollbox ist die, ich hab den code schon lange aber irgnwie geht es nich... auchnich wenn ich mehr text un weniger px mach...

habs mit dem explorer versucht, da gehts, dachte wenn ich da bearbeite un speicher zeigt mir mein firefox die rollbox an..aber nix is... komisch, das is doch der gleiche code, den ihr alle benutz.warum zeigt er es dann nur nich an, wenn ich selber ihn benutze *heul*

Stell mal deinen Code hier rein, mit der Kristallkugel sieht man so wenig

..ich hab den code von oben benutz... es is der selbe...

Ok, das ist seltsam oO Ich hab den mal bei mir reinkopiert und bei mir funktioniert es wunderbar. Hast du vielleicht ein ; versehentlich gelöscht oder das px vergessen? Was anderes würde mir gerade nicht einfallen.

ok..an alle bei denen es nochnic klappt hab nen andren..der funktioniert bei mir

is jetzt aber auf orange...

<div style="border: 2px solid rgb(0, 0, 0); padding: 4px; width: 400px; height: 125px; background-color: rgb(255, 215, 0); color: rgb(0, 0, 0); font-size: 10pt; overflow: auto;">
<p><br>
</p>
</div>

vl hast du nicht genug geschrieben? denn erst wenns weiter runger geht kann ja die rollbox angezeigt werden...

wie bekomm ich den zwischen den text lehrzeichen rein oder zeilenabstände?????

&nbsp;
Damit kann man mehrere Leerzeichen nebeneinander machen.

nein jetzt klappt es ja... un bei meiner kann ich auch ganz normal tippen... mit absatz usw

So ein Tut hab ich gebraucht^^ Hab direkt angefangen und bin überrascht wie gut das klappt

Ich hab eine Frage... und zwar wie bekommt man zwei Rollboxen nebeneinander? ich bekomm die nur hintereinander

lg

mit float: left; fließt das nachfolgende Element um das Element herum. Also z.B. Text um ein Bild, wie in ner Zeitung.

<div style="overflow: auto; width: 300px; height: 100px; float: left;">Text blabla</div>
<div style="overflow: auto; width: 300px; height: 100px;">Text blabla</div>

dankeschön

Die sind ja gut zu gebrauchen, doch bei den Fieldboxen ist der Rand immer weiß und wo soll man die Farbe ändern und gibt es da dann für die verschiedenen Farben verschiedene Fachbegriffe?
LGL PonyTales

Kann man die auch ins layout einfügen? wenn ja wie?

wie kann man einstellen wo genau man die rollboxen hinhaben will?

mit Positionsangaben

Ich seh kein Beispiel mehr.
Vielleicht probier ich es aber mal aus und sehe dann wie es aussieht.

danke für die antwort kleiner geist, aber.....
ich bin nich grad die schlauste was html angeht...
könntest du mir bitte erläutern wie das geht?^^

<DIV style="overflow: auto; width: 300px; height: 100px; left:yypx; top:yypx;">Text blabla<br>blabla<br>blabla<br></DIV>

left: Entfernung zum linken Rand
right: Entfernung zum rechten Rand
top: Entfernung nach oben
bottom: Entfernung nach unten

Erstmal Danke für die Antwort =]

aber i-wie geht das nich... oder ich bin einfach zu blöd.

viell. siehst du ja was ich falsch mache:

Meine Seite

ich möchte auf jedes dieser grau lila rechtecke so eine box.
ich hab eingegeben:

Code:

in Arbeit..... <br><table style="width: 799px; height: 789px;" background="http://i40.tinypic.com/20sc8yb.jpg=2" bordercolor="#000000" cellpadding="10" cellspacing="5">
<tbody>
<tr>
<td align="middle">

<div style="overflow: auto; width: 300px; height: 100px; left: 200px; top: 300px;">Text blabla<br>blabla<br>blabla<br><br>blabla<br>blabla<br>blabla<br>blabla<br>blabla<br>blabla<br>blabla<br>blabla<br>blabla<br>blabla</div>


<br></td></tr></tbody></table><br>

naja und ich habs halt mit den positionsangaben mit verschiedenen werten probiert, aber diese scrollboxen bleiben immer an der gleichen stelle =]

versuchs mal ohne Tabelle