Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    New to the CF scene
    Join Date
    Mar 2014
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Unhappy My image refuses to be styled or changed. Not even display: none; will work on it.

    I have this .png file (see "cactusmac.png") that used to do what I want, but now it's simply not doing anything I tell it. I literally have a "display: none;" styling it (see .monitor) and it won't even hide. I just want to move it to the right and have it stay there. I'm going to cry.

    HTML
    Code:
    <!DOCTYPE html>
    <html>
    <head>
    	<link href='http://fonts.googleapis.com/css?family=Scada' rel='stylesheet' type='text/css'>
    	<link href='http://fonts.googleapis.com/css?family=Raleway:400,100' rel='stylesheet' type='text/css'>
    	<link href='stylesheet2.css' rel='stylesheet' type='text/css'>
    		<title>Glotacosm - Digital Production - SEO/PPC/SOCIAL/COPYWRITING/DESIGN/WEBDESIGN</title>
    </head>
    <body background="wall.jpg">
    <h1 style="color: white; text-shadow: 0px 5px 3px #000;">DIGITAL MARKETING</h1>
    <div id="wrapper">
    	<div id="MainMenu">
    	<br>
    	<div id="clients">
    		CLIENTS ::
    		<a class="cactus" href="digitalmarketing.html">CACTUS ENVIRONMENTAL /</a>
    		<a class="s205" href="digital-marketing-2.html" style="text-decoration:line-through">SQUARE 205 /</a>
    		<a class="tribe" target="_blank">TRIBE DESIGNS </a></br>
    	</div>
    </div>
    <div id="info">
    				<!-- //////////////////SROLLBOXINFO////////////////////// -->
    <div class="scrollBox">
    CLICK ANY OF THE CLIENTS ABOVE FOR MORE INFORMATION.
    </br>
    </br>
    <!-- <div class="s205clientinfo"> -->
    		<div id="cactusback">>>SQUARE 205</div>
    		</br>
    		<h2>SEO,PPC,CONTENT ANALYSIS, CONTENT STRATEGY, REPORTING</h2>
    			<p id="convey">Cactus Environmental you could say was a full-force Digital Marketing campaign that went through the challenging updates of Google's Humming Bird Algorithm, securing all keyword data away from resarch. Despite this, my white hat SEO methods pulled through giving Cactus Environmental up to 300% more traffic and maximized their amount of impressions in the search rankings by 10 times at least. </p>
    			</br>
    	<!-- </div> -->
    		</div>
    </div>
    
    		<!-- //////////////////PICSANDSTUFF (that won't work) ////////////////////// -->
    <img src="cactusmac.png" class="monitor">
    <div id="footer">
    		<a class="change" target="_blank" id="digitalmarketing" >DIGITAL MARKETING /</a>
    		<a class="change" target="_blank" >SOCIAL MEDIA MGMT /</a>
    		<a class="change" target="_blank">FORMS + FUNCTIONS / </a>
    		<a class="change" target="_blank">A WAY WITH WORDS /</a>
    		<a class="change" target="_blank">WEB DEVELOPMENT /</a>
    		<a class="change" target="_blank">GENERAL MUSINGS /</a>
    		<a class="change" target="_blank">INQUIRE ANYTHING //</a>
    		<a href="http://www.facebook.com/antoniooo">fcbk</a> 
    <a href="http://www.twitter.com/2hands10fingers">twtr</a> 
    <a href="http://www.2hands10fingers.tumblr.com">tumblr</a> 
    <a href="http://www.linkedin.com/in/anogueras">lnkdn</a>
    <p>Antonio Nogueras (c) 2014</p>
    </div>
    </div>
    </body>
    </html>
    CSS:

    Code:
    * {
    padding: 0;
    margin: 0;
    }
    
    html,
    body {
    margin: 0;
    padding: 0;
    height: 100%;
    }
    a:link {text-decoration: none; color: white;}
    A:visited {text-decoration: none; color: white;}
    A:active {text-decoration: none; color: white;}
    A:hover {text-decoration: underline overline; color: red;}
    
    h1 {
    font-family: 'Raleway', sans-serif;
    padding-left: 70px;
    padding-top: 10px;
    }
    
    h2 {
    font-size: 15px;
    font-family: 'Scada', sans-serif;
    }
    
    
    /* #wrapper {
    min-height: 100%;
    position: relative;
    } */
    
    #clients {
    font-family: 'Scada', sans-serif;
    font-size: 34px;
    background: black;
    color: white;
    padding-left: 15px;
    }
    
    .scrollBox {
    font-family: 'Scada', sans-serif;
    font-size: 20px;
    line-height: 20px;
    height: 610px;
    width: 400px;
    padding: 20px;
    margin-top: 50px;
    background-color: black;
    color:white;
    overflow: auto;
    float: left;
    }
    
    #projectdisplay {
    margin-left: 600px;
    padding: 20px;
    margin-bottom: 20px;
    position: relative;
    float: left;
    }
    
    .monitor {
    display: none;
    }
    
    
    
    .change a:hover{
    color: red;
    }
    
    /* #info {
    padding: 10px;
    padding-top: 0;
    padding-bottom: 80px;
    width: 400px;
    display: block;
    }
    */
    
    #info {
    position: absolute;
    margin-top: 25px;
    float: left;
    }
    
    .about:a {
    color: white;
    }
    
    #cactusback  {
    font-size: 50px;
    width: 100%;
    font-family: 'Scada', sans-serif;
    }
    
    #convey {
    font-size: 18px;
    position: absolute;
    color: white;
    width: 400px;
    margin-left: 200px;
    }
    
    #footer {
    position: fixed;
    bottom: 0;
    left: 0;
    margin-top: 40%;
    font-family: 'Scada', sans-serif;
    font-size: 36px;
    display: block;
    background: black;
    color: white;
    float: right;
    }
    
    #footer > a {
    padding-left: 10px;
    }
    
    #footer > p {
    font-size: 13px;
    padding-left: 10px;
    }

  • #2
    New to the CF scene
    Join Date
    Mar 2014
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    UPDATE:
    I was able to fix this using inline styling in the HTML, but why won't my CSS work? I feel there's some crucial mistake or lesson to be learned.

    (I can't edit my posts, so I have to do it this way. )

  • #3
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,783
    Thanks
    6
    Thanked 1,022 Times in 995 Posts
    Can you give us a link to a live example? Looks like nothing is wrong with your CSS, and I suppose the path to the stylesheet is correct either, otherwise you wouldn’t just complain about an image.

  • #4
    Regular Coder Linux_Sage's Avatar
    Join Date
    Mar 2014
    Location
    Sterling,VA
    Posts
    106
    Thanks
    0
    Thanked 10 Times in 10 Posts
    Normally when I'm modifying CSS and my browser doesn't seem to want to take the changes and there doesn't appear to be anything obviously wrong with the markup, I clear my cache. That usually fixes it.

  • #5
    Regular Coder hdewantara's Avatar
    Join Date
    Aug 2009
    Location
    Jakarta, Indonesia.
    Posts
    367
    Thanks
    9
    Thanked 53 Times in 52 Posts
    Try validate your CSS to The W3C CSS Validation Service ?


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •