My workspace creation (i am doing along the way of learning) has two issues

Question

My workspace creation (i am doing along the way of learning) has an issue that one photo in the gallery isn't placed in the line it should be. it's lower a bit.

why is that ?

Answer 1 · 2014-05-22T22:45:25Z

May 22, 2014 10:45pm

show your code please?...

Answer 2 · 2014-05-23T01:08:38Z

May 23, 2014 1:08am

i see your CSS. Can you post your HTML?

Answer 3 · 2014-05-23T01:32:31Z

May 23, 2014 1:32am

Wrap your code with 3 backticks (```) on the line before and after.

        ```
        <p>This is code!</p>
        ```

Answer 4 · 2014-05-23T01:35:48Z

May 23, 2014 1:35am

do you have a link to the website?

Answer 5 · 2014-05-23T16:36:33Z

May 23, 2014 4:36pm

<header>
  <a href="index.html" id="logo">
    <h1>Leon Breuer</h1>
    <h2>Upholster</h2>
  </a>
  <nav>
    <ul>
      <li><a href="index.html" class="selected">Portfolio</a></li>
      <li><a href="about.html">About</a></li>
      <li><a href="contact.html">Contact</a></li>
    </ul>
  </nav>
</header>
  <div id="wrapper">
    <section>

          <a href="img/numbers-01.jpg">
            <img src="img/numbers-01.jpg">
            <p>Experimentation with color and texture</p>
          </a>

          <a href="img/numbers-02.jpg">
            <img src="img/numbers-02.jpg">
            <p>EPlaying with blending modes in photo shop</p>
          </a>

          <a href="img/numbers-06.jpg">
            <img src="img/numbers-06.jpg">
            <p>Trying to create an 80's style of glows</p>
          </a>

          <a href="img/numbers-09.jpg">
            <img src="img/numbers-09.jpg">
            <p>Drips created using Photoshop brushes</p>
          </a>

          <a href="img/numbers-12.jpg">
            <img src="img/numbers-12.jpg">
            <p>Creating shapes using reputition</p>
          </a>

    </section>
    <footer>
      <a href="http://www.twitter.com/dovbreuer">
        <img src="img/twitter-wrap.png" alt="Twitter logo">
      </a>
      <a href="https://www.facebook.com/profile.php?id=100005527744220">
        <img src="img/facebook-wrap.png" alt="Facebook logo">
      </a>
      <p>
        &copy; 2014 Leon Breuer.
      </p>
    </footer>
</div>

I removed your unordered list and list tags. They seemed unnecessary for the visual representation task at hand here. Everything appears to be aligned over here now! Let me know...

Answer 6 · 2014-05-23T01:24:53Z

May 23, 2014 1:24am

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Leon Breuer | Upholster</title> <link rel="stylesheet" href="css/normalize.css"> <link href='http://fonts.googleapis.com/css?family=Changa+One|Open+Sans:400italic,700italic,400,700,800' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="css/main.css"> </head> <body> <header> <a href="index.html" id="logo"> <h1>Leon Breuer</h1> <h2>Upholster</h2> </a> <nav> <ul> <li><a href="index.html" class="selected">Portfolio</a></li> <li><a href="about.html">About</a></li> <li><a href="contact.html">Contact</a></li> </ul> </nav> </header> <div id="wrapper"> <section> <ul id="gallery"> <li> <a href="img/numbers-01.jpg"> <img src="img/numbers-01.jpg" <alt=""> <p>Experimentation with color and texture</p> </a> </li> <li> <a href="img/numbers-02.jpg"> <img src="img/numbers-02.jpg" <alt=""> <p>EPlaying with blending modes in photo shop</p> </a> </li> <li> <a href="img/numbers-06.jpg"> <img src="img/numbers-06.jpg" <alt=""> <p>Trying to create an 80's style of glows</p> </a> </li> <li> <a href="img/numbers-09.jpg"> <img src="img/numbers-09.jpg" <alt=""> <p>Drips created using Photoshop brushes</p> </a> </li> <li> <a href="img/numbers-12.jpg"> <img src="img/numbers-12.jpg" <alt=""> <p>Creating shapes using reputition</p> </a> </li> </ul> </section> <footer> <a href="http://www.twitter.com/dovbreuer"><img src="img/twitter-wrap.png" alt="Twitter logo"></a> <a href="https://www.facebook.com/profile.php?id=100005527744220"><img src="img/facebook-wrap.png" alt="Facebook logo"></a> <p>© 2014 Leon Breuer.</p> </footer> </div> </body> </html>

Answer 7 · 2014-05-23T01:25:30Z

May 23, 2014 1:25am

it's not coming through correctly...

Answer 8 · 2014-05-23T01:26:34Z

May 23, 2014 1:26am

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Leon Breuer | Upholster</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link href='http://fonts.googleapis.com/css?family=Changa+One|Open+Sans:400italic,700italic,400,700,800' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="css/main.css">
  </head>
  <body>
    <header>
      <a href="index.html" id="logo">
        <h1>Leon Breuer</h1>
        <h2>Upholster</h2>
      </a>
      <nav>
        <ul>
          <li><a href="index.html" class="selected">Portfolio</a></li>
          <li><a href="about.html">About</a></li>
          <li><a href="contact.html">Contact</a></li>
        </ul>
      </nav>
    </header>
      <div id="wrapper">
        <section>
          <ul id="gallery">
            <li>
              <a href="img/numbers-01.jpg">
                <img src="img/numbers-01.jpg" <alt="">
                <p>Experimentation with color and texture</p>
              </a>
            </li>
             <li>
              <a href="img/numbers-02.jpg">
                <img src="img/numbers-02.jpg" <alt="">
                <p>EPlaying with blending modes in photo shop</p>
              </a>
            </li>
             <li>
              <a href="img/numbers-06.jpg">
                <img src="img/numbers-06.jpg" <alt="">
                <p>Trying to create an 80's style of glows</p>
              </a>
            </li>   
             <li>
              <a href="img/numbers-09.jpg">
                <img src="img/numbers-09.jpg" <alt="">
                <p>Drips created using Photoshop brushes</p>
              </a>
            </li>
             <li>
              <a href="img/numbers-12.jpg">
                <img src="img/numbers-12.jpg" <alt="">
                <p>Creating shapes using reputition</p>
              </a>
            </li>
          </ul>
        </section>
        <footer>
          <a href="http://www.twitter.com/dovbreuer"><img src="img/twitter-wrap.png" alt="Twitter logo"></a>
          <a href="https://www.facebook.com/profile.php?id=100005527744220"><img src="img/facebook-wrap.png" alt="Facebook logo"></a>
          <p>&copy; 2014 Leon Breuer.</p>
        </footer>
    </div>
  </body>
</html>

Answer 9 · 2014-05-23T01:41:53Z

May 23, 2014 1:41am

finally got it right thank you

Answer 10 · 2014-05-23T01:48:03Z

May 23, 2014 1:48am

Where you have put in the img for example <img src="img/numbers-01.jpg" <alt=""> you have an "<" before the alt tag which is causing your code to break.

Remove the "<" symbol before the alt tag on all your images and it should work.

p.s I just learned the exact same way coding in workspaces whilst watching the videos and it worked great. learn by doing is the way ;)

Answer 11 · 2014-05-23T02:27:17Z

May 23, 2014 2:27am

it still doesn't work... i removed it and the photo is still pushed down... please help

Answer 12 · 2014-05-23T17:36:20Z

May 23, 2014 5:36pm

I really appreciate everyone's help. you made me aware about the ul and li that may be in error so i re wrote the entire ul in the section element and it works wonders now. i'm not exactly sure what was really wrong. but i'm grateful that got to study and experiment my code a little deeper. thanks again

Welcome to the Treehouse Community

Looking to learn something new?

Dov Breuer

Dov Breuer

My workspace creation (i am doing along the way of learning) has two issues

12 Answers

Devin Cooper

Devin Cooper

Dov Breuer

Dov Breuer

wrapper {

logo {

gallery {

gallery li {

gallery li a p {

Dov Breuer

Dov Breuer

Devin Cooper

Devin Cooper

Devin Cooper

Devin Cooper

Devin Cooper

Devin Cooper

Devin Cooper

Devin Cooper

Dov Breuer

Dov Breuer

Dov Breuer

Dov Breuer

Dov Breuer

Dov Breuer

Dov Breuer

Dov Breuer

Dejan M

Dejan M

Dov Breuer

Dov Breuer

Dov Breuer

Dov Breuer