Css Problem Buttonleiste

[win2k]

Hey Leute kann mir jemand vllt sagen was hier falsch ist? Warum er den Button nicht anzeigt?

<div class="panel"> 
    <div class="item">
        <div class="button">
            <div class="button1"></div>
        </div>
        <div class="text">    
            <div class="text1">Neu</div>    
        </div>    
  </div>
</div>

.panel .button{
    width:40px; 
    height:40px;
    background-repeat: no-repeat;
    
}
.panel .button .button1{
    background-image: url(/../../img/neu.jpg);
}

Kann man den button 1 nicht so ansprechen?

 

[prm]

Wenn kein Inhalt drin ist, dann musst du auf CSS-Seite noch eine Höhe und Breite zuweisen.

 

[win2k]

Was für einen Inhalt meinst du?

für den panel.item hab ich schon inline-block margin left right usw zugeordnet

 

[_Thor_]

Was für einen Inhalt meinst du?

für den panel.item hab ich schon inline-block margin left right usw zugeordnet

Das sind CSS-Eigenschaften, Inhalt ist das, was du auf deiner Seite zeigen möchtest.

Wenn die Elemente keinen Inhalt haben, haben sie auch keine Höhe, werden also auch nicht angezeigt.

 

[win2k]

Aber der Inhalt ist doch mit dem Link (Button) gegeben, background image..

<div class="button1"></div>

ich spreche diese klasse button1 ja nocheinmal an und weise ein background image zu

 

[_Thor_]

Eine Hintergrundgrafik ist kein Inhalt. Inhalt steht zwischen den Tags

<p>Ganz viel Inhalt...</p>

Eine Hintergrundgrafik ist ein Designelement.

 

[win2k]

aber ich will da doch kein inhalt rein schreiben sondern nur das bild anzeigen:(
und height und width hab ich schon im panel.button für alle buttons definiert

 

[_Thor_]

aber ich will da doch kein inhalt rein schreiben sondern nur das bild anzeigen:(

Dann benutz <img>, wenn die Grafik der Inhalt sein soll.

 

[win2k]

reicht <img> aus? weil er zeigt jetzt die buttons nicht korrekt an, zwar platzhalter aber es sieht so aus als würde er nicht den richtigen pfad haben obwohl er den hat

 

[_Thor_]

Nein, <img> reicht natürlich nicht aus, aber mit dem Tag wird eine Grafik eingebunden.

<img src="Pfad_zum_Bild" alt="alternativer Text" title="Titel des Bildes" />

Und hier kannst du die Grundlagen von HTML lernen Einführung | Webdesign mit XHTML und CSS, solltest du dir dringendst durchlesen.

 

[win2k]

Image Pfad besteht momentan mit background image doch in der css datei, die ich wiederrum dann mit .panel .button .button1 aufrufe hmmm....

 

[_Thor_]

Image Pfad besteht momentan mit background image doch in der css datei, die ich wiederrum dann mit .panel .button .button1 aufrufe hmmm....

Und was möchtest du mir damit sagen?

 

[win2k]

Das es nicht funktioniert! Muss wohl am CSS liegen, dass man so die div klassen nicht ansprechen kann! .panel .button .button1 img

 

[_Thor_]

Hast du mal nen Link zur Seite?

 

[win2k]

hat jetzt mittlerweile durch vieles probieren geklappt, thx!