- This topic is empty.
-
AuthorPosts
-
April 18, 2013 at 8:14 am #44214CarraraWebsiteSolutionsParticipant
Hello I would like to know if there is any existing information on Floating Divs Outside of A Container that is 980px that I can read and practice?
Because need to put vertical banners on left and right side out side of the container. If there are any you tube videos on it how to do so please send me link have look at Google nothing im after coming up correct
April 18, 2013 at 8:22 am #132300Paulie_DMemberYou mean like this? : http://codepen.io/Paulie-D/pen/57ad1e3163d6478406f39f93fec02086
The sidebars are fixed positioned so they scroll with the page.
You could always absolutely position them if required.
April 18, 2013 at 8:42 am #132303CarraraWebsiteSolutionsParticipantYes. is it OK if I fork it to me. for me to study and practice? And do you know where I can ready how to do it?
April 18, 2013 at 8:44 am #132304Paulie_DMemberThat’s what Codepen is for. Fork away.
April 18, 2013 at 8:44 am #132305CarraraWebsiteSolutionsParticipantdoes w3 schools have it
April 18, 2013 at 8:45 am #132306CarraraWebsiteSolutionsParticipantJust had tooth pulled so doing study to keep mind off
April 18, 2013 at 12:13 pm #132329bLAZYYMemberW3 does have it take a look at this
http://www.w3schools.com/css/css_positioning.asp
http://www.w3schools.com/css/tryit.asp?filename=trycss_position_fixed
April 18, 2013 at 12:16 pm #132331Paulie_DMemberPlease everyone…stop linking to W3Schools.
As has been said many times before a lot of the information on that site either completely wrong or very out of date.
April 18, 2013 at 12:17 pm #132332April 18, 2013 at 9:04 pm #132378CarraraWebsiteSolutionsParticipant@Paulie_D have done some tweaking for 980px http://codepen.io/mwbcomputers/pen/urinl
April 19, 2013 at 12:51 am #132391CarraraWebsiteSolutionsParticipantHello @Paulie_D just have come across this problem for some reason they show up double images in the container as well as the out side? http://www.mwbcomputers.com.au/sub/index.php?route=product/product&product_id=56
April 19, 2013 at 1:35 am #132396MerriParticipantUse `.sidebar.left {` and `.sidebar.right {` instead of `.left {` and `.right {`.
April 19, 2013 at 2:52 am #132399CarraraWebsiteSolutionsParticipant@Merri for some reason that removed it
.sidebar {
position: fixed;
margin-top: 165px;
width: 10%;
padding: 5px;
border: 1px solid #000;
}
.sidebar .left {
background: url(‘../image/Custom3.png’) no-repeat top center;
margin-top: 165px;
left: 12.9%;
height: 600px;
border: none;
}
.sidebar .right {
background: url(‘../image/Custom3.png’) no-repeat top center;
margin-top: 165px;
left: 76.5%;
height: 600px;
margin-right: 10px;
border: none;
} -
AuthorPosts
- The forum ‘CSS’ is closed to new topics and replies.