Ask Your Question
0

Can i get some feedback, please? :)

asked 2020-04-20 21:23:53 -0500

luca.fesus gravatar image

Hi, I finished the two websites.

I had the following problems:

Anakin-1:https://codepen.io/lucafesus/pen/VwvaGBK I didn't manage to position “ to the top left corner in blockquote, there always remained some space between this element and the top.

Anakin-2: https://codepen.io/lucafesus/pen/dyYp... I couldn't change the size of font of the lists, onyl if I typed < li style="font-size: x"> in the html, which is not so elegant. What are there better solutions for making list font-size the same with the font size of the paragraph (like at the first section) or smaller than the font size of the paragraph (like in the last two sections)?

I fixed the navigator panel to the top, and I didn't manage to set, that if I click on one of the navigations, the section it jumps to, would start right below the navigator panel. The blockquote gets above, the main text under the navigation. Even settin margin-top for every section did not help.

I really appreciate if you can give answers, but its also fine if not, I just wanted to indicate the points I had problem with. Thank you for course, I really enjoy it! Luca

edit retag flag offensive close merge delete

Comments

Hi there! Anakin-1 quotation mark: you can give negative values too to the `top` property ;) and I cannot open the second codepen, something is wrong with the url - can you pls update?

huszbea gravatar imagehuszbea ( 2020-04-21 17:19:55 -0500 )edit

1 answer

Sort by » oldest newest most voted
0

answered 2020-04-22 13:05:44 -0500

aze gravatar image

updated 2020-04-22 13:06:12 -0500

What Bea suggested can be a solution for the first problem, but it happens because you have a padding on the blockqoute.

You can change the font like that, but remember the styles can override each other. Font size is a property that's inherited from the container elements and a rule that has the same level of specificity can override it if it comes later in the CSS. So either put your li font size change rule at the end of your CSS or have a little more specific selector for it like: .list li (if you have a .list class on your ul.

But I've tried it out and now if you remove the style attribute the font size is set by your CSS rule.

The last one is also a bit tricky. By default positioned items will be on top of anything else so if you only position the header it'll be fine. Then for the elements that have the same setting (positioned or not) the order in HTML will tell which should be on top by default. Whatever comes later will be on top. You can change that with the z-index property in CSS, probably just a z-index: 1; on the header will fix this :)

edit flag offensive delete link more

Your Answer

Please start posting anonymously - your entry will be published after you log in or create a new account.

Add Answer

Question Tools

1 follower

Stats

Asked: 2020-04-20 21:23:53 -0500

Seen: 168 times

Last updated: Apr 22