I'm kinda new to coding in html and css so I really need help.
I was wondering how i could make space between two things
like this: http://prntscr.com/6vo7lz
in this http://prntscr.com/6vo7x7.
I really need help, if someone needs more information to solve the problem please just comment the question.
Thanks in advance.
Sorry for bad english, I'm swedish.
From what I get from the two pictures you are trying to get padding in between to HTML elements. You can accomplish this easily by using CSS.
Try adding this to your CSS: `.header { padding-bottom:20px; }
This will tell all the HTML elements below it to move 20px below it.
Hope this helped!
Related
I am new to HTML. I want to take this data in the middle of the page but am not able to do this.
I just want to achieve the same thing as:
I'm not sure if you are referring a data as text based on the image you mentioned. you can use text-align: center in your stylesheet.
Your question is unclear, we need more details. It may be simple and you just need to apply a text-align: center to the element wrapper the text.
In future, edit your post to show us your code and a screenshot of what you have so far. Otherwise, we cannot give you much help.
Right now it looks as if you're asking us how to create something that resembles that image. Stackoverflow doesn't take kindly to that.
as you can see the red nav seems to poke out between elements, it looks terrible.
How can I fix this? I've been doing web dev for a week so hoping a veteran can help!
If anybody wants to see the code just ask, I'm having problem posting it directly on here..
Thanks
In your case to bring nav in front of all the elements you can give it z-index:-1 and position:relative.
Also refer to this fiddle.Hope it may help you.
http://jsfiddle.net/Xb2UT/4/
I was wondering if there was a way to create this style of breadcrumb: http://www.lumosity.com/app/v5/personalization/memory
with only CSS. I've looked online for any articles but all the ones I found were for triangle breadcrumbs. If you guys know any articles please share.
I found a stackoverflow that had the answer if anyone else was looking for it.
Creating CSS3 Circles connected by lines
I just had to change the words i was searching a bit
What about this?
http://jsfiddle.net/8u2Bp/9/
Is purely css, so no code for actually changing div or page or whatever.
For this effect, you have to play with the li:before and the li:after tags, and I used the css counter for the steps as well.
For more info about hte css counter, check this link:
https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Counters
Hope it helps.
Should i put images into a paragraph or a html list? - HTML
Example, should i do it like this?
<p><img><img><img></p>
Or like this?
<ul><li><img><li></li><img><li></li><img></li></ul>
Or somehow else?
EDIT: sorry i forgot to tell you for what i use the images. It's a gallery. I just wanted to know which one is the proper way, or are this 2 both the proper way? Thank you.
I believe you should use lists or tables to organize your images, depending on how you want to look. You might want to set it up so you have no bullets or borders in your gallery, though.
I have my page set up the way I want but when I try to add a button beneath the image on the left side of the page everything go a little crazy. I've been struggling with this for a little while not sure what to try next
Here's a visual:
http://jsfiddle.net/xFD8q/10/
Thanks
Revise your HTML, mixing DIVS with Tables isn't usually the best idea.
If you're unsure that your HTML is valid you can validate it via W3C Markup Validation found here
I made a fiddle with a revised markup but left the refactoring of the CSS to you.
The fiddle has inline CSS which is not recommended but it was the fastest way to do it! :)
Here's the fiddle
Good luck! :D