Css and html issue with classes

Question

I am trying to make a website for school about gothic cathedrals, and can not get the css class to work. I am trying to make a menu on the side of the page that will stay in the same position, and just typed 'hi' to test it. Nothing I have looked up is working and it would be greatly appreciated if someone could tell me what I'm doing wrong.

<html type = "text/css">
<head>
<script>
div.mydiv {
color: red;
position: fixed;
left: 0;
top: 200px; /* 200px from top */
}
</script>
<title>
Cathedral Project
</title>
</head>
<body>
<h1>
<marquee behavior = "alternate" style = "background-color:#828180" scrolldelay = "1">
<a href="https://be43ada9-a-cc17453e-s-sites.googlegroups.com/a/sau41.org/stephen-capraro/home/funny_3.jpg?attachauth=ANoY7cq6T-NPJuhfXWPCNobXQS33pGhZw8uo_BhUpozRiCu8JFK7_dWd6B-92bckzc8_3Vj9lQMh7jCL0mBVR-tYYg0LgIIx7yPZqbme0G-oKcRVfyd_GPuRrTtCuOT2wRhByl-QVpqrpa12yk5xqG9bluTqdQEyRgeMPCnz3mpcdjV9xKzoWOLUg2vCrGscyxdz84kFwm0hDZlH0I4LhEZZioG4kLd-fQ%3D%3D&attredirects=0" target="_blank"> <img src="gothic.jpg"> </a>
</marquee>
</h1>
<div class="mydiv">hi
</div>

</body>
</html>

<marquee> is a very old tag that was never standardized and won't work in many modern browsers. Just an FYI — LoveAndCoding
– LoveAndCoding, Commented Apr 11, 2014 at 22:44
Why <html type = "text/css">? It's HTML not CSS, so no need to "declare" it. Get rid of the type = "text/css". Also make sure you're declaring the doctype. — Idris
– Idris, Commented Apr 11, 2014 at 22:47

LoveAndCoding · Accepted Answer · 2014-04-11 22:43:10Z

2

Currently your css is in a <script> tag. It needs to be in a <style> tag. It should look like this:

<style type="text/css">
    .mydiv { /* styles go here */ }
</style>

answered Apr 11, 2014 at 22:43

LoveAndCoding

7,9473 gold badges34 silver badges55 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Idris Over a year ago

Also avoid using CSS within an element or HTML document. Always try to use an external one like so <link rel="stylesheet" href="style.css">

Kraang Prime · Accepted Answer · 2014-04-11 22:44:15Z

0

Change

<script>
div.mydiv {
color: red;
position: fixed;
left: 0;
top: 200px; /* 200px from top */
}
</script>

To

<style>
div.mydiv {
color: red;
position: fixed;
left: 0;
top: 200px; /* 200px from top */
}
</style>

answered Apr 11, 2014 at 22:44

Kraang Prime

10.6k11 gold badges66 silver badges133 bronze badges

Comments

Dryden Long · Accepted Answer · 2014-04-11 22:48:10Z

0

You place your CSS code in the <style type="text/css"></style> tag, not in the <script></script> tag.

And it would be great for you if you indent the code, it will help you not making silly errors like missing the tags.

edited Apr 11, 2014 at 22:48

Dryden Long

10.2k2 gold badges38 silver badges48 bronze badges

answered Apr 11, 2014 at 22:45

Abdussami Tayyab

1472 silver badges13 bronze badges

Collectives™ on Stack Overflow

Css and html issue with classes

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related