[CSS] Toolbar

[chris]

Hallo, ik ben bezig met een toolbar te maken.
Ik heb dit in men htmletje:

code:

 <div id="ToolBar" class="ToolBar">
    <div class="TBDingetje"></div>
    <div class="Btn" OnClick="DoFormat('bold');" OnMouseMove="ShowHint('bold')" OnMouseOut="ShowHint('')"><b>B</b></div>
    <div class="Btn" OnClick="DoFormat('paste');" OnMouseMove="ShowHint('paste')" OnMouseOut="ShowHint('')">P</div>
  </div>

en dit in m'n css:

code:

.ToolBar {
    BACKGROUND-COLOR: buttonface; BORDER-BOTTOM: buttonshadow 1px solid; BORDER-LEFT: buttonhighlight 1px solid; BORDER-RIGHT: buttonshadow 1px solid; BORDER-TOP: buttonhighlight 1px solid; WIDTH: 500px;
}
.Btn {
    BACKGROUND-COLOR: buttonface; BORDER-BOTTOM: buttonface 1px solid; BORDER-LEFT: buttonface 1px solid; BORDER-RIGHT: buttonface 1px solid; BORDER-TOP: buttonface 1px solid;
}
.TBDingetje {
    BACKGROUND-COLOR: buttonface; BORDER-LEFT: buttonhighlight 1px solid; BORDER-RIGHT: buttonshadow 1px solid; BORDER-TOP: buttonhighlight 1px solid; FONT-SIZE: 1px; HEIGHT: 22px; WIDTH: 3px;
}

Wat ik nou krijg is een toolbar met buttons onder elkaar. Ik wil graag de buttons naast elkaar hebben. Weet iemand hoe dit moet?

BVD

[Yellow|A]

Gooi het in een table en geef elke TD oid een style mee?

[chris]

jeezus ja ik ben ook niet echt slim he !:( maar kan het trouwens ook met CSS?

[edwinistrator]

jah dat kan,
pluur dit ff bij je .btn class

code:

display: inline;

nu hoef je het volgens mij niet in een table ofzo te gooien

[Yellow|A]

CSS : Cascading Style Sheet

oftewel in Yellow's wereld ff een style meegeven

[Verwijderd]

Gebruik <span> ipv <div>. Een DIV is zeg maar een alinea en een span is onderdeel van een zin, bijv. een vet woord.

Tabellen hiervoor gebruiken is een beetje overkill, als je niet NS4 compatible wilt zijn...