• Resolved willjack

    (@willjack)


    Hi all I have a strange problem with some of my code. I’ve learned the basics of designing a WP theme and having a weird problem. Last night my code was fine and everything was working good and I was happy then all of a sudden my imgs are not responding to my float class I assigned to it.
    Any help much appreciated.
    Thanks

    CSS:

    /*
    Theme Name: Template 1
    Theme URI: http://testing;
    Description: This is a wordpress theme
    Author: Will Jack
    Author URI: http://testing
    Version: 1
    */
    
    @media screen {
    
    * {
    	margin: 0; padding: 0;
    }
    
    a, a:visited{
    	color: #000000;
    	text-decoration: none;
    }
    article, aside, figure, footer, header, nav, section { display: block; }
    body {
    	margin: 0;
    	padding: 0;
    	font-family: Arial, Helvetica, Verdana, sans-serif;
    	background-color: rgb(0,0,0);
    	color: #231f20;
    	font-size: 12px;
    	line-height: 15px;
    	text-align: left;
    	height: 100%;
    }
    h1{}
    h2{
    	text-transform: uppercase;
    	margin: 8px 0 8px 0;
    }
    h3{
    	text-transform: uppercase;
    	margin-bottom: 8px;
    	color: #231f20;
    }
    
    #page-wrap{
    	width:957px;
    	margin: 40px auto 0 auto;
    	background-color: #ffffff;
    	padding: 8px;
    }
    header{
    	width:728px;
    	height:42px;
    }
    #logo{
    	background: url(images/logo_funstorm.png) no-repeat left top;
    	width: 229px;
    	height: 43px;
    	float: left;
    	text-indent: -9999px;
    }
    nav{
    	width: 708px;
    	float: right;
    	height: 100%;
    }
    nav ul{
    	width: 100%;
    	list-style: none;
    	margin-top: 3px;
    }
    nav ul li{
    	width:25%;
    	height: 100%;
    	float: left;
    }
    nav ul li a{
    	text-transform: uppercase;
    	font-weight: bolder;
    	font-size: 18px;
    	text-decoration: none;
    }
    nav ul li a:hover{
    	color: #999999;
    }
    #slider{
    	width:957px;
    	height:375px;
    	margin: 0 0 8px 0;
    	/*background:url(images/sliderPlaceholder.PNG) no-repeat;
    	background-size: 100%;*/
    	z-index: 1;
    }
    #main-content{
    	width:732px;
    	float: left;
    	margin-bottom: 8px;
    }
    
    aside{
    	width:215px;
    	float: right;
    }
    aside ul{
    	list-style: none;
    }
    aside ul li{
    	width: 100%;
    	height: 50px;
    	background-color: #000000;
    	margin-bottom: 8px;
    	text-indent: -9999px;
    
    }
    aside ul li a{
    }
    footer{
    	width: 100%;
    	height: 30px;
    }
    }#social-nav {
    	width: 100%;
    	margin-top: 8px;
    	float: right;
    	height:60px;
    }
    #social-nav li{
    	float: right;
    	list-style: none;
    }
    /*---------CLASSES----------*/
    .black-rule{
    	width: 100%;
    	border-top: solid 8px #000000;
    }
    .black-rule-clear{
    	width: 100%;
    	border-top: solid 8px #000000;
    	clear: both;
    }
    .clear{
    	clear:both;
    }
    .meta {
    	display: none;
    }
    .alignleft {
    	float:left;
    }
    /* END print media */

    Custom homepage XHTML

    <?php get_header(); ?>
        <div id="slider">
        <?php
    if (is_front_page() || is_home()) {
        echo do_shortcode("[metaslider id=16]"); //replace 123 with slider ID
    }
    ?>
        </div><!--end of #slider-->
    
        <div id="body-wrap">
        	<div id="main-content" class="black-rule-clear">
        		<h2>\About Us</h2>
    			<img class="alignleft" src="/funstormuk/social-nav-images/2347_70531655780_1676130_n.jpg" alt="Funstorm UK logo";>
    		    	<div id="body-content">
    			    	<br/><h2 style="text-align:right;">Functionality/Quality/Design.<br/> So you can do what you love… with style</h2><br/>
    		    		<p><strong>Funstorm</strong> and us have history. It was around 1990, shortly after the fall of communism in the former Czechoslovakia when there was only a few enthusiasts riding snowboards, snowboarding as we know it was still in its nappies. To buy a snowboard anywhere in Czech was virtually impossible, that’s when the good ol’ pair of hands came in use. This country’s prototype was still a good fun regardless of its punk-style manufacturing methods, problem laid in the old ‘trackie-bees’ – they became wet in seconds and you felt cold immediately. There were no sk8/snb shops around at that time and although the borders had by then opened none of the foreign brands was adventurous enough to flood the Czech market and its new born capitalist economy with decent functional gear. There was only one way forward… DIY.</p>
    		    		<p>In 1994 - after many preparations - a few pieces of technical apparel appeared in shops around the country, bearing the name ‘Storm’. During the years to come the range had widened and Storm clothing became an inseparable part of Czech skating and snowboarding scene. In 1999 we renamed the brand to <strong>Funstorm</strong> as we entered the international European market for the first time…</p>
    
    		    		<p>Today <strong>Funstorm</strong> offers functional lifestyle clothing with complex technical details.  Parameters and material design have moved forward significantly together with the advance within the sport areas it relates to and supports. Our quality and design progress goes in hand with the achievements of our team riders who play important part in our product development and who belong to the top riders back home as well as abroad.</p>
    
    <p>Many things have changed since the first <strong>Funstorm</strong> collection showed up in shops, one thing has remained the same – the enthusiasm for what we do. So wherever and whatever you are riding don’t forget to have <strong>Fun(storm)</strong>.
     </p>
    	    		</div><!--end of #body-content-->
        	</div><!--end of #main-content-->
    
    <?php get_sidebar(); ?>
    
    <?php get_footer(); ?>

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

The topic ‘Strange float problem’ is closed to new replies.