css file error

Report · Dec 19, 2018

I wonder if anyone could have a look at this .css file and find were the error is please??

When Im in Dreamweaver it keeps crashing which I have pinned down to the header.css file

For some reason I cannot add new css rules in the Selector on this file. When I type .test-test nothing happens or dreamweaver crashes.

i'm not sure what is causing it/

Hope you can help please?

----

---

.header {

height: 54px;

min-width: 1200px;

margin-top: -34px;

}

.main-container.login-main-container div {

margin-left: -5px;

margin-top: 10px;

}

.container {

max-width: 1200px;

margin-top: 6px;

}

.carousel3 {

margin-top: 12px;

}

.backbutton {

width: 58px;

margin-top: -39px;

color: rgba(36,153,251,1.00);

font-size: 22px;

font-style: italic;

margin-right: -211px;

}

.back-button-text-menu-bar {

width: 40px;

margin-right: 46px;

margin-top: -33px;

}

.nav-menu-bar {

width: 100%;

height: 38px;

background-color: rgba(36,153,251,1.00);

text-align: center;

margin-left: auto;

margin-right: auto;

margin-top: 24px;

}

body {

margin: 0;

/* [disabled]background-color: #949494; */

}

.eventify-main-logo {

text-align: center;

margin-top: -71px;

min-height: 0px;

max-height: 176px;

visibility: visible;

}

.top-background {

background-image: -webkit-linear-gradient(270deg,rgba(3,115,209,1.00) 0%,rgba(255,255,255,1.00) 79.19%,rgba(255,255,255,1.00) 100%);

background-image: -moz-linear-gradient(270deg,rgba(3,115,209,1.00) 0%,rgba(255,255,255,1.00) 79.19%,rgba(255,255,255,1.00) 100%);

background-image: -o-linear-gradient(270deg,rgba(3,115,209,1.00) 0%,rgba(255,255,255,1.00) 79.19%,rgba(255,255,255,1.00) 100%);

background-image: linear-gradient(180deg,rgba(3,115,209,1.00) 0%,rgba(255,255,255,1.00) 79.19%,rgba(255,255,255,1.00) 100%);

width: 100%;

height: 200px;

background-repeat: repeat-x;

}

.carousel {

background-color: rgba(65,250,2,1.00);

width: 1200px;

height: 225px;

text-align: center;

margin-top: 12px;

}

.float-left {

text-align: left;

}

.float-right {

float: right;

}

.eventify-white-logo {

width: 300px;

margin-left: 231px;

margin-top: -637px;

padding-bottom: 16px;

}

.clear-the-float {

clear: left;

margin-left: 15px;

margin-right: 0px;

margin-top: -171px;

}

.todays-date {

width: 10px;

font-size: 30px;

text-align: center;

float: none;

}

.font {

font-family: 'Fira Sans', sans-serif;

}

.top-text {

text-align: center;

font-size: 32px;

font-weight: 600;

margin-top: -4px;

padding-top: 27px;

color: #FFFFFF;

text-shadow: 0px 0;

}

.help {

font-style: italic;

margin-bottom: -35px;

}

.how-it-works {

margin-left: -124px;

padding-bottom: 0px;

padding-top: 0px;

margin-bottom: -68px;

margin-right: -28px;

}

.login-button-menu-bar {

background-color: #1DB954;

border-radius: 40px;

padding-top: 8px;

padding-right: 27px;

padding-left: 27px;

padding-bottom: 8px;

margin-left: 81px;

color: #FFFFFF;

font-weight: 600;

}

.login-button-2 {

margin-left: -775px;

}

.register-button-text-menu-bar {

width: 190px;

margin-top: -34px;

margin-left: 192px;

font-size: 18px;

font-weight: 400;

font-style: italic;

}

.faqs-button-text-menu-bar {

margin-top: -7px;

font-size: 29px;

margin-right: 136px;

font-style: italic;

color: #2499FB;

font-weight: 500;

}

.settings-button-text-menu-bar {

margin-top: -6px;

margin-right: -112px;

width: 30px;

}

.back-button-text-menu-bar {

width: 40px;

margin-right: 46px;

margin-top: -33px;

}

.line-text-menu-bar {

border: 2px solid rgba(36,153,251,1.00);

width: 0px;

min-width: 1200px;

padding-top: 0px;

margin-top: 26px;

margin-bottom: 5px;

text-shadow: 0 0;

}

.login-button-text {

text-align: center;

padding-top: 10px;

text-shadow: 0px 0px;

color: rgba(255,255,255,1.00);

font-size: 21px;

padding-bottom: 10px;

border-radius: 0;

margin-left: 3px;

}

hr {

margin-top: 39px;

margin-bottom: 54px;

border-top: 2px solid rgba(36,153,251,1.00);

min-width: 1200px;

}

.carousel {

margin-top: 20px;

padding-top: 36px;

}

.layer1 {

width: 1200px;

height: 332px;

background-color: rgba(253,224,224,1.00);

}

.main-container {

margin-top: -36px;

padding-top: 25px;

margin-bottom: 90px;

text-align: left;

margin-left: auto;

margin-right: auto;

min-height: 600px;

width: 1200px;

}

.todays-date-blue {

font-size: 30px;

color: #2E8CEB;

width: 153px;

padding-top: 0px;

margin-bottom: -16px;

padding-bottom: 3px;

margin-top: 11px;

margin-left: 27px;

}

.other-dates-strip {

font-size: 30px;

padding-left: 0px;

margin-right: -50px;

}

.top-header-text-hide {

color: #000000;

font-size: 32px;

margin-top: -40px;

height: 40px;

margin-bottom: 39px;

}

.eventify-top-logo {

margin-top: -45px;

margin-bottom: 8px;

}

.register-text-button {

color: #000000;

margin-left: 9px;

font-style: italic;

}

.faqs-main-container {

width: 1200px;

height: 1400px;

margin-bottom: 29px;

margin-top: 30px;

margin-left: auto;

margin-right: auto;

}

.map-1 {

width: 1200px;

height: 405px;

/* [disabled]background-color: #FE9596; */

margin-top: 26px;

}

.map-main-container {

width: 1200px;

height: 800px;

margin-left: auto;

margin-right: auto;

margin-top: -26px;

}

.carousel-2 {

margin-top: 12px;

margin-bottom: 49px;

}

.city-town-text {

width: 160px;

}

.login-container {

margin-top: -1px;

}

.login-main-container {

margin-top: 0px;

max-width: 1200px;

}

.main-container-advertising {

margin-top: 39px;

margin-left: 368px;

width: 244px;

}

.main-container-all-events {

margin-top: -50px;

}

.panel-box-size {

background-color: #FCB0B1;

height: 256px;

}

.join-now-button {

padding-top: 7px;

padding-bottom: 8px;

padding-right: 21px;

padding-left: 21px;

color: #2499FB;

margin-left: 4px;

font-size: 21px;

}

.hamburger-icon {

width: 38px;

margin-top: -35px;

}

.main-container-2 {

height: 950px;

width: 1200px;

margin-left: auto;

margin-right: auto;

margin-top: -42px;

}

@media (max-width:768px){

.eventify-top-logo {

margin-top: 89px;

margin-bottom: 13px;

}

.other-dates-strip {

margin-top: -3px;

}

.todays-date-blue {

margin-bottom: -19px;

margin-top: 54px;

}

.top-background {

padding-right: 0px;

padding-left: 0px;

margin-bottom: -222px;

background-repeat: repeat-x;

height: 267px;

background-image: -webkit-linear-gradient(270deg,rgba(3,115,209,1.00) 0%,rgba(255,255,255,1.00) 73.47%,rgba(255,255,255,1.00) 99.44%);

background-image: -moz-linear-gradient(270deg,rgba(3,115,209,1.00) 0%,rgba(255,255,255,1.00) 73.47%,rgba(255,255,255,1.00) 99.44%);

background-image: -o-linear-gradient(270deg,rgba(3,115,209,1.00) 0%,rgba(255,255,255,1.00) 73.47%,rgba(255,255,255,1.00) 99.44%);

background-image: linear-gradient(180deg,rgba(3,115,209,1.00) 0%,rgba(255,255,255,1.00) 73.47%,rgba(255,255,255,1.00) 99.44%);

}

@media (max-width:400px){

.eventify-top-logo {

margin-top: 10px;

}

.eventify-main-logo {

margin-bottom: 80px;

}

.top-background {

background-image: -webkit-linear-gradient(270deg,rgba(3,115,209,1.00) 0%,rgba(255,255,255,1.00) 61.16%);

background-image: -moz-linear-gradient(270deg,rgba(3,115,209,1.00) 0%,rgba(255,255,255,1.00) 61.16%);

background-image: -o-linear-gradient(270deg,rgba(3,115,209,1.00) 0%,rgba(255,255,255,1.00) 61.16%);

background-image: linear-gradient(180deg,rgba(3,115,209,1.00) 0%,rgba(255,255,255,1.00) 61.16%);

height: 373px;

}

.background-fade {

background-repeat: repeat-x;

}

Report · Dec 19, 2018

I think you missing a closing brace at the end of the '@media (max-width:768px); rules

Paul-M - Community Expert

Report · Dec 19, 2018

.header {
    height: 54px;
    min-width: 1200px;
    margin-top: -34px;
}
.main-container.login-main-container div {
    margin-left: -5px;
    margin-top: 10px;
}
.container {
    max-width: 1200px;
    margin-top: 6px;
}
.carousel3 {
    margin-top: 12px;
}
.backbutton {
    width: 58px;
    margin-top: -39px;
    color: rgba(36,153,251,1.00);
    font-size: 22px;
    font-style: italic;
    margin-right: -211px;
}
.back-button-text-menu-bar {
    width: 40px;
    margin-right: 46px;
    margin-top: -33px;
}
.nav-menu-bar {
    width: 100%;
    height: 38px;
    background-color: rgba(36,153,251,1.00);
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 24px;
}
body {
    margin: 0;
    /* [disabled]background-color: #949494; */
}
.eventify-main-logo {
    text-align: center;
    margin-top: -71px;
    min-height: 0px;
    max-height: 176px;
    visibility: visible;
}
.top-background {
    background-image: -webkit-linear-gradient(270deg,rgba(3,115,209,1.00) 0%,rgba(255,255,255,1.00) 79.19%,rgba(255,255,255,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(3,115,209,1.00) 0%,rgba(255,255,255,1.00) 79.19%,rgba(255,255,255,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(3,115,209,1.00) 0%,rgba(255,255,255,1.00) 79.19%,rgba(255,255,255,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(3,115,209,1.00) 0%,rgba(255,255,255,1.00) 79.19%,rgba(255,255,255,1.00) 100%);
    width: 100%;
    height: 200px;
    background-repeat: repeat-x;
}
.carousel {
    background-color: rgba(65,250,2,1.00);
    width: 1200px;
    height: 225px;
    text-align: center;
    margin-top: 12px;
}
.float-left {
    text-align: left;
}
.float-right {
    float: right;
}
.eventify-white-logo {
    width: 300px;
    margin-left: 231px;
    margin-top: -637px;
    padding-bottom: 16px;
}
.clear-the-float {
    clear: left;
    margin-left: 15px;
    margin-right: 0px;
    margin-top: -171px;
}
.todays-date {
    width: 10px;
    font-size: 30px;
    text-align: center;
    float: none;
}
.font {
    font-family: 'Fira Sans', sans-serif;
}
.top-text {
    text-align: center;
    font-size: 32px;
    font-weight: 600;
    margin-top: -4px;
    padding-top: 27px;
    color: #FFFFFF;
    text-shadow: 0px 0;
}
.help {
    font-style: italic;
    margin-bottom: -35px;
}
.how-it-works {
    margin-left: -124px;
    padding-bottom: 0px;
    padding-top: 0px;
    margin-bottom: -68px;
    margin-right: -28px;
}
.login-button-menu-bar {
    background-color: #1DB954;
    border-radius: 40px;
    padding-top: 8px;
    padding-right: 27px;
    padding-left: 27px;
    padding-bottom: 8px;
    margin-left: 81px;
    color: #FFFFFF;
    font-weight: 600;
}
.login-button-2 {
    margin-left: -775px;
}
.register-button-text-menu-bar {
    width: 190px;
    margin-top: -34px;
    margin-left: 192px;
    font-size: 18px;
    font-weight: 400;
    font-style: italic;
}
.faqs-button-text-menu-bar {
    margin-top: -7px;
    font-size: 29px;
    margin-right: 136px;
    font-style: italic;
    color: #2499FB;
    font-weight: 500;
}
.settings-button-text-menu-bar {
    margin-top: -6px;
    margin-right: -112px;
    width: 30px;
}
.back-button-text-menu-bar {
    width: 40px;
    margin-right: 46px;
    margin-top: -33px;
}
.line-text-menu-bar {
    border: 2px solid rgba(36,153,251,1.00);
    width: 0px;
    min-width: 1200px;
    padding-top: 0px;
    margin-top: 26px;
    margin-bottom: 5px;
    text-shadow: 0 0;
}
.login-button-text {
    text-align: center;
    padding-top: 10px;
    text-shadow: 0px 0px;
    color: rgba(255,255,255,1.00);
    font-size: 21px;
    padding-bottom: 10px;
    border-radius: 0;
    margin-left: 3px;
}
hr {
    margin-top: 39px;
    margin-bottom: 54px;
    border-top: 2px solid rgba(36,153,251,1.00);
    min-width: 1200px;
}
.carousel {
    margin-top: 20px;
    padding-top: 36px;
}
.layer1 {
    width: 1200px;
    height: 332px;
    background-color: rgba(253,224,224,1.00);
}
.main-container {
    margin-top: -36px;
    padding-top: 25px;
    margin-bottom: 90px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    min-height: 600px;
    width: 1200px;
}
.todays-date-blue {
    font-size: 30px;
    color: #2E8CEB;
    width: 153px;
    padding-top: 0px;
    margin-bottom: -16px;
    padding-bottom: 3px;
    margin-top: 11px;
    margin-left: 27px;
}
.other-dates-strip {
    font-size: 30px;
    padding-left: 0px;
    margin-right: -50px;
}
.top-header-text-hide {
    color: #000000;
    font-size: 32px;
    margin-top: -40px;
    height: 40px;
    margin-bottom: 39px;
}
.eventify-top-logo {
    margin-top: -45px;
    margin-bottom: 8px;
}
.register-text-button {
    color: #000000;
    margin-left: 9px;
    font-style: italic;
}
.faqs-main-container {
    width: 1200px;
    height: 1400px;
    margin-bottom: 29px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
}
.map-1 {
    width: 1200px;
    height: 405px;
    /* [disabled]background-color: #FE9596; */
    margin-top: 26px;
}
.map-main-container {
    width: 1200px;
    height: 800px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -26px;
}
.carousel-2 {
    margin-top: 12px;
    margin-bottom: 49px;
}
.city-town-text {
    width: 160px;
}
.login-container {
    margin-top: -1px;
}
.login-main-container {
    margin-top: 0px;
    max-width: 1200px;
}
.main-container-advertising {
margin-top: 39px;
margin-left: 368px;
width: 244px;
}
.main-container-all-events {
    margin-top: -50px;
}
.panel-box-size {
    background-color: #FCB0B1;
    height: 256px;
}
.join-now-button {
    padding-top: 7px;
    padding-bottom: 8px;
    padding-right: 21px;
    padding-left: 21px;
    color: #2499FB;
    margin-left: 4px;
    font-size: 21px;
}
.hamburger-icon {
    width: 38px;
    margin-top: -35px;
}
.main-container-2 {
    height: 950px;
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -42px;
}
@media (max-width:768px){
.eventify-top-logo {
    margin-top: 89px;
    margin-bottom: 13px;
}
.other-dates-strip {
    margin-top: -3px;
}
.todays-date-blue {
    margin-bottom: -19px;
    margin-top: 54px;
}
.top-background {
    padding-right: 0px;
    padding-left: 0px;
    margin-bottom: -222px;
    background-repeat: repeat-x;
    height: 267px;
    background-image: -webkit-linear-gradient(270deg,rgba(3,115,209,1.00) 0%,rgba(255,255,255,1.00) 73.47%,rgba(255,255,255,1.00) 99.44%);
    background-image: -moz-linear-gradient(270deg,rgba(3,115,209,1.00) 0%,rgba(255,255,255,1.00) 73.47%,rgba(255,255,255,1.00) 99.44%);
    background-image: -o-linear-gradient(270deg,rgba(3,115,209,1.00) 0%,rgba(255,255,255,1.00) 73.47%,rgba(255,255,255,1.00) 99.44%);
    background-image: linear-gradient(180deg,rgba(3,115,209,1.00) 0%,rgba(255,255,255,1.00) 73.47%,rgba(255,255,255,1.00) 99.44%);
}
} /* EXTRA CLOSING BRACE REQUIRED */
@media (max-width:400px){
.eventify-top-logo {
    margin-top: 10px;
}
.eventify-main-logo {
    margin-bottom: 80px;
}
.top-background {
    background-image: -webkit-linear-gradient(270deg,rgba(3,115,209,1.00) 0%,rgba(255,255,255,1.00) 61.16%);
    background-image: -moz-linear-gradient(270deg,rgba(3,115,209,1.00) 0%,rgba(255,255,255,1.00) 61.16%);
    background-image: -o-linear-gradient(270deg,rgba(3,115,209,1.00) 0%,rgba(255,255,255,1.00) 61.16%);
    background-image: linear-gradient(180deg,rgba(3,115,209,1.00) 0%,rgba(255,255,255,1.00) 61.16%);
    height: 373px;
}
}
.background-fade {
background-repeat: repeat-x;
}

Paul-M - Community Expert

Report · Dec 19, 2018

Thank you for having a look, but sadly it has made no difference.

I deleted all my CSS files and added a brand new one, and even that was is having the same issue, ie when you try to put a new .test into the Selector, the panel disappears when you are typing in it, or it won't allow you to type anything

I have reinstalled, but that makes no difference.

Not sure what to do 😞

Report · Dec 19, 2018

What version of Dreamweaver are you using?

Paul-M - Community Expert

Report · Dec 19, 2018

the latest version 9.0

Report · Dec 19, 2018

I have found the error its

I am using it to load another html file into a window layer when you click on the hamburger icon

When I delete this then the selector works fine. not sure why? as it was working fine a few weeks ago.

Report · Dec 19, 2018

A URL would be much more helpful for troubleshooting.

https://forums.adobe.com/people/tim+cross wrote
I have found the error its
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

I'm skeptical about that being the issue. A CDN hosted jQuery script that is properly inserted into your HTML document should not pose any problems unless you don't have Internet access.

Did you validate code and fix all reported errors?

Nancy O'Shea— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Report · Dec 19, 2018

Are you working on a local testing server?

Paul-M - Community Expert

Adobe Community

css file error