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 trialAntonio Vega
457 PointsHow 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 © 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
J A
6,092 PointsGive it a specific class or ID, or call it with #Gallery ul { code }
Chase Lee
29,275 PointsJust 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?
Antonio Vega
457 Pointsbecause 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
29,275 PointsOkay. Thanks I didn't see that.
Antonio Vega
457 PointsAntonio Vega
457 Pointsyou mean go back to my html document and give it and id ?
or do it on my css sheet?
J A
6,092 PointsJ A
6,092 PointsIf 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;or
display: inline-block;`J A
6,092 PointsJ A
6,092 PointsID not idea, sorry
Antonio Vega
457 PointsAntonio Vega
457 PointsGot it thanks a lot
Antonio Vega
457 PointsAntonio Vega
457 PointsI 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 ?