Tribute Page: Nicholas Sparks

Hi,

For starters I’m sorry for my English.

This is my Tribute Page:

I have a few problems with my page code.

1/ In for example line 44 I need to use <br>, if I don’t write this to code Icons will leave me out of the frame.
This same problem will be when the picture of book will have a greater size.

2/ This same problem in line 352.

Problem in line 352 looks like this

if I don’t use many of <br>

That’s a really nice page, and I’ve learned a lot about an author I’ve so far ignored. Well done! As to your problems, it’s because you’re using float for the icons. It isn’t bad to use float, but without a bunch of debugging, I’m not sure how to fix your icons. Don’t be afraid to use classes. For instance,

<div class="book-item" id="message-in-the-bottle"> <!-- add class here! -->
        <figure class="book">
        <img src="http://nicholassparks.com/wp-content/forum/uploads/2016/07/20yrs-sparks-message-in-a-bottle.jpg" align="right" class="img-book img-responsive">
          <figcaption>
            <h3>"Message in a Bottle " (April 1998)</h3><br>
            <p><strong>Synopsis</strong><br></p>
            <p>Thrown to the waves, and to fate, the bottle could have ended up anywhere. Instead, it is found just three weeks after it begins its journey. Theresa Osborne, divorced and the mother of a twelve-year-old son, discovers it during a seaside vacation from her job as a Boston newspaper columnist. Inside is a letter that opens with, “My Dearest Catherine, I miss you my darling, as I always do, but today is particularly hard because the ocean has been singing to me, and the song is that of our life together…” For Garrett, the message is the only way he knows to express his undying love for a woman he has lost. For Theresa, wary of romance since her husband shattered her trust, the message raises questions that intrigue her. Challenged by the mystery, and driven to find Garrett by emotions she does not fully understand, Theresa begins a search that takes her to a sunlit coastal town and an unexpected confrontation. Brought together either by chance or something more powerful, Theresa and Garrett’s lives come together in a tale that resonates with our deepest hopes for finding everlasting love. Shimmering with suspense and emotional intensity, Message in a Bottle takes readers on a hunt for the truth about a man and his memories, and about both the heartbreaking fragility and enormous strength of love. For those who cherished The Notebook and readers waiting to discover the magic of Nicholas Sparks’s storytelling, here is an achingly lovely novel of happenstance, desire, and the choices that matter most.</p>
            <a href="http://www.imdb.com/title/tt0139462/?ref_=nv_sr_1" target="_blank"><img src="http://i.imgsafe.org/083e7b0ea4.png" class="icon"></a>
            <a href="http://www.goodreads.com/book/show/3478.Message_in_a_Bottle" target="_blank"><img src="http://i.imgsafe.org/083e89b875.png" class="icon"></a>
            <a href="#home"><img src="http://i.imgsafe.org/09705e4b41.png" class="icon"></a>
           <br><br>
          </figcaption>
        </figure>
      </div>

This way, you can fix or edit the style for all of the books you list on your page with one CSS declaration.

Thank U for reply and your help.

Right now I know that I want to much for my 1st web and that’s why I have to many problems. It was good practice, but I will try make a new page from the beginning.

I have question. How can I delete this topic?