New Participant

Answered

Dreamweaver Output Error bug.

Forum|Forum|6 years ago
March 17, 2019
2 replies
6033 views

I believe I found a bug in Dreamweaver CC. I get an output error when using some CSS markup for 'grid-template-columns' and 'grid-template-rows'. It says that both lines expect a 'RBRACE', however, I've used this code before in other instances and the error doesn't pop up. Is posting this issue to the forums a way to alert the development team? Below is my HTML and CSS.

HTML

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Test Page</title>
<link rel="stylesheet" href="css/styles.css">
</head>

<body>
<header>
<nav>
   <a href="#">Home</a>
   <a href="#">About</a>
   <a href="#">Events</a>
   <a href="#">Contact</a>
</nav>
</header>
<main>
<section id="intro">
   <div>Testing</div>
</section>
</main>
</body>
</html>

CSS

@charset "utf-8";

/* CSS Document */

body {

background-color: black;

color: white;

margin: 0 auto;

}

nav {

display: flex;

justify-content: space-around;

background-color: darkred;

}

nav a {

color: white; padding: 10px;

}

#intro {

display: grid;

grid-template-columns: repeat(12, 1fr);

grid-template-rows: repeat(3, 1fr);

height: 90vh; background-color: #202020;

}

#intro div {

grid-column: 1 / 5;

grid-row: 2;

background-color:red;

}

This topic has been closed for replies.

Correct answer Nancy OShea

Submit bug reports from your Help Menu. This is a user-to-user forum.

I cannot reproduce your issues in CC 2019. This code does not flag any errors or warnings for me. That said, a missing right brace is often caused by an unclosed media query higher up in the document or some other code error. Validate your complete CSS code with this online service.

The W3C CSS Validation Service


<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>TEST</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
background-color: black;
color: white;
margin: 0 auto;
}
nav {
display: flex;
justify-content: space-around;
background-color: darkred;
}
nav a {
color: white;
padding: 10px;
}
#intro {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-template-rows: repeat(3, 1fr);
height: 90vh;
background-color: #202020;
}
#intro div {
grid-column: 1 / 5;
grid-row: 2;
background-color: red;
}
</style>
</head>
<body>
<header>
<nav> 
<a href="#">Home</a> 
<a href="#">About</a> 
<a href="#">Events</a> 
<a href="#">Contact</a> 
</nav>
</header>
<main>
<section id="intro">
<div>Testing</div>
</section>
</main>
</body>
</html>

Jon Fritz

Community Expert

Is that the entire code of your css file?

The "expected brace" error can come from a lot of different things, and can show up in positions that have nothing to do with the actual error in the code.

S

steven@cigar.agency

New Participant

hello, I got the same error on "grid-template-columns: repeat(3, 1fr);"

the use of "1fr" gives the error?

B i r n o u

Community Expert

Hi Paula,

I am not sure as to what the team will be providing by way of a roadmap but they have asked me to wait until next week for the official communication. I will share it here as soon as I hear from them.

Thanks,

Preran

Hello Preran,

Any news since our last conversation ?

Do you think there is a chance that a real exchange can be opened with the people in charge of Dreamweaver (PM but not that, I am also thinking of the person in charge of the web suite in general, decision-makers in terms of orientation in terms of tools for the web @Adobe...)

as Paula mentioned, I don't think a Roadmap is of any interest.

Dreamweaver is no longer a tool like the Dreamweaver flagship of the Macromedia fleet used to be. It is really time, now (if it is not too later) to rethink its orientations, its usefulness, and its positioning in the face of innumerable competition of tools, whether it is IDE, integrated tool (on or offline) and editor code.

so do you think such a discussion could take place?

Anyway, take good care, have a pleasant day and sorry for such pressure...

birnou

Nancy OSheaCorrect answer

Community Expert

Submit bug reports from your Help Menu. This is a user-to-user forum.

I cannot reproduce your issues in CC 2019. This code does not flag any errors or warnings for me. That said, a missing right brace is often caused by an unclosed media query higher up in the document or some other code error. Validate your complete CSS code with this online service.

The W3C CSS Validation Service


<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>TEST</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
background-color: black;
color: white;
margin: 0 auto;
}
nav {
display: flex;
justify-content: space-around;
background-color: darkred;
}
nav a {
color: white;
padding: 10px;
}
#intro {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-template-rows: repeat(3, 1fr);
height: 90vh;
background-color: #202020;
}
#intro div {
grid-column: 1 / 5;
grid-row: 2;
background-color: red;
}
</style>
</head>
<body>
<header>
<nav> 
<a href="#">Home</a> 
<a href="#">About</a> 
<a href="#">Events</a> 
<a href="#">Contact</a> 
</nav>
</header>
<main>
<section id="intro">
<div>Testing</div>
</section>
</main>
</body>
</html>

Nancy O'Shea— Product User & Community Expert

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded