cover up an area in HTML ?

[Fredrikmikael]

Hello i dont know if any of you are familiar with "twitter bootstrap3" framwork.

 

i am making a website and i have a "carousel" inside of a jumbotron, but text gets behind it. dont come with suggestions to make the carousel static or relative positioned, or anything like that.

 

i want to know how to make an invisible area that is occupied, that i can have my carousel inside, but text cant get inside there is an invisible wall it must align to.

 

 

 

 

example = 

 

 

---------------------------- | this is some text 

                                    | that is aligning 

                                    | to an invisible

   invisible wall     -->    | area.

                                    |

  covered area             |

-----------------------------|

 

 

 

 

 

 

Hope im not to confusing.

 

 

EDIT: i see the headline is wrong, i believe it would be "Cover up and area in CSS".

[Blade of Grass]

Basically, you want the text to start a certain amount inside the element?

Padding.

[Paralectic]

Give it a padding and a z-position, or margins on certain elements.

[gergy008]

Add in a few print screens, so we can see what you have and what you're trying to achieve on your layout.

 

Maybe your code too.

[Fredrikmikael]

Add in a few print screens, so we can see what you have and what you're trying to achieve on your layout.

 

Maybe your code too.

 

 

 

you can check what i got so far here: http://sjovegan-ikt.no/tbt/index.htm

 

 

Screenshot:

 

 

 

i added three   in a row so the text wouldnt get inside of the carousel.

since the website is "responsive" everything resizes to the screen resolution and size, so if i were to window the browser and make it a little smaller some text would fall on the next line and that text wouldnt have the three   to make it stay outside of the carousel.    i hope that made sense...

 

so i want to make the left half an invisible block that the text would align to.

 

i could make the text "text-right" but that just looks ugly and unproffesional IMO.

 

i want to have the website mobile-friendly, thats one of the reasons im using bootstrap.

[gergy008]

you can check what i got so far here: http://sjovegan-ikt.no/tbt/index.htm

 

My screen is a little bigger than yours, I just noticed that the width of your carosel isn't fixed http://puu.sh/7rOJe.jpg

[gergy008]

Here's something to work with, try wrapping your <p> tags in a <div> and then align that and the carosel with display:inline-block in the Jumbotron <div>

<div id="Jumbotron"><div class="carosel">...</div><div class="Content"><p>...</p><p>...</p></div></div>

[Fredrikmikael]

My screen is a little bigger than yours, I just noticed that the width of your carosel isn't fixed http://puu.sh/7rOJe.jpg

 

how would i go about making the width fixed?

 

i feel like this is something i should already know hehe