Scribd Logo
Hochladen

Willkommen bei Scribd!

  • CSS Image Gallery

    Hochgeladen von

    satyajeet99
    30 Ansichten2 Seiten
    CSS Image Gallery

    Copyright

    © © All Rights Reserved

    Verfügbare Formate

    PDF, TXT oder online auf Scribd lesen

    Stufen Sie dieses Dokument als nützlich ein?

    Sind diese Inhalte unangemessen?

    Dieses Dokument melden
    CSS Image Gallery

    Copyright:

    © All Rights Reserved
    Als PDF, TXT herunterladen oder online auf Scribd lesen
    Markieren Sie unangemessene Inhalte
    30 Ansichten2 Seiten

    CSS Image Gallery

    Hochgeladen von

    satyajeet99
    CSS Image Gallery

    Copyright:

    © All Rights Reserved
    Als PDF, TXT herunterladen oder online auf Scribd lesen
    Markieren Sie unangemessene Inhalte
    von 2

    7/21/2014

    HOME

    CSS Image Gallery

    HTML

    CSS

    JAVASCRIPT

    SQL

    PHP

    JQUERY

    XML

    ASP.NET

    MORE...

    REFERENCES

    EXAMPLES

    FORUM

    Search w3schools.com

    CSS Tutorial
    CSS HOME
    CSS Introduction

    Select Language

    CSS Syntax
    CSS Selectors
    CSS How To
    CSS Backgrounds

    WEB HOSTING

    CSS Image Gallery

    UK Reseller Host

    cPanel Hosting

    CSS Text
    CSS Fonts
    CSS Links
    CSS Lists

    Previous

    Next Chapter

    WEB BUILDING

    XML Editor - Free T

    CSS can be used to create an image gallery.

    FREE Website BUIL

    CSS Tables

    Free HTML5 Templ

    CSS Box Model


    CSS Border

    W3SCHOOLS EXA

    CSS Outline

    HTML, C SS, JavaSc


    PHP, jQuery, XML,
    ASP C ertification

    CSS Margin
    CSS Padding
    CSS Dimension
    CSS Display

    Add a description
    of the image here

    Add a description
    of the image here

    Add a description
    of the image here

    Add a description
    of the image here

    SHARE THIS PA

    CSS Positioning
    CSS Floating
    CSS Align

    Image Gallery

    CSS Combinators

    The following image gallery is created with CSS:

    CSS Pseudo-class
    CSS Pseudo-element
    CSS Navigation Bar
    CSS Image Gallery
    CSS Image Opacity
    CSS Image Sprites
    CSS Media Types
    CSS Attr Selectors

    CSS3 Tutorial
    CSS3 Introduction
    CSS3 Borders
    CSS3 Backgrounds
    CSS3 Gradients
    CSS3 Text Effects
    CSS3 Fonts
    CSS3 2D Transforms
    CSS3 3D Transforms
    CSS3 Transitions
    CSS3 Animations
    CSS3 Multiple Columns
    CSS3 User Interface
    CSS Summary

    CSS Examples
    CSS Examples
    CSS Quiz
    CSS Certificate

    CSS References
    CSS Reference
    CSS Selectors
    CSS Reference Aural
    CSS Web Safe Fonts
    CSS Units
    CSS Colors
    CSS Color Values
    CSS Color Names
    CSS Color HEX

    Example
    <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>
    <div class="img">
    <a target="_blank" href="klematis3_big.htm">
    <img src="klematis3_small.jpg" alt="Klematis" width="110" height="90">
    </a>

    http://www.w3schools.com/css/css_image_gallery.asp

    WEB RESOURC

    Web Statistics

    Web Validation

    1/2

    7/21/2014

    CSS Image Gallery


    <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>
    Try it yourself

    Previous

    Next Chapter

    Top 10 Tutorials

    Top 10 References

    Top 10 Examples

    Web Certificates

    HTML Tutorial
    HTML5 Tutorial
    C SS Tutorial
    C SS3 Tutorial
    JavaScript Tutorial
    jQuery Tutorial
    SQL Tutorial
    PHP Tutorial
    ASP.NET Tutorial
    XML Tutorial

    HTML/HTML5 Reference
    C SS 1,2,3 Reference
    C SS 3 Browser Support
    JavaScript
    HTML DOM
    XML DOM
    PHP Reference
    jQuery Reference
    ASP.NET Reference
    HTML C olors

    HTML Examples
    C SS Examples
    JavaScript Examples
    HTML DOM Examples
    PHP Examples
    jQuery Examples
    XML Examples
    XML DOM Examples
    ASP Examples
    SVG Examples

    R EPO R T ER R O R

    HO ME |

    TO P

    Color Picker

    HTML C ertificate
    HTML5 C ertificate
    C SS C ertificate
    JavaScript C ertificate
    jQuery C ertificate
    PHP C ertificate
    XML C ertificate
    ASP C ertificate

    PR INT

    FO R UM

    ABO UT

    ADVER TISE W ITH US

    W3Schools is optimized for learning, testing, and training. Examples might be simplified to improve reading and basic understanding. Tutorials, references, and examples
    are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using this site, you agree to have read and accepted our terms of use,
    cookie and privacy policy. C opyright 1999-2014 by Refsnes Data. All Rights Reserved.

    http://www.w3schools.com/css/css_image_gallery.asp

    2/2

    Das könnte Ihnen auch gefallen