Integrate HTML and CSS view

134 views
Skip to first unread message

Lindsay Neece

unread,
Mar 28, 2016, 9:59:57 AM3/28/16
to floreysoft
Hey everyone! 

I am new to HTML editing and am designing a webpage for a college course. I downloaded the MDL webpage example from floreysoft and love how the html and css code can be viewed/edited in the same screen. How can I create a file (well, really I guess two files) that is setup the same way? 

Additionally, I have saved my HTML and CSS files in the same folder but can't get my style sheet to update on my HTML. Here is the code I have calling it:

<!DOCTYPE html>
<html>
<head>
<title> This is a simple title </title>
<link rel="stylesheet" type="text/css" media="screen" href="theme.css" />                  <<<-------------------What is wrong here? 
</head>
<body>
<h1>Introduction</h1>
<p> This is some text.


Thank you so much for your help!

Best, 
Lindsay

Shane Matthew

unread,
Apr 10, 2016, 4:15:27 PM4/10/16
to floreysoft
I'm having this issue as well, have you gotten it resolved yet? If so please tell me how; if not, you can just use a <style> </style> tag in your <head> </head> tag. 

So you can have something like this:

<!DOCTYPE html>
<html>
<head>
<title> This is a title </title>

 <style>
     body { 
    font-family: Tahoma, Geneva, sans-serif;
    align: right;
    background-color: #000;
    color: #BFBFBF;
}
 h1 {
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    color: #FFF;
}
 </style>
</head>
<body>
<h1> This is a header.</h1>
<p> This is the body </p>
</body>
</html>

Just put your css into your html if you haven't found a way to integrate the css and html files. Your link rel is correct in the sense of it being in Adobe Dreamweaver or in Notepad, I don't know about Editey though.

Daniel Florey

unread,
Apr 12, 2016, 5:11:31 AM4/12/16
to floreysoft GmbH
You'll have to right-click on the folder that contains your files and select "Open with Editey" to create a workspace and edit multiple files.

--
You received this message because you are subscribed to the Google Groups "floreysoft" group.
To unsubscribe from this group and stop receiving emails from it, send an email to floreysoft+...@googlegroups.com.
To post to this group, send email to flore...@googlegroups.com.
Visit this group at https://groups.google.com/group/floreysoft.
For more options, visit https://groups.google.com/d/optout.

Reply all
Reply to author
Forward
0 new messages