• OK… this is a weird one. I’ve built a lot of sites with WP, and even a few off of Twenty Thirteen… but I can’t figure this stupid issue out.

    So, I want to create a static home page—basically, tearing all the guts out of index.php and putting in my own code. Done this plenty of times before, no problem. Not this time.

    The img tags are not displaying—it’s almost as though there’s a script stripping my CSS, putting in 0px for height and width? Because even when I hard-code a width and height, I get nothing.

    It’s probably something stupid I’m not seeing, some inheriting that’s happening and I’m missing it… but I’ve been banging my head against this all morning and thought one of you brilliant people would see it in a second. Much gratitude.

    Here’s the site: http://gscotproject.com (The image should show up to the right of “TEST”)

    Here’s the CSS in question:

    #main-panel {
    	clear: both;
    	width: 100%;
    }
    
    .panel {
    
    	float: left;
    	width: 100%;
    	background: transparent;
    }
    
    .panel:hover {
    	background: #ffffff;
    	-webkit-transition: background-color 500ms ease-out 1s;
        	-moz-transition: background-color 500ms ease-out 1s;
        	-o-transition: background-color 500ms ease-out 1s;
        	transition: background-color 500ms ease-out 1s;
    }
    
    .panel img {
    	max-width: 247px;
    	border: 0px;
    	width: 80%;
    	margin: 0 auto;
    	height: auto;
    }

    Here’s the HTML:

    <div id="main-panel">
    		<div class="panel"><a href="/contact/">TEST <img scr="http://gscotproject.com/wp-content/uploads/2013/12/contact.png"></a></div>
    
    	</div><!-- #primary -->

    So, what is my stupid brain not seeing?

Viewing 2 replies - 1 through 2 (of 2 total)
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Weird Problem with img's in Twenty Thirteen child theme’ is closed to new replies.