www.webdeveloper.com
Results 1 to 2 of 2

Thread: Image with label Alignment

Hybrid View

  1. #1
    Join Date
    Jan 2008
    Posts
    42

    Image with label Alignment

    Hi Everyone,

    I am a beginner and I am having difficulty aligning some images on the folowing site:
    http://www.tudorbarneltham.co.uk/web...ite/index.html

    I am trying to get the four pics to align horizontally. (cafe, brasserie, weddings, events) I know it is the Labels I have added that are causing the problem but I can't work out what to do to get them in a horizontal row.

    Please help.

    Regards,

    Martin

  2. #2
    HTML Code:
    		<div class="products_box">
    			<ul>
    			<li><a href="#"><h2>café</h2><img border="1"  title="Cafe" alt="Cafe" src="images/cafe.jpg"></a></li> 
    			<li><a href="#"><h2>brasserie</h2><img border="1"  title="brasserie" alt="brasserie" src="images/brasserie.jpg"></a></li>
    			<li><a href="#"><h2>weddings</h2><img border="1"  title="weddings" alt="weddings" src="images/weddings.jpg"></a></li>
    			<li><a href="#"><h2>events</h2><img border="1"  title="events" alt="events" src="images/events.jpg"></a></li>
    			</ul>
    		</div>
    CSS
    Code:
    .products_box{padding:0 0 10px 15px;}
    .products_box ul {list-style: none;}
    .products_box ul li {float: left; padding: 5px;}

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles