Announcement

Collapse
No announcement yet.

Can't click on linked image in full screen size

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

    Can't click on linked image in full screen size

    This is one of the oddest things I have encountered while trying to use the Bootstrap Framework AKA Base ReadyTheme. On a category page I was replacing an old table layout with divs

    Code:
    <div style="border: solid 4px #000000; background-color:#FFFFFF;">
      <div class="col-md-6 col-sm-6 col-xs-12" style="text-align:center; margin-bottom:20px;"><a href="http://&mvt:global:domain:name;/WL.html#Flat"><img src="/images/Flat_doors.gif" class="img-responsive"></a></div>
      <div class="col-md-6 col-sm-6 col-xs-12" style="text-align:center; margin-bottom:20px;"><a href="http://&mvt:global:domain:name;/WL.html#Raised"><img src="/images/RaisedPanel_doors.gif" class="img-responsive"></a></div>
      <div class="col-md-6 col-sm-6 col-xs-12" style="text-align:center; margin-bottom:20px;"><a href="http://&mvt:global:domain:name;/WL.html#Mitered"><img src="/images/Mitered_doors.gif" class="img-responsive"></a></div>
      <div class="col-md-6 col-sm-6 col-xs-12" style="text-align:center; margin-bottom:20px;"><a href="http://&mvt:global:domain:name;/WL.html#Mission"><img src="/images/Mission_doors.gif" class="img-responsive"></a></div>
      <div class="col-md-6 col-sm-6 col-xs-12" style="text-align:center; margin-bottom:20px;"><a href="http://&mvt:global:domain:name;/WL.html#Beadboard"><img src="/images/bead_doors.gif" class="img-responsive"></a></div>
      <div class="col-md-12 col-sm-12 col-xs-12" style="text-align:center; margin-bottom:20px;"><img src="/images/GlassDoors2.jpg" class="img-responsive"></div>
      <div style="clear:both;"></div>
    </div>
    When the screen size is in that xs small range, all the links work, full screen they don't.
    Leslie Kirk
    Miva Certified Developer
    Miva Merchant Specialist since 1997
    Previously of Webs Your Way
    (aka Leslie Nord leslienord)

    Email me: [email protected]
    www.lesliekirk.com

    Follow me: Twitter | Facebook | FourSquare | Pinterest | Flickr

    #2
    I'd provide a link, but it's a dev site in maintenance mode.
    Leslie Kirk
    Miva Certified Developer
    Miva Merchant Specialist since 1997
    Previously of Webs Your Way
    (aka Leslie Nord leslienord)

    Email me: [email protected]
    www.lesliekirk.com

    Follow me: Twitter | Facebook | FourSquare | Pinterest | Flickr

    Comment


      #3
      I don't know why, but I had to add a freaking z-index to the style tag for each of these divs. Something truly squirelly going on. I'm now having problems with the style that ReadyTheme inserts being ignored on a single page. I'm triple checking for any broken divs or bad HTML but it seems reason strange that page is overruling in favor of CSS coming from the bootstrap.css file instead of the style.css and even the inline CSS....argggghhhhh!
      Leslie Kirk
      Miva Certified Developer
      Miva Merchant Specialist since 1997
      Previously of Webs Your Way
      (aka Leslie Nord leslienord)

      Email me: [email protected]
      www.lesliekirk.com

      Follow me: Twitter | Facebook | FourSquare | Pinterest | Flickr

      Comment

      Working...
      X