crisz
-
Posts
1 -
Joined
-
Last visited
crisz's Achievements
Newbie (1/7)
0
Reputation
-
Hello there! Nice to be here ... quick question on the Image Gallery ... How do I make it or code it where instead of 4 across I can make it only 2 across then make another row of two? I can't figure it out for the life of me. What is that code? I attached a picture of what I would like, I photoshoped it. Or Can I but a paragraph or break in the tutorial you give? I pasted it so I can show you (just so I make since to you and to myself) I also attached a picture of what I would like, I photoshoped it. <!DOCTYPE html><html><head><style>div.img{ margin: 5px; padding: 5px; border: 1px solid #0000ff; height: auto; width: auto; float: left; text-align: center;} div.img img{ display: inline; margin: 5px; border: 1px solid #ffffff;}div.img a:hover img {border: 1px solid #0000ff;}div.desc{ text-align: center; font-weight: normal; width: 120px; margin: 5px;}</style></head><body><div class="img"> <a target="_blank" href="klematis_big.htm"><img src="klematis_small.jpg" alt="Klematis" width="110" height="90"></a> <div class="desc">Add a description of the image here</div></div><div class="img"> <a target="_blank" href="klematis2_big.htm"><img src="klematis2_small.jpg" alt="Klematis" width="110" height="90"></a> <div class="desc">Add a description of the image here</div></div>I would like a BREAK OR PARAGRAPH HERE SO THEY TWO ROWS<div class="img"> <a target="_blank" href="klematis3_big.htm"><img src="klematis3_small.jpg" alt="Klematis" width="110" height="90"></a> <div class="desc">Add a description of the image here</div></div><div class="img"> <a target="_blank" href="klematis4_big.htm"><img src="klematis4_small.jpg" alt="Klematis" width="110" height="90"></a> <div class="desc">Add a description of the image here</div></div></body></html> Thank you for you help, Christine