Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

css file error

Explorer ,
Dec 19, 2018 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;

}

621
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Dec 19, 2018 Dec 19, 2018

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

Paul-M - Community Expert
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Dec 19, 2018 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
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Dec 19, 2018 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 😞

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Dec 19, 2018 Dec 19, 2018

What version of Dreamweaver are you using?

Paul-M - Community Expert
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Dec 19, 2018 Dec 19, 2018

the latest version 9.0

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Dec 19, 2018 Dec 19, 2018

I have found the error its

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

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.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Dec 19, 2018 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
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Dec 19, 2018 Dec 19, 2018
LATEST

Are you working on a local testing server?

Paul-M - Community Expert
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines