Formatting Issues with CSS?

Posted In HTML & CSS
  • martinbaker2727 1 week ago
    I cannot edit the size, placement of the class=“logo” in my css. Any properties I add do not change anything. Also under class=“box” I cannot change the font to ‘Alegreya’ even though Dreamweaver is not saying I have any errors. I realize that the problem is probably something obvious, but I am quite a novice
    
    Here is part of my html:
    
    <body>
    	<div class="box"><h1>Telling a story one photo at a time</h1></div>
    	<div class="logo"><img src="file:///C:/Users/steviecrawford/Desktop/Desktop/Website/LOGO.png" alt="logo"></div>
    </body>
    here is my css:
    
    .box{
    	width: auto;
    	height: 100px;
    	background: grey;
    }
    .box h1{
    	font-size: 40px;
    	padding-top: 30px;
    	font-family: 'Alegreya', serif;
    	padding-left: 50px;
    }
    body{
    	background-image: url("file:///C:/Users/steviecrawford/Desktop/Desktop/Wallpaper/DSC_7564-Edit.jpg");
    	background-repeat: no-repeat;
    	background-size: 100%;
    	background-position: center;
    	background-attachment: fixed;
    }
    .logo{
    	float: left;
    	width: auto;
    	width: 30px;
    }
    div{
    	text-align: left;
    	padding-left: 100px;
    }

    I cannot edit the size, placement of the class=“logo” in my css. Any properties I add do not change anything. Also under class=“box” I cannot change the font to ‘Alegreya’ even though Dreamweaver is not saying I have any errors. I realize that the problem is probably something obvious, but I am quite a novice

    Here is part of my html:

    .box{ width: auto; height: 100px; background: grey; } .box h1{ font-size: 40px; padding-top: 30px; font-family: 'Alegreya', serif; padding-left: 50px; } body{ background-image: url("file:///C:/Users/steviecrawford/Desktop/Desktop/Wallpaper/DSC_7564-Edit.jpg"); background-repeat: no-repeat; background-size: 100%; background-position: center; background-attachment: fixed; } .logo{ float: left; width: auto; width: 30px; } div{ text-align: left; padding-left: 100px; }

  • ramadan-byalk 1 week ago
    Is your HTML something like:
    <div class="logo"><img src="logo.png" /></div>
    
    or 
    
    <img class="logo" src="logo.png" />
    
    Make sure you've included <link href="https://fonts.googleapis.com/css?family=Alegreya" rel="stylesheet"> in your header.
    Also try hitting Ctrl+F5 as it may be a cache issue.
    
    Edit: Welp. For some reason my HTML code won't display.

    Is your HTML something like:

    or

    Make sure you've included in your header. Also try hitting Ctrl+F5 as it may be a cache issue.

    Edit: Welp. For some reason my HTML code won't display.

  • martinbaker2727 1 week ago
    [https://freemoviesite.me/](https://freemoviesite.me/)
    [https://frpbypassapk.net/](https://frpbypassapk.net/)
    [https://techlinc.in](https://techlinc.in)
    [https://techranc.com/eztv-proxy-sites/](https://techranc.com/eztv-proxy-sites/)
    [https://radrdetector.com/best-radar-detector-reviews/](https://radrdetector.com/best-radar-detector-reviews/)

    https://freemoviesite.me/ https://frpbypassapk.net/ https://techlinc.in https://techranc.com/eztv-proxy-sites/ https://radrdetector.com/best-radar-detector-reviews/

Please login or signup to leave a response.