Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

How can I make a image gallery horizontal without affecting the other <ul> tags ??

I have the following html code : <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title> Daddy Yankee fans</title> <link rel="stylesheet" href="css/main.css"> <link href='http://fonts.googleapis.com/css?family=Roboto:100italic' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Expletus+Sans:500italic' rel='stylesheet' type='text/css'> </head> <body> <header> <h1><a id="DaddyYankeeFans">Daddy Yankee Fans</a></h1> <nav> <img src="images/Dylogo.jpg" width="100" height="100" alt="Daddy Yankee Logo" title="Logo" />

          <ul>
             <li><a href="#About">About</a></li>
             <li><a href="#Gallery">Gallery</a></li>
             <li><a href="#Discography">Discography</a></li>
             <li><a href="#Subscribe">Subscribe</a></li>
          </ul>
    </nav>      
</header>

<h2><a id="About">About Raymond Ayala</a></h2>
<section>
  <p>Ramón "Raymond" Luis Ayala Rodríguez (born February 3, 1977), 
   known artistically as Daddy Yankee, is a Latin Grammy Award winning Puerto Rican
   Reggaeton recording artist. Ayala was born in Río Piedras, the largest district of San Juan, 
   where he became interested in music at a young age. In his youth he was interested in baseball, 
   and aspired to become a Major League Baseball player. He was unable to continue this sport when 
   he received an injury to one of his legs, leaving him unable to walk correctly. He then became 
   involved in the underground rap movement that was in its early stages in Puerto Rico, later to 
   be called <strong>Reggaeton</strong>. After receiving lessons from several artists within the genre, he developed 
   an independent career, first recording in a production titled Playero 37. After this he began to 
   produce independent albums. His first solo album was <em>No Mercy</em>. He subsequently formed a duo with 
   Nicky Jam, and then continued his solo career with the releases of <em>El Cartel</em> and <em>El Cartel II</em>. 
   This led him be one of many pioneers of the reggaeton genre.</p>

   <p>n 2002 <em>El Cangri.com</em> became Ayala's first album with international success, receiving coverage
    in the markets of New York and Miami. <em>Barrio Fino</em> was released in 2004, and the album received numerous 
    awards, including a <strong>Premio Lo Nuestro</strong> and a <strong>Latin Billboard</strong>, as well as receiving nominations for the 
    <strong>Latin Grammy</strong> and <strong>MTV Video Music Awards</strong>. <em>Barrio Fino</em> performed well in the sales charts of the United States,
    Latin America, Europe, and Japan. On June 5, 2007, El Cartel Records released El Cartel: The Big Boss, which 
    was ranked as the top-selling album in Latin music genres in 2007. He promoted the album with an international 
    tour which began in the United States and continued through Latin America, breaking attendance records in 
    Ecuador and Bolivia. His performances have appeared on more than 70 albums, including compilations such as 
    <em>Mas Flow 2</em> and <em>Blin Blin Vol. 1</em>. Outside of his work as a musician, Ayala has also worked as an actor and 
    producer. Throughout his career, he has been generally reticent to discuss his personal life, but has publicly 
    expressed the importance of his wife and children to him.</p>

  <p>Ayala married <em>Mireddys González</em> when he was seventeen years old. The couple have three children: <em>Yamilet</em>,
     <em>Jeremy</em> and <em>Jesairis</em>. Throughout his career Ayala has kept most of his personal life private, rarely speaking
     about it in interviews. He has said that he avoids doing so because such details are the only aspect of his 
     life that are not public and that they are like a "little treasure". He made an exception in 2006 when he spoke
     about his relationship with his wife and children in an interview with María Celeste Arrarás in <strong>Al Rojo Vivo</strong>. 
     He stated that his marriage is strong because he and his wife are "friends above anything", adding that he has 
     tried to ignore other temptations because "weakness is the reason for the downfall of several artists." He also 
     described his "very close" communication with his children, in which he tries to offer advice against drugs and 
     negative influences. His first daughter was born when he was eighteen years old, which he has described as 
     confusing at first, adding that raising a daughter at that age was a hard experience.</p>

</section>

<h2><a id="Gallery">Gallery</a></h2>
    <ul>
        <li><a href="images/dy.jpg" title="Daddy Yankee smiling"><img src="images/dy.jpg" width="101" height="130" alt="Daddy Yankee smiling"/></a></li>
        <li><a href="images/dy2.jpg" title="Daddy Yankee black and white"><img src="images/dy2.jpg" width="101" height="130" alt="Daddy Yankee black and white"/></a></li>
        <li><a href="images/dy3.jpg" title="Daddy Yankee prestige"><img src="images/dy3.jpg" width="101" height="130" alt="Daddy Yankee prestige"/></a></li>
        <li><a href="images/dy4.jpg" title="Daddy Yankee brown"><img src="images/dy4.jpg" width="101" height="130" alt="Daddy Yankee brown"/></a></li>
        <li><a href="images/dy5.jpg" title="Daddy Yankee abc"><img src="images/dy5.jpg" width="130" height="101" alt="Daddy Yankee abc"/></a></li>
        <li><a href="images/dy6.jpg" title="Daddy Yankee lovumba"><img src="images/dy6.jpg" width="130" height="101" alt="Daddy Yankee lovumba"/></a></li>
        <li><a href="images/dy7.jpg" title="Daddy Yankee concert"><img src="images/dy7.jpg" width="130" height="101" alt="Daddy Yankee concert"/></a></li>
        <li><a href="images/dy8.jpg" title="Daddy Yankee Descontrol"><img src="images/dy8.jpg" width="130" height="101" alt="Daddy Yankee Descontrol"/></a></li>
    </ul>

<h2><a id="Discography">Discography</a></h2>
  <ol>
     <li>1995: No Mercy</li>
     <li>2002: El Cangri.com</li>
     <li>2004: Barrio Fino</li>
     <li>2007: El Cartel: The Big Boss</li>
     <li>2010: Mundial</li>
     <li>2012: Prestige</li>
     <li>2013: El Imperio Nazza King Daddy Edition</li>
  </ol> 

<div id="Subscription">
<h3><a id="Subscribe">Subscribe</a></h3> <p>To get more news about Daddy Yankee's upcoming albums or tours near your area fill out the form below. You would get newsletters with updates about Daddy Yankee, plus you would be enter automatically on our sweepstakes we do every month where you could win sign shirts, posters or even free tickets to Daddy Yankee concerts!!</p> </div>
<article> <h3>Daddy Yankee Foundation (Corazon Guerrero)</h3> <p><a href="http://www.latina.com/entertainment/celebrity/daddy-yankee-opens-children’s-center-dr#axzz2YcFyQUHk">Corazon Guerrero:</a>This blog contains information of the Daddy Yankee (Raymond Ayala) foundation that helps young kids in Dominican Republic with financial needs. Visit to learn more. </p> </article> <aside> <h1>External links</h1> <ol> <li><a href="http://www.daddyyankee.com/home/">Daddy Yankee Official Website</a></li> <li><a href="https://twitter.com/daddy_yankee">Daddy Yankee Official Twitter</a></li> <li><a href="http://www.facebook.com/DaddyYankeeOfficialFansPage?fref=ts">Daddy Yankee Official Facebook</a></li> </ol>
</aside>

<div id="footer">
       <footer>
       <h6>Copyright &copy; 2013 Antonio Vega Inc. All rights reserved.</h6>  
       </footer>
</div>       

</body> </html>

Then I have the following css stylesheet code: p{ color: #66CCFF; }
body{ background-image:url('../images/dyback.jpg'); background-color:#cccccc; background-repeat:no-repeat; background-attachment:fixed; }

h1,h2{ text-shadow: 4px 4px 8px #000000; }

h1,h2,h3{ font-family: 'Expletus Sans', cursive; margin:0; padding: 15px 20px 0; }

header p, footer p{ margin-bottom:0; padding-bottom:15px; }

p{ text-indent: 30px; font-size: 14px; font-family: 'Roboto', sans-serif; margin:0 20px; }


How can I make my image gallery horizontal on css stylesheet , remove bullets etc. without affecting the other ul tags ???

2 Answers

Give it a specific class or ID, or call it with #Gallery ul { code }

you mean go back to my html document and give it and id ?

or do it on my css sheet?

If you choose to give it an idea, you would have to add it to the ul in the HTML.

However, without editing the html, you can select that ul with #Gallery ul .

Also, when making a list horizontal, you actually want to select the list items, #Gallery ul li' and either float: left;ordisplay: inline-block;`

ID not idea, sorry

Got it thanks a lot

I also have a <ul> on my navegation list that I need to edit and not only make it horizontal but give it a gradient to make it look like buttons, remove the bullets ...so would doing the same thing work on my nav too?

Nav ul li ?

Chase Lee
Chase Lee
29,275 Points

Just a quick question, why do you have a hash before the name in you href values and why do they not have extensions? Like .html, .php, or .rb. Are they just so you can remember what values to put into them?

because it is all in one page . The about, gallery etc. are all link in the same page, so when clicked it just takes you that section in that page

Chase Lee
Chase Lee
29,275 Points

Okay. Thanks I didn't see that.