5 {{ upvoteCount | shortNum }}
5 {{ upvoteCount | shortNum }}

Help! Don't know what I changed!

by iluvmoney
4 replies
  • WEB DESIGN
    • |
Ok so I have no idea what I done wrong!

I was adding some jQuery to a page "back to top" script.
Had to add a line of text I the CSS so I did to the very bottom.

Uploaded to Web server and now the back to top works but it's screw up the logo's up the top!

Now I've removed all the scripts I've added to try get the site back to normal again but I don't know why but the logo and number won't display properly!


OK so show you what I mean:

This is how it's displaying now:

As you can see the logo and the phone number has moved up! this is from removing the CSS code I added at the bottom of the style sheet to do the BACK TO TOP. Which i no longer need I just want the site back to normal.


CURRENT CSS FILE:

Code:
/*
Design by http://www.bluewebtemplates.com
Released for free under a Creative Commons Attribution 3.0 License
*/

@charset "utf-8";
margin:0; padding:0; width:100%; color:#8e8e8e; font:normal 12px/1.8em Arial, Helvetica, sans-serif;
.main { padding:0; margin:0; background-color:#fff;}
html { padding:0; margin:0; background-color:#fff;}

h1 {
    margin: 0;
    color: #999999;
    font: normal small/1.2em Verdana;
}
h1 a:hover { color:#50b3ee; text-decoration:none;}
h1 a { color:#50b3ee; text-decoration:none;}
h1 small { font:normal 13px/1.2em Arial, Helvetica, sans-serif; color:#8e8e8e;}
h2 {
    border: medium #008000;
    font: bold 24px Arial, Helvetica, sans-serif;
    color: #D32CFD;
    padding: 8px 0;
    margin: 8px 0;
}
p { margin:8px 0; padding:0 0 8px 0; font:normal 12px/1.8em Arial, Helvetica, sans-serif;}
a {
    color: #D32CFD;
    text-decoration: none;
    font-weight: bold;
}
a:hover { text-decoration:underline;}

.content .sidebar { margin:0; padding:0;}

.content .mainbar { margin:0; padding:0;}

ul { margin:0; padding:0;}

ol li { margin:0; padding:0;}

ol { margin:0; padding:0;}

form { margin:0; padding:0;}

.footer { margin:0; padding:0;}

.fbg { margin:0; padding:0;}

.menu_nav { margin:0; padding:0;}

.content { margin:0; padding:0;}

.header { margin:0; padding:0;}
.footer_resize { margin:0 auto; padding:0 40px; width:890px;}

.fbg_resize { margin:0 auto; padding:0 40px; width:890px;}

.content_resize { margin:0 auto; padding:0 40px; width:890px;}

.header_resize { margin:0 auto; padding:0 40px; width:890px;}


/* header */
.header { }
.header_resize { }
.header .logo { padding:0 0 8px 0; float:left; width:auto;}
.header .htext a { color:#fff;}
.header .htext h2 { color:#fff;}
.header .htext { color:#fff;}
.header .htext h2 { padding-bottom:0; margin-bottom:0; font-weight:bold;}
.header .htext p { line-height:1.5em;}

/* Generated via www.cssmenubuilder.com */

.menu{margin:0 auto; padding:0; height:30px; width:100%; display:block; background:url('topMenuImages.png') repeat-x;}
.menu li{padding:0; margin:0; list-style:none; display:inline;}
.menu li a{float:left; padding-left:15px; display:block; color:rgb(161,84,161); text-decoration:none; font:12px Verdana, Arial, Helvetica, sans-serif; cursor:pointer; background:url('topMenuImages.png') 0px -30px no-repeat;}
.menu li a span{line-height:30px; float:left; display:block; padding-right:15px; background:url('topMenuImages.png') 100% -30px no-repeat;}
.menu li a:hover{background-position:0px -60px; color:rgb(255,255,255);}
.menu li a:hover span{background-position:100% -60px;}
.menu li a.active, .menu li a.active:hover{line-height:30px; font:12px Verdana, Arial, Helvetica, sans-serif; background:url('topMenuImages.png') 0px -90px no-repeat; color:rgb(255,255,255);}
.menu li a.active span, .menu li a.active:hover span{background:url('topMenuImages.png') 100% -90px no-repeat;}

.menu li a.active span{background:url('topMenuImages.png') 100% -90px no-repeat;}


/* content */
.content_resize {
    padding: 32px 0 24px 40px;
    width: 930px;
}
.content .mainbar { float:left; width:630px;}
.content .mainbar img {
    margin: 0 0px 0 0;
    padding: 0px;
    background-color: #FFFFFF;
    outline-color: #83B040;
}
.content .mainbar img.fl { float:left; margin-right:12px;}
.content .sidebar .gadget { margin:0; padding:0 0 16px 0;}
.content .mainbar .article { margin:0; padding:0 0 16px 0;}
.content .sidebar { float:right; width:276px;}
ul.ex_menu { margin:0; padding:0; list-style:none; color:#959595;}
ul.sb_menu { margin:0; padding:0; list-style:none; color:#959595;}
ul.sb_menu li { padding:4px 0; border-bottom:1px solid #e3e3e3; width:180px;}
ul.ex_menu li { padding:4px 0 8px;}
ul.ex_menu li { margin:0;}
ul.sb_menu li { margin:0;}
ul.ex_menu li a { color:#5f5f5f; text-decoration:none; font-weight:normal;}
ul.sb_menu li a { color:#5f5f5f; text-decoration:none; font-weight:normal;}
ul.ex_menu li a:hover { color:#56b9f4; font-weight:bold;}
ul.sb_menu li a:hover { color:#56b9f4; font-weight:bold;}
ul.sb_menu li a:hover { text-decoration:underline;}
ul.ex_menu li a:hover { text-decoration:none;}

/* subpages */
.content .mainbar .comment { margin:0; padding:16px 0 0 0;}
.content .mainbar .comment img.userpic { border:1px solid #dedede; margin:10px 16px 0 0; padding:0; float:left;}

/* fbg */
.fbg_resize { padding:24px 40px; border-top:1px solid #dcebf4; border-bottom:1px solid #dcebf4;}
.fbg img {
    padding: 4px;
    background-color: #fff;
    border: 0px #d6d6d6 solid;
}
.fbg .col { margin:0; float:left;}
.fbg .c1 { padding:0 16px 0 0; width:384px;}
.fbg .c2 { padding:0 16px; width:206px;}
.fbg .c3 { padding:0 0 0 16px; width:236px;}
.fbg .c1 img { margin:8px 16px 4px 0; float:left;}

/* footer */
.footer { padding:28px 0 20px;}
.footer p.lf { margin:0; padding:4px 0; float:right; width:auto; line-height:1.5em;}
ul.fmenu { margin:0; padding:2px 0; list-style:none; float:left; width:auto;}
ul.fmenu li {
    margin: 0;
    padding: 0 4px;
    float: left;
    color: #A154A1;
}
ul.fmenu li a { text-decoration:none; padding:2px 6px; color:#8e8e8e;}
ul.fmenu li.active a {
    text-decoration: none;
    color: ##A154A1;
}

ul.fmenu li a:hover { text-decoration:underline; color:#56b9f4;}

/* form */
ol { list-style:none;}
ol li { display:block; clear:both;}
ol li label { display:block; margin:0; padding:16px 0 0 0;}
ol li input.text { width:480px; border:1px solid #c0c0c0; margin:2px 0; padding:5px 2px; height:16px; background:#fff;}
ol li textarea { width:480px; border:1px solid #c0c0c0; margin:2px 0; padding:2px; background:#fff;}
ol li .send { margin:16px 0 0 0;}
#slider {
    position:relative;
    width:890px; /* Change this to your images width */
    height:206px; /* Change this to your images height */
    background:url(images/loading.gif) no-repeat 50% 50%;
}
#slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
#slider a {
    border:0;
    display:block;
}
.nivo-controlNav {
    position:absolute;
    left:350px;
    bottom:-27px;
}
.nivo-controlNav a {
    display:block;
    width:22px;
    height:22px;
    background:url(images/bullets.png) no-repeat;
    text-indent:-9999px;
    border:0;
    margin-right:3px;
    float:left;
}
.nivo-controlNav a.active {
    background-position:0 -22px;
}

.nivo-directionNav a {
    display:block;
    width:30px;
    height:30px;
    background:url(images/arrows.png) no-repeat;
    text-indent:-9999px;
    border:0;
}
a.nivo-nextNav {
    background-position:-30px 0;
    right:15px;
}
a.nivo-prevNav {
    left:15px;
}

I need to get it back like this! but with the bullet points as above.


BACKED-UP from last year CSS CODE:

Code:
/*
Design by http://www.bluewebtemplates.com
Released for free under a Creative Commons Attribution 3.0 License
*/

@charset "utf-8";
margin:0; padding:0; width:100%; color:#8e8e8e; font:normal 12px/1.8em Arial, Helvetica, sans-serif;
.main { padding:0; margin:0; background-color:#fff;}
html { padding:0; margin:0; background-color:#fff;}
.clr { clear:both; padding:0; margin:0; width:100%; font-size:0px; line-height:0px;}
h1 { margin:0; padding:32px 0 16px; color:#50b3ee; font:normal 32px/1.2em Arial, Helvetica, sans-serif;}
h1 a:hover { color:#50b3ee; text-decoration:none;}
h1 a { color:#50b3ee; text-decoration:none;}
h1 small { font:normal 13px/1.2em Arial, Helvetica, sans-serif; color:#8e8e8e;}
h2 {
    border: medium #008000;
    font: bold 24px Arial, Helvetica, sans-serif;
    color: #D32CFD;
    padding: 8px 0;
    margin: 8px 0;
}
p { margin:8px 0; padding:0 0 8px 0; font:normal 12px/1.8em Arial, Helvetica, sans-serif;}
a {
    color: #D32CFD;
    text-decoration: none;
    font-weight: bold;
}
a:hover { text-decoration:underline;}

.content .sidebar { margin:0; padding:0;}

.content .mainbar { margin:0; padding:0;}

ul { margin:0; padding:0;}

ol li { margin:0; padding:0;}

ol { margin:0; padding:0;}

form { margin:0; padding:0;}

.footer { margin:0; padding:0;}

.fbg { margin:0; padding:0;}

.menu_nav { margin:0; padding:0;}

.content { margin:0; padding:0;}

.header { margin:0; padding:0;}
.footer_resize { margin:0 auto; padding:0 40px; width:890px;}

.fbg_resize { margin:0 auto; padding:0 40px; width:890px;}

.content_resize { margin:0 auto; padding:0 40px; width:890px;}

.header_resize { margin:0 auto; padding:0 40px; width:890px;}

/* header */
.header { }
.header_resize { }
.header .logo { padding:0 0 8px 0; float:left; width:auto;}
.header .htext a { color:#fff;}
.header .htext h2 { color:#fff;}
.header .htext { color:#fff;}
.header .htext h2 { padding-bottom:0; margin-bottom:0; font-weight:bold;}
.header .htext p { line-height:1.5em;}

/* Generated via www.cssmenubuilder.com */

.menu{margin:0 auto; padding:0; height:30px; width:100%; display:block; background:url('topMenuImages.png') repeat-x;}
.menu li{padding:0; margin:0; list-style:none; display:inline;}
.menu li a{float:left; padding-left:15px; display:block; color:rgb(161,84,161); text-decoration:none; font:12px Verdana, Arial, Helvetica, sans-serif; cursor:pointer; background:url('topMenuImages.png') 0px -30px no-repeat;}
.menu li a span{line-height:30px; float:left; display:block; padding-right:15px; background:url('topMenuImages.png') 100% -30px no-repeat;}
.menu li a:hover{background-position:0px -60px; color:rgb(255,255,255);}
.menu li a:hover span{background-position:100% -60px;}
.menu li a.active, .menu li a.active:hover{line-height:30px; font:12px Verdana, Arial, Helvetica, sans-serif; background:url('topMenuImages.png') 0px -90px no-repeat; color:rgb(255,255,255);}
.menu li a.active span, .menu li a.active:hover span{background:url('topMenuImages.png') 100% -90px no-repeat;}

.menu li a.active span{background:url('topMenuImages.png') 100% -90px no-repeat;}


/* content */
.content_resize {
    padding: 32px 0 24px 40px;
    width: 930px;
}
.content .mainbar { float:left; width:630px;}
.content .mainbar img {
    margin: 0 12px 10px 0;
    padding: 4px;
    background-color: #fff;
    outline-color: #FF0000;
}
.content .mainbar img.fl { float:left; margin-right:12px;}
.content .sidebar .gadget { margin:0; padding:0 0 16px 0;}
.content .mainbar .article { margin:0; padding:0 0 16px 0;}
.content .sidebar { float:right; width:276px;}
ul.ex_menu { margin:0; padding:0; list-style:none; color:#959595;}
ul.sb_menu { margin:0; padding:0; list-style:none; color:#959595;}
ul.sb_menu li { padding:4px 0; border-bottom:1px solid #e3e3e3; width:180px;}
ul.ex_menu li { padding:4px 0 8px;}
ul.ex_menu li { margin:0;}
ul.sb_menu li { margin:0;}
ul.ex_menu li a { color:#5f5f5f; text-decoration:none; font-weight:normal;}
ul.sb_menu li a { color:#5f5f5f; text-decoration:none; font-weight:normal;}
ul.ex_menu li a:hover { color:#56b9f4; font-weight:bold;}
ul.sb_menu li a:hover { color:#56b9f4; font-weight:bold;}
ul.sb_menu li a:hover { text-decoration:underline;}
ul.ex_menu li a:hover { text-decoration:none;}

/* subpages */
.content .mainbar .comment { margin:0; padding:16px 0 0 0;}
.content .mainbar .comment img.userpic { border:1px solid #dedede; margin:10px 16px 0 0; padding:0; float:left;}

/* fbg */
.fbg_resize { padding:24px 40px; border-top:1px solid #dcebf4; border-bottom:1px solid #dcebf4;}
.fbg img {
    padding: 4px;
    background-color: #fff;
    border: 0px #d6d6d6 solid;
}
.fbg .col { margin:0; float:left;}
.fbg .c1 { padding:0 16px 0 0; width:384px;}
.fbg .c2 { padding:0 16px; width:206px;}
.fbg .c3 { padding:0 0 0 16px; width:236px;}
.fbg .c1 img { margin:8px 16px 4px 0; float:left;}

/* footer */
.footer { padding:28px 0 20px;}
.footer p.lf { margin:0; padding:4px 0; float:right; width:auto; line-height:1.5em;}
ul.fmenu { margin:0; padding:2px 0; list-style:none; float:left; width:auto;}
ul.fmenu li {
    margin: 0;
    padding: 0 4px;
    float: left;
    color: #A154A1;
}
ul.fmenu li a { text-decoration:none; padding:2px 6px; color:#8e8e8e;}
ul.fmenu li.active a {
    text-decoration: none;
    color: ##A154A1;
}

ul.fmenu li a:hover { text-decoration:underline; color:#56b9f4;}

/* form */
ol { list-style:none;}
ol li { display:block; clear:both;}
ol li label { display:block; margin:0; padding:16px 0 0 0;}
ol li input.text { width:480px; border:1px solid #c0c0c0; margin:2px 0; padding:5px 2px; height:16px; background:#fff;}
ol li textarea { width:480px; border:1px solid #c0c0c0; margin:2px 0; padding:2px; background:#fff;}
ol li .send { margin:16px 0 0 0;}
#slider {
    position:relative;
    width:890px; /* Change this to your images width */
    height:206px; /* Change this to your images height */
    background:url(images/loading.gif) no-repeat 50% 50%;
}
#slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
#slider a {
    border:0;
    display:block;
}
.nivo-controlNav {
    position:absolute;
    left:350px;
    bottom:-27px;
}
.nivo-controlNav a {
    display:block;
    width:22px;
    height:22px;
    background:url(images/bullets.png) no-repeat;
    text-indent:-9999px;
    border:0;
    margin-right:3px;
    float:left;
}
.nivo-controlNav a.active {
    background-position:0 -22px;
}

.nivo-directionNav a {
    display:block;
    width:30px;
    height:30px;
    background:url(images/arrows.png) no-repeat;
    text-indent:-9999px;
    border:0;
}
a.nivo-nextNav {
    background-position:-30px 0;
    right:15px;
}
a.nivo-prevNav {
    left:15px;
}
Now I'm pretty sure it's the CSS file as when I change to a old backed up one pictured above the logo is correct (bullet points are not dunno why).


SO HOW DO I GET THE LOGO BACK TO WHERE IT'S SUPPOSE TO BE!! PLEASE
#changed
  • Profile picture of the author jamaks
    Hi, looks like you have fixed the problem okay. At a guess I would say that your anchor id caused the space in the header. If you put it back in use CSS to give it a zero or 1px height so that it will not be noticeable. Jim
    {{ DiscussionBoard.errors[7130490].message }}
  • Profile picture of the author OmiTaylor
    Is it fixed?
    {{ DiscussionBoard.errors[7132354].message }}
  • Profile picture of the author iluvmoney
    Hi guys,

    Well i just cut a bit of code out of the CSS and pasted it back and uploaded and it seems fine now! LOL no idea what I did!

    My original idea was to add a back to top so i'm not sure if i want to now incase i mess stuff up again.
    {{ DiscussionBoard.errors[7140887].message }}
    • Profile picture of the author davidfrankk
      Originally Posted by iluvmoney View Post

      Hi guys,

      Well i just cut a bit of code out of the CSS and pasted it back and uploaded and it seems fine now! LOL no idea what I did!

      My original idea was to add a back to top so i'm not sure if i want to now incase i mess stuff up again.
      Glad to know its fixed !
      Signature
      Get paid for simple tasks | iPhone 7 features
      {{ DiscussionBoard.errors[7140925].message }}

Trending Topics