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
Raul Rodriguez
Courses Plus Student 221 Pointscss and html help
Hi i trying to really make my html to make my wordpress but i really dont know how to fixed this problem i would like to send file o send image for better help
7 Answers
Raul Rodriguez
Courses Plus Student 221 Points<!-- SERVICES --> <div class="container"> <div class"row"> <div class"col-xs-12"> <div id="main-banner"> <div class="Photography"> <figure> <img src="imagen/photography.jpg" alt="Photography" class="img-responsive"> </figure> <figcaption> <h1>Photography</h1> <p>Life is short, we capture the special moments <br> so you can relax and kick it, we got this! </p> <a href="#" class="button btn btn-default">View our work</a> </div> </figcaption </div>
Here is the result (no good) http://s23.postimg.org/lf7hkpot7/screen.jpg
this is what i need http://s23.postimg.org/oxjhh3pp7/screen2.jpg
Julie Myers
7,627 PointsWell, you have a few syntax errors. In your 2nd and 3rd div's from the top, the class attribute is missing the assignment (=) operator. The </figcaption is missing the ending >.
As for the layout, I could do the coding for you but keep watching videos. There is a CSS course devoted to CSS layout and in that course you will find the answer you need.
Learning HTML and CSS is not as simple as some people like to make it sound. You need to learn a fair amount of theory and coding about HTML and CSS before you can really do a good job and have a good understanding of page layout. Keep at it. The end results are worth it.
Raul Rodriguez
Courses Plus Student 221 PointsThank you! what course you recommend for me to learn to be avavilable to make my psd design to html and css responsive with boostrap.
Julie Myers
7,627 PointsHmmm...I don't do bootstrap. Bootstrap makes your html and layout coding super messy. So, I really can't recommend a course for that. However, I really do recommend not to rely on bootstrap or any other responsive layout frameworks. You are way better off knowing how to do a responsive page layout yourself from scratch. Frameworks come and go and usually have their limitations.
However, if you really want to learn bootstrap tree house has three courses on it: (a) From Bootstrap to Wordpress (b) Framework Basics (c) Building Websites with Bootstrap 3
Raul Rodriguez
Courses Plus Student 221 PointsOk so let me follow your recomendation to not using boostrap can you tell me what is the best way to make a psd to html/css and then to wordpress without bootstrap. can you tell me the step to follow to learn this?
i will appreciate if you can give me the course to take. i just thinking to use bootstrap because a lot of people using that.
here is my homepage that i trying to make for my own website http://s12.postimg.org/qfz7hhpml/Home.jpg
Julie Myers
7,627 PointsI don't know wordpress either. Sorry.
If I am understanding you right you want to take a psd and convert it into a web page. Here are your steps:
(1) Learn HTML pretty well.
(2) Learn CSS fundamentals pretty well.
(3) Learn CSS page layout pretty well.
(4) You will now be able to convert the psd into a web page successfully.
(5) Learn enough about wordpress to do what you want there.
If you want to use and learn bootstrap go for it. A fair amount of employers still want their coders to know it.
There is no one course for you to take, it needs to be several. Look at the Front End Web Development Track here on tree house. I can tell you from experience that there is no longer a fast track to learning how to build a website. If this was 10 years ago then one or two courses would prepare you plenty, but web development has matured so much that I'm surprised it's not a 2-4 year degree like other languages such as Java and C++ are at this point.
Raul Rodriguez
Courses Plus Student 221 PointsThnak you... can i have the code from you please!!!
Julie Myers
7,627 PointsUmmm...no. You will need to learn how to do it yourself.
Raul Rodriguez
Courses Plus Student 221 PointsOk thank you!
Raul Rodriguez
Courses Plus Student 221 PointsI really close of what i doing and i so happy but i have a litter issue the space of the banner photography i don't know how to do it i did only the opacity but the space don't know .
http://raulphotodesign.com/sample/index.html
here how suppose to look http://raulphotodesign.com/sample/Home.jpg
Julie Myers
7,627 PointsJulie Myers
7,627 PointsCould you copy and past your code? Also, would you explain again the problem you are having?