Jump to content

alice07

Members
 View Profile  See their activity

  • Posts

    4

  • Joined

  • Last visited

 Content Type 

Posts posted by alice07

    Gallery layout

    in General

    Posted

    Hi, 

    when uploading pictures into a gallery, sizes are unknown in advance.

    If showing them using the cool cards feature, result is collection of cards with different sizes (as in attached file).

    Is that possible to have same size for responsive cards and images centered into them (responsive as well) ?

    Thanks and hope this was clear enough

    img1.jpg

    img2.jpg

    img3.jpg

    img4.jpg

    img5.jpg

    img6.jpg

    gallery.html

    Introduce Yourself

    in General

    Posted

    Hello everybody, I'm Paolo. Everytime I need something about all html world i fall into w3schools, so nice to join.

    Now developing under Filemaker which has a good support for html

     

    • Like 1

    Vertical images center

    in CSS

    Posted

    Hello,

    I'm using w3-third class to show images. Can I center images vertically, since they have not the same height ?

    Tried many options but I could not find the right one.

    Thanks

     

     

    <body>

    <div class="w3-card-4 w3-margin" style="width:50%">
      <div class="w3-display-container w3-text-white">
        <img src="largeimg" alt="Lights" style="width:100%">
      </div>

          
      <div class="w3-row w3-padding ">

        <div class="w3-third w3-center">
          <h3><br></h3>
          <img src="img1" style="width:90%">
        </div>

        <div class="w3-third w3-center">
          <h3><br></h3>
          <img src="img2" style="width:90%">
        </div>

        <div class="w3-third w3-center">
          <h3><br></h3>
          <img src="img3" style="width:90%">
        </div>

      </div>
    </div>

    </body>

×
×
  • Create New...