Sponsored By

Search the Community

Showing results for tags 'html 5 css3 photo gallery'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Tech Support
    • Windows 10, 8, 7, Vista, and XP
    • Linux & Unix
    • Mac, iPhone, iPad, iPod
    • Electronics & Hardware
    • Programming
  • Malware Removal
    • Malware Removal
    • Spyware/Adware Information
    • Malware Removal Self Help Guides
  • Website and Graphic Development
    • Website Design & SEO Help
    • Graphic Design
    • Web
  • Updates, Alerts, and Rumors
    • Software Updates
    • Security Alerts
    • Tech Rumors, Updates, & Alerts
  • BestTechie KB Articles
    • BestTechie Knowledge Base
    • Article Submissions
  • Community
    • Open Chat
    • The Comedy Club
    • On The Web
    • BestTechie News
    • Comments & Suggestions
    • BestTechie Garage Sale
    • The BestTechie UStream/Radio
    • BT Blogs

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


AIM


MSN


Website URL


ICQ


Yahoo


Jabber


Skype


Location


Interests


System


Operating System

Found 1 result

  1. ok time for some guru's to help an old fart out. I'm trying to code a personal page in html 5 and css3. It's just a little personal web gallery for my personal server so it won't see the WWW. I'm running into a little problem tho. I have my images showing with no problems, my problem lies in positioning them. I want a clean css3 layout using html 5 for this design. my screen has all the images in a row, 5 total, but I want them to be laid out in the classic 5 look. four corners and one in the center. here is my css body { background-color: #297FC1; } IMG.displayed { display: block; margin-left: auto; margin-right: auto; padding-bottom: 50px; } IMG.right { border: 3px solid #000000; width: 300px; height: 500px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 25px; float: right; position: relative; } IMG.center { border: 3px solid #000000; display: block; margin: auto; position: relative; top: 0; bottom: 0; left: 0; right: 0; width: 500px; height: 300px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 25px; float: none; } IMG.left{ border: 3px solid #000000; width: 300px; height: 500px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius: 25px; float: left; position: relative; } footer { font-size: 4px; font-style: normal; padding-bottom: 10px; position: fixed; } here is my html <!DOCTYPE html> <html> <head> <title>Start Page</title> <link rel="stylesheet" href="free.css"> </head> <body> <IMG class="displayed" src="/pics/header.png" alt="The Freeman's"> <article> <IMG class="left" src="/pics/vows.jpg" alt="taking the vows of matrimony"> <IMG class="right" src="/pics/rings.jpg" alt="placing rings on fingers"> <IMG class="center" src="/pics/ednkids.jpg" alt="Ed with the Kids"> <IMG class="left" src="/pics/husband&wife.jpg" alt="Kissing the bride"> <IMG class="right" src="/pics/bride&groomafter.jpg" alt="Mr. and Mrs. Freeman"> </article> </body> </html> any and all help needed. TIA Dragon