Just nu i M3-nätverket
Gå till innehåll

Får inte rätt med bilder


martin72

Rekommendera Poster

Hej

Försöker få bilder och text att ligga bredvid varandra men det går inte.

Någon som ser felet?

 

HTML

            <div class="imgbox">
 <img src="pics/honungsburk200.jpg" alt="honungsburk">
<p>Honungsburk 200 gram</p>
</div>
           
            <div class="imgbox">
 <img src="pics/honungsburk500.jpg" alt="honungsburk">
<p>Honungsburk 500 gram</p>
</div>
           
            <div class="imgbox">
 <img src="pics/honungsburk700.jpg" alt="honungsburk">
<p>Honungsburk 700 gram</p>
</div>

 

CSS

#imgbox {text-align:center; float: left; margin: 20px; width: 300px; padding: 20px;}
#imgbox img {border:1px; solid; }
#imgbox p {font-style:italic; font-size:10px; color: #000;}
 

    

Länk till kommentar
Dela på andra webbplatser

ChromaWoods

Dina div-element har klasser, men i CSS:en använder du ID. De bör identifieras som klasser även i CSS:en, så byt ut # mot . (punkt) så kommer det nog börja hända saker.

Länk till kommentar
Dela på andra webbplatser

Arkiverat

Det här ämnet är nu arkiverat och är stängt för ytterligare svar.

×
×
  • Skapa nytt...