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

Får inte rätt med bilder

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;}
 

    

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

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.

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

Skapa ett konto eller logga in för att kommentera

Du måste vara medlem för att kunna kommentera

Skapa ett konto

Skapa ett nytt konto på vårt forum. Det är lätt!

Registrera ett nytt konto

Logga in

Redan medlem? Logga in här.

Logga in nu



×