Title: a href changes layout
Last modified: May 30, 2017

---

# a href changes layout

 *  Resolved [jamilos](https://wordpress.org/support/users/jamilos/)
 * (@jamilos)
 * [8 years, 10 months ago](https://wordpress.org/support/topic/a-href-changes-layout/)
 * I made a small webpage with a small menu on top of it. It looked decent, but 
   when I added a href in my code, the menu changed and doesn’t look like before.
 * How can this happen ? Did I made a fault in my code somewhere ?
 * link how it looked before: [https://plnkr.co/edit/OBBuv5NjieAhy9AaR3Xb?p=preview](https://plnkr.co/edit/OBBuv5NjieAhy9AaR3Xb?p=preview)
 * How it looks with the a href implemented: [https://plnkr.co/edit/KN9Wt63TmxuBoTTKrKQr?p=preview](https://plnkr.co/edit/KN9Wt63TmxuBoTTKrKQr?p=preview)`

Viewing 8 replies - 1 through 8 (of 8 total)

 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [8 years, 10 months ago](https://wordpress.org/support/topic/a-href-changes-layout/#post-9179764)
 * Your images are displayed inline-block, which works when you have images next
   to each other:
 *     ```
       <img ... />
       <img ... />
       <img ... />
       ```
   
 * But now the structure is changed and the images are not next to each other. So
   the style doesn’t work:
 *     ```
       <a ... >
           <img ... />
       </a>
       <a ... >
           <img ... />
       </a>
       <a ... >
           <img ... />
       </a>
       ```
   
 * Maybe the easiest thing would be to install a ‘grid’ plugin.
 *  Thread Starter [jamilos](https://wordpress.org/support/users/jamilos/)
 * (@jamilos)
 * [8 years, 10 months ago](https://wordpress.org/support/topic/a-href-changes-layout/#post-9179773)
 * Aah okay, thank you for your answer.
 * What is another solution, if there is one ?
 * (I can’t install any kind of plugins since the owner of the website doesn’t want
   that)
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [8 years, 10 months ago](https://wordpress.org/support/topic/a-href-changes-layout/#post-9179814)
 * Try adding ‘picca’ class to all the links
 *  Thread Starter [jamilos](https://wordpress.org/support/users/jamilos/)
 * (@jamilos)
 * [8 years, 10 months ago](https://wordpress.org/support/topic/a-href-changes-layout/#post-9179871)
 * I tried it, but nothing changes 🙁
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [8 years, 10 months ago](https://wordpress.org/support/topic/a-href-changes-layout/#post-9179916)
 * Could you double-check your browser’s cache has been cleared? It worked when 
   I emulated it on the demo you’ve given above.
 *  Thread Starter [jamilos](https://wordpress.org/support/users/jamilos/)
 * (@jamilos)
 * [8 years, 10 months ago](https://wordpress.org/support/topic/a-href-changes-layout/#post-9179986)
 * yea I tried, maybe I didnt put the piccas class in the right place.
    Aren’t the
   picca classes already in the code ? it says img class=”picca” next to the a href.
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [8 years, 10 months ago](https://wordpress.org/support/topic/a-href-changes-layout/#post-9180006)
 * Yes, but do you see why the inline block styles (applied to the picca class) 
   don’t work on the images any more? Inline-block only works for content that is
   inline with one another. So you need to apply inline-block to the links (the 
   anchor tags).
 *     ```
       <a class="picca" ... >
           <img ... />
       </a>
       <a class="picca"  ... >
           <img ... />
       </a>
       <a class="picca"  ... >
           <img ... />
       </a>
       ```
   
 *  Thread Starter [jamilos](https://wordpress.org/support/users/jamilos/)
 * (@jamilos)
 * [8 years, 10 months ago](https://wordpress.org/support/topic/a-href-changes-layout/#post-9180050)
 * Aaaah yes it works now, thanks a lot Andrew !!

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘a href changes layout’ is closed to new replies.

## Tags

 * [a href](https://wordpress.org/support/topic-tag/a-href/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 8 replies
 * 2 participants
 * Last reply from: [jamilos](https://wordpress.org/support/users/jamilos/)
 * Last activity: [8 years, 10 months ago](https://wordpress.org/support/topic/a-href-changes-layout/#post-9180050)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics