CSS Glitched
2 posters
Page 1 of 1
CSS Glitched
Ok, I have Matei's soccer theme but theres an annoying thing in it. The title no matter what you do is automatically pushed over to the left, even when I go to headers and navigation and center it there still nothing happens, due to this, i have to make my banner's text over on the left hand side. And this looks ugly, here is the CSS of my forum - if anyone can help so it centers my banner i'd be very greatful.
- Spoiler:
- Code:
#new-message-link a{border: none !important;
-moz-box-shadow : 0 0 0px #666 !important;
-webkit-box-shadow : 0 0 0px #666 !important;
box-shadow : 0 0 0px #666 !important;}
#fa_ticker_block{width: 920px;
position: relative;
left: 28px;
padding: 10px;
margin: -10px;
padding-top: 15px;}
#main-content{
width: 920px !important;
float: center;
margin-left: 32px;}
#page-header .navbar, #page-footer .navbar{
background: none !important;
width: 900px !important;
margin-left: 32px;}
.headerbar{
padding-top: 30px;
margin-left: 32px;
width: 910px !important;}
#page-header{
width: 984px;
background: url(http://i30.tinypic.com/33w9oqb.png) no-repeat top center;}
#page-body{
background: url(http://i66.servimg.com/u/f66/13/46/75/82/body33.png) repeat-y center !important;
width: 100%;
margin: 0px 0px;}
#outer-wrapper{
padding: 4px 0px;}
#page-footer{
float: center !important;
width: 984px;
background: url(http://i66.servimg.com/u/f66/13/46/75/82/f11.png) no-repeat bottom center;
height: 70px;}
#page-footer .navbar{
padding-bottom: 20px;
background: url() no-repeat bottom right !important;}
body {
background: #f0fdff url(http://i66.servimg.com/u/f66/13/46/75/82/bg32.png) repeat-x;
margin: 0px !important;
padding: 0px !important;}
.conteneur_minwidth_IE{
background: url() repeat-x bottom;
width: 100%;
height: 100%;
margin-bottom: -10px;
padding-top: 15px;
padding-bottom: 10px;}
#wrap{
position: relative;
left: 10px;}
#logo{
float: right !important;
margin-top: -15px;
margin-right: -24px;
padding: 0;}
#profiles {
width : auto;
padding : 1px;
border : 2px solid #EEE;
-moz-border-radius : 7px;
-webkit-border-radius : 7px;
border-radius : 7px;
-moz-box-shadow : 0 0 10px #666;
-webkit-box-shadow : 0 0 10px #666;
box-shadow : 0 0 10px #666;}
.lastpost{
margin: 3px;
width : auto;
border : 2px solid #EEE;
-moz-border-radius : 7px;
-webkit-border-radius : 7px;
border-radius : 7px;
-moz-box-shadow : 0 0 8px #666;
-webkit-box-shadow : 0 0 8px #666;
box-shadow : 0 0 8px #666;}
.header .lastpost{
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;}
#tabs a{
margin: 10px;
width : auto;
color: white;
padding : 2px;
border : 2px solid #EEE;
-moz-border-radius : 7px;
-webkit-border-radius : 7px;
border-radius : 7px;
-moz-box-shadow : 0 0 10px #666;
-webkit-box-shadow : 0 0 10px #666;
box-shadow : 0 0 10px #666;}
#tabs .activetab a {
background: url('http://i66.servimg.com/u/f66/13/46/75/82/bgmenu11.png');
width : auto;
color: white;
padding : 2px;
border : 2px solid #EEE;
-moz-border-radius : 7px;
-webkit-border-radius : 7px;
-moz-box-shadow : 0 0 10px #666;
-webkit-box-shadow : 0 0 10px #666;}
li.row {background-image: url('http://i66.servimg.com/u/f66/13/46/75/82/a20.png');}
h3:before,.h3:before{
content: url();
padding-right: 3px;}
p em b a.gensmall{font-style: normal;
font-style: italic;
font-weight: bold;
font-family: Verdana,Arial,Helvetica,sans-serif;
text-transform: none;}
p em{font-style: normal;
font-size: 1.05em !important;
font-weight: bold;
color: #90AD0E;
background: url() no-repeat left;
padding-left: 15px;
padding-top: 1px;
font-family: Verdana,Arial,Helvetica,sans-serif !important;
text-transform: uppercase;}
.hierarchy {background: none;}
.hierarchy:before {content: url(http://2img.net/i/fa/empty.gif);}
.introduction, .panel {
margin: 3px;
background: #f0f0f0 url(http://i66.servimg.com/u/f66/13/46/75/82/bg113.png) repeat-x;
border: 1px solid ;
border-color: #dcdcdc;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;}
.post {
border : 1px solid #949494;
-moz-border-radius : 7px;
-webkit-border-radius : 7px;
border-radius : 7px;
-moz-box-shadow : 0 0 2px #666;
-webkit-box-shadow : 0 0 2px #666;
box-shadow : 0 0 6px #666;
background: url(http://i66.servimg.com/u/f66/13/46/75/82/bgbgbg10.png) repeat-x;
}
button.button2, input.button2{
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 2px;}
#login_popup_buttons input{
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png) !important;
-moz-border-radius: 3px !important;
-webkit-border-radius: 3px !important;
border-radius: 3px !important;
padding: 2px !important;}
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover {
color: #048ebb;}
#text_editor_controls a.button2,#text_editor_controls input.button2,#text_editor_controls button.button2{
background-image: url(http://i66.servimg.com/u/f66/13/46/75/82/bbg11.png);
color: black;
padding: 3px;}
.module {
margin: 3px;
border : 1px solid #949494;
-moz-border-radius : 7px;
-webkit-border-radius : 7px;
border-radius : 7px;
background: url('http://i88.servimg.com/u/f88/14/28/28/25/111.png');
background-repeat: repeat-x;
background-color: #f4f4f4;}
.icon-home{
background: url(http://i66.servimg.com/u/f66/13/46/75/82/iconho11.png) no-repeat top;
padding: 12px;
padding-bottom: 20px;
color: transparent !important;
font-size: 0px !important;}
.icon-home:hover{
background: url(http://i66.servimg.com/u/f66/13/46/75/82/iconho12.png) no-repeat top;
color: transparent;}
.blog_cal-border {
background-color: transparent;
border: 0px;
background: url('http://i66.servimg.com/u/f66/13/46/75/82/blog210.png') no-repeat center;
padding: 5px 5px;}
.blog_cal-content {
background-color: transparent;
color: #FFFFFF;}
ul#privmsgs-menu {
border : 1px solid #949494;
padding: 1px;
margin-right: -80px;
width : 530px;
-moz-border-radius : 7px;
-webkit-border-radius : 7px;
border-radius : 7px;
-moz-box-shadow : 0 0 6px #666;
-webkit-box-shadow : 0 0 6px #666;
box-shadow : 0 0 6px #666;
background: url('http://i88.servimg.com/u/f88/14/28/28/25/111.png');
background-repeat: repeat-x;
background-color: #f4f4f4;}
.blog .icon {
background-image: url(http://i45.tinypic.com/af911z.png) no-repeat, center;
width: 59px;
height: 80px;
padding-top: 20px;}
#search-box{
margin-top: -20px;
position: relative;
bottom: -20px;
height: 39px;
width: 185px;
right: -30px;
display: inline;
background: transparent url(http://i66.servimg.com/u/f66/14/66/48/40/sb11.png) no-repeat center;}
#search-box #keywords {
width: 80px;
background: transparent;
font-family: Georgia;
font-style: italic;
font-size: 12px;}
#search-box input {
border: none !important;
background: none;}
#search-box input.search {
background: none;
margin-left: 51px;
margin-top: 11px;}
#search-box input.button2 {
font-size: 0px;
background-image: url(http://i66.servimg.com/u/f66/14/66/48/40/buton_11.png);
background-color: transparent;
background-repeat: no-repeat;
width: 24px !important;
height: 24px !important;
border: 0;
margin-left: 4px;
margin-bottom: -9px;
background-position: 0 100%;
color: transparent;}
/*-------------------shame on me-------------------*/
#page-footer{color: transparent; margin-bottom: 20px;}
#page-footer .gensmall{color: #666666;}
#page-footer a[href="http://www.blogratuit.ro/ro/"]{display: none !important;}
#page-footer a[href="/report_abuse.forum?page=%2Fmeniuri-f15%2Fbass-meter-meniu-t168.htm&report=1"]{display: none !important;}
#page-footer a[href="/report_abuse.forum?page=%2Fforum.htm&report=1"]{display: none !important;}
img[src="http://2img.net/i/fa/empty.gif"]{display: none !important;}
img[src="http://2img.net/i/fa/icon_mini_search.gif"]{display: none !important;}
#page-footer a[href="http://www.blogratuit.ro/ro/"]{display: none !important;}
#page-footer a[href="http://www.freeforums-hosting.com"]{display: none !important;}
/*-------------------end-shame on me-------------------*/
.forabg, .forumbg {
-moz-border-radius: 10px 10px 11px 11px;
-webkit-border-radius: 10px 10px 11px 11px;
border-radius: 10px 10px 11px 11px;
padding: 0 6px !important;}
.forumline{
-moz-border-radius: 10px 10px 11px 11px;
-webkit-border-radius: 10px 10px 11px 11px;
border-radius: 10px 10px 11px 11px;}
.icon{margin-left: -22px;
padding-left: 22px;}
.forumbg .icon{margin-left: -22px;
padding-left: 22px;}
.forabg dd.posts, .forabg dd.topics, .forabg dd.lastpost{margin: 3px;}
.forabg ul.forums, .pmlist {
border: 2px solid white;
background: #e7e5e5 url(http://i66.servimg.com/u/f66/13/46/75/82/a20.png) !important;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;}
ul.topiclist, .pmlist {
z-index: 999 !important;
position: relative !important;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;}
.pmlist .icon{margin-left: -25px !important;
padding-left: 25px;}
.forabg .row{background: none !important;}
.forumbg .row{
border-left: 2px solid white;
border-right: 2px solid white;}
.forumbg .row:first-child, .forumbg .row2:first-child, .table1 .row:first-child, .table1 .row2:first-child{
-moz-border-top-left-radius: 10px;
-moz-border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
border-top-left-radius: 10px 10px 0 0;
border-top-right-radius: 10px 10px 0 0;
border-top: 2px solid white;}
.forumbg .row:last-child, .forumbg .row2:last-child, .table1 .row:last-child, .table1 .row2:last-child{
-moz-border-bottom-left-radius: 10px;
-moz-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px 10px 0 0;
border-bottom-right-radius: 10px 10px 0 0;
border-bottom: 2px solid white;}
ul.search{
background: #f0f0f0 url(http://i66.servimg.com/u/f66/13/46/75/82/bg113.png) repeat-x !important;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border: 2px solid white;}
.table1{
z-index: 999 !important;
position: relative;}
.forumbg-table .left-box, .forumbg-table .right-box, .forumbg-table .row1{
z-index: 999 !important;
position: relative !important;}
table{
border-spacing: 0px;
border-collapse: expression('separate', cellSpacing = '0px');}
.forabg .corners-bottom, .forumbg .corners-bottom{
display: inline-block;
width: 920px;
margin-left: -6px;
padding-top: 50px;
margin-top: -40px;
background: url(http://i66.servimg.com/u/f66/11/96/49/61/bottom10.png) repeat-x bottom;
z-index: -1 !important;
-moz-border-radius: 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px;
border-radius: 0 0 10px 10px;}
#page-header .navbar ul.navlinks{
width: 1012px;
height: 50px;
background: url(http://i66.servimg.com/u/f66/11/96/49/61/meniu12.png) no-repeat top center;
left: -56px;
position: relative;}
#page-header .navbar ul.navlinks li a{
color: white;
position: relative;
bottom: -22px !important;
margin: 5px;
font-family: arial;
font-size: 14px;
text-shadow: 1px 1px 1px black;}
#page-header .navbar ul.navlinks li a:hover{
text-shadow: -1px -1px 1px black;
color: #dcf9ff;}
.overview{
border: 2px solid #2b6f02;
top: 50px !important;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
color: white !important;
background: #3B9D00 url(http://i66.servimg.com/u/f66/11/96/49/61/ovbg10.png) repeat-x;}
.overview label{color: white;}
.overview .row2{background: none;
border-bottom: 1px dashed white;
text-shadow: 1px 1px 1px black;}
.overview a{position: static !important;}
.post{
background: #eeeeee url(http://i66.servimg.com/u/f66/11/96/49/61/offlin10.png) no-repeat top right;}
#preview {
background: #eeeeee !important;}
input[type="text"],input[type="password"]{background-image: none !important;}
.online{z-index: 999 !important;
background: #eeeeee url(http://i66.servimg.com/u/f66/13/46/75/82/online15.png) no-repeat top right;}
dl.codebox {
background-color: #ffffff;
border: 1px solid #e4e4e4;}
dl.codebox dt {
text-transform: none;
background: url(http://i64.servimg.com/u/f64/14/54/25/26/cod12.png) no-repeat right;
border-bottom: 1px dashed #c6e340;
font-size: 12px;
font-family: "Trebuchet MS",georgia,Verdana,Sans-serif;
color: #666666;}
.resizebox{
background: #ffffff url("http://i66.servimg.com/u/f66/13/46/75/82/zoom11.png") 1px 1px no-repeat;
background-position: top right;
font-size: 12px;
font-family: "Trebuchet MS",georgia,Verdana,Sans-serif;}
.resizebox .resize_border{border: 1px solid #e4e4e4;}
#chatbox{left: 205px;
top: 40px;}
#chatbox_members{top: 40px;}
#chatbox_footer {padding-top: 4px !important;
padding-bottom: 4px !important;
padding-right: 0px !important;
padding-left: 0px !important;
width: 96%;
margin-left: 1.5%;}
#chatbox_footer #message{padding: 3px;
width: 70%;
cursor: text;}
#chatbox_footer .text-field {width: 500px;
margin-top: 5px;}
#chatbox_footer .fontbutton{padding: 3px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background: #f6ffe0;
border: 2px solid #558A11;}
.postprofile{
float: left !important;
color: forestgreen;
text-align: left;
border-color: #e6e6e6;}
#login_popup {border: 2px solid #198699;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background: #f0f0f0 url(http://i66.servimg.com/u/f66/13/46/75/82/bg113.png) repeat-x;}
.pagination a {
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 3px !important;}
.pagination a:hover{color: #90AD0E !important;}
.pagination span strong{
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 3px;
color: #198699;}
.row .pagination {
background: url('http://i66.servimg.com/u/f66/13/46/75/82/docume11.png') 0 50% no-repeat;}
.header{text-shadow: 1px 1px 0px #286b00;}
#page-footer .copyright strong a{
border: 2px solid black;
padding: 5px;
background: white;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
position: relative;
bottom: -15px;
width: 100% !important;}
ul#picture_legend {
margin: 5px;
padding: 5px;
border : 1px solid #949494;
-moz-border-radius : 7px;
-webkit-border-radius : 7px;
border-radius : 7px;
background: url('http://i88.servimg.com/u/f88/14/28/28/25/111.png');
background-repeat: repeat-x;
background-color: #f4f4f4;}
.user_login_form{margin: 5px;}
Re: CSS Glitched
Hello,
Can you please provide a link to your site?
Can you please provide a link to your site?
ankillien- Energetic
- Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL
Re: CSS Glitched
Thanks
Add this code to your CSS...
It will move the banner to left.
Add this code to your CSS...
- Code:
#logo-desc {
text-align: left !important;
}
#logo {
float: none !important;
}
It will move the banner to left.
ankillien- Energetic
- Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL
Re: CSS Glitched
What exactly you want to do?
Banner on right side and title text on left side?
I don't see any title text on your forum.
Banner on right side and title text on left side?
I don't see any title text on your forum.
ankillien- Energetic
- Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL
Re: CSS Glitched
This code will make the logo image centered...
- Code:
#logo-desc {
text-align: center !important;
}
#logo {
float: none !important;
}
ankillien- Energetic
- Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL
Re: CSS Glitched
Make sure you add the code at the end of all other codes in your style sheet. It must work.
I have already tried the code I gave you and it works.
I have already tried the code I gave you and it works.
ankillien- Energetic
- Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL
Re: CSS Glitched
Glad I could help
Solved > Locked
Solved > Locked
ankillien- Energetic
- Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum