PDA

View Full Version : Fixed topbar in vb4


Annonaria
10-11-2012, 09:50 AM
Hello everyone, I have small problem ...
I created a fixed topbar within which I have added two links to the left (home and forums) and on the right I added the login box / UserCP (and so far so good)
My problem is that I wish the bar was full screen but that elements within start and end at the edges of my template (in this case I created a template of fixed 1000px centered)

Public for completeness my additional.css where there is the topbar

.Topbar {
position: fixed !important;
top: 0px;
left: 0px;
background: #393939; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3 N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0Jv eD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZS I+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2Vu ZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZS IgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgog ICAgPHN0b3Agb2Zmc2V0PSIyMyUiIHN0b3AtY29sb3I9IiMzOT M5MzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zm c2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMGUwZTBlIiBzdG9wLW 9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxy ZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIG ZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwv c3ZnPg==);
background: -moz-linear-gradient(top, #393939 23%, #0e0e0e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(23%,#393939), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #393939 23%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #393939 23%,#0e0e0e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #393939 23%,#0e0e0e 100%); /* IE10+ */
background: linear-gradient(to bottom, #393939 23%,#0e0e0e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#393939', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-8 */ repeat-x;
line-height: 40px;
overflow: hidden;
position: fixed;
height: 40px;
width: 100%;
font: bebasneue;
/* Specifico l'ordine si sovrapposizione della topbar */
z-index: 9999;
}

.Topbar li {
display: inline;
margin: 10px 10px;
margin-bottom: 0px;
line-height: 10px;
}


.Topbar {
overflow: visible;
}



Thanks in advance and sorry for my english :D

Annonaria
10-16-2012, 05:09 AM
No one can help me?

snakes1100
10-16-2012, 05:28 AM
Add a link to your site, include a user account if its private, we cant help, as we cant see whats wrong on the site.