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

Posted by Konrad Pilch
Konrad Pilch
2,435 Points

Not sure whats happening

HI,

This is the site im developing, and i have a problem, or rather a challenge when i look it on tablet. On ' Google nexus 7'. Theres a grey line and the links are on the bottom and i cant seem to be able to do much.

As well, as on mobile, when i click on the hamburger menu, the logo stays there, and the color with opacity, goes down, revelny the grey then the links show up.

Im not sure what is this nor what its causing it. I tried to target it, i seem i cant at the moment.

1 Answer

Michael Brown
Michael Brown
7,431 Points
Michael Brown
Michael Brown
7,431 Points

Hello, Konrad,

What are you trying to do?

This website is much more complex than what Nick or Guil have shown us. Your site uses CSS and jQuery files to support the Bootstrap 3.2.0 framework. Many of the class values on all of those DIV elements are defined in Bootstrap. Do you understand how Bootstrap is formatting the page? Are you trying to override the Bootstrap CSS?

I also see an IFRAME that might have been abandoned because it's sitting up between the HTML root element and the opening HEAD element. It's possible that an older browser might have processed it, but a more recent, more HTML5 compliant browser might now disregard it? Maybe it can be deleted? Or maybe it needs to be moved down where it gets processed? (I don't know.)

There's also some JavaScript that does something with a ToolBar. (I don't do Javascript, yet).

If you're learning HTML and CSS, especially if you think your website has many similarities with the structure of sites shown by Nick and Guil, then I recommend you start a new site from scratch. Code the structure similar to what you see in the sample files, building section by section (HEAD, BODY FOOTER), copying/pasting the old content into the new structure as you go.

Your CSS selectors will make more sense to you when they are addressing the HTML structure you coded and understand.

Konrad Pilch
Konrad Pilch
2,435 Points

HI, thank you for the answer. it took me two days to to see whats happening. Its the grey element on tablet and mobile on navbar .

Its because i didnt had inspiration, and while i was getting inspiration, i was coding, so my code messed up.

Im going to do what you said, re-do it. Because now i know exactly what i have to do . Before i did had to add elements, delete, change, etc.. it got messy.

I dont do JS either yet. Im more in PHP right now. The only reason i use bootstrap is because of its grid system. I coulv do the website with CSS on my own, although i didfnt try to do grid system yet. Ill do thath when i have time after i didi PHP and JS .

Although i kinda have problem naming the classes and id's , im learning, but uh, its kinda hard : p like panles for news in a column , or slide show on index not on about so i write e.g index-carousel u know.. i kinda like it, but i believe theres better way to do it.

IFRAME? hmm, im gonna have look.

I did also Z-INDEX:9999; and i moved the image on the navbar and i idi it transparent. I did x-index on te navbar coz the image is covering it . So the grey thingy, the problem, hided in this case.

But im gonna re-do the site as you said.

Although i didnt had coded anything or programmed for a 1.5months, so i believe i need to remember stuff as well . Need to re-fresh my brain : p

And Nick and Guil, well, i think the sites are kinda the same, but on bigger scale. Apart from the JS and jQuery, the site would be kinda the same : p apart from slide and stuff related : P

Thank you for your answer ! :D sr i will , if i didnt , read all what you wrote again and reply, i have to catch my plane .