I want the homepage of my webpage to have a fixed background image in between the navbar and footer with a smaller carousel box in front of the background image. I've looked around and haven't found anything that looks like this. I kind of don't know where to start. Is it possible?
The tag that contains your entire main content add a CSS background to it
Below navbar
Till footer
background:url(link);
Then use your slider as you would normally
Related
I'm on PrimeFaces 6.2 with JoinFaces on SpringBoot. I have a page with a single Accordion panel as the sole component. What I'm trying to achieve is not exactly a background image "for" the Accordion, but rather this:
I want to display a logo positioned at the bottom-center of the page
the logo always remains bottom-centered, no matter how the user maximizes/changes resolution of the browser.
when I expand the panels of the Accordion, it would overlap and conceal the logo in the background.
when I collapse the panels, the Accordion shrinks and the logo in the background becomes visible again.
Till now, I have neither been able to position an image at the bottom center of the screen...nor, how to do such an overlapping of the Accordion over the logo. Can somebody please advise how to achieve this?
Sorry, I badly misunderstood my problem. This has nothing to do with tweaking the Accordion. It's just about having a full page background image in HTML.
https://www.w3schools.com/howto/howto_css_full_page.asp
I'm in need of a sliding gallery that spans the width of the page but darks out the other images but highlights the one in the middle on show. Hopefully I explained it enough. I can do a full width slider but I need a full width gallery slider. Thumbnails not so important.
No longer using this. using other methords that seem to work for now.
Thanks anyway
I have a navigation bar and an image slider under it. how can i stack them on top of each other? my goal is for the images in the slider to be the background-image of the navigation bar. Help me please. The navigation bar consists of a simple div, but the image slider (made in js) is a variable, and not a div. So basically i want to the div to be on top of the slider, i already set the div opacity to low so the images of the slider are visible. Thank you rich i will send the code now.
margin-top:0px;
put this in your css file for the nav-bar and the slider and it should move everything to the top.
I'm a newbie in coding, trying to setup a header on this page: http://s.agenziajaved.com/it/s/London/New-York-City.
As you can see in the image link provided below, the content comes in background of logo at top and I need to fix it by displaying just the white fill behind the logo. Your help will be appreciated!
http://i.stack.imgur.com/GgoCa.png
Why don't you just add the property background: white to your layout-header class? That fixes your problem.
Im using twitter bootstrap and really enjoy it as im not used to do webpages. Have a question though, i have a round logo and i would like to place it on top of a navbar - like shown on the image.
I can add an image inside the navbar, but as shown here i somehow want to put it on top of the navbar where as the logo will be larger than the navbar and look like on the picture.
Basically i would like to have a large circle (the logo) where the navbar will go through it in the middle with the logo on top.
can this be done ? thanks
edit : cant post pictures :(
Hard to say what you want exactly without having the image, but here is a guess:
Add the logo inside the block of your navbar and then, to your CSS file, set your image to have position: absolute and adjust the position by using, for instance, left and top.