homepage Welcome to WebmasterWorld Guest from 54.145.191.14
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Pubcon Platinum Sponsor 2014
Home / Forums Index / Code, Content, and Presentation / HTML
Forum Library, Charter, Moderators: incrediBILL

HTML Forum

This 32 message thread spans 2 pages: 32 ( [1] 2 > >     
Responsive website opens in MS Expressions unformatted
marycontrary



 
Msg#: 4673678 posted 9:40 pm on May 22, 2014 (gmt 0)

Please bear with me, as I am new. I have imported a responsive HTML 5 website template into MS expressions 4, and it is unformatted, as if it were an open office or word document. Is there something the MS expressions does not support, as it opens in Bluegriffin just fine.

Please advise.

[edited by: incrediBILL at 7:57 pm (utc) on May 24, 2014]
[edit reason] typo [/edit]

 

incrediBILL

WebmasterWorld Administrator incredibill us a WebmasterWorld Top Contributor of All Time 5+ Year Member Top Contributors Of The Month



 
Msg#: 4673678 posted 11:22 pm on May 22, 2014 (gmt 0)

I sounds like the path to your CSS file, assuming you are using one, isn't correct for your local environment.

marycontrary



 
Msg#: 4673678 posted 11:34 pm on May 22, 2014 (gmt 0)

Thanks so much---it kinda seems like that. Can you give me some pointers as how I can get the path way fixed? I simply imported the template according to the instructions.

incrediBILL

WebmasterWorld Administrator incredibill us a WebmasterWorld Top Contributor of All Time 5+ Year Member Top Contributors Of The Month



 
Msg#: 4673678 posted 12:15 am on May 23, 2014 (gmt 0)

Give us more information about your file layout.

I'd have to know your local setup but if the files are in the same directory then using a relative path (just the file name) should work.

Otherwise, an absolute location of the file on the disk always works.

marycontrary



 
Msg#: 4673678 posted 12:48 am on May 23, 2014 (gmt 0)

C:\Users\DERF\Documents\My Web Sites\roxwellwaterhouse\red\html\css

I hope I have given you the right thing...lry mr know otherwise.

Again, this opens fine in Bluegriffin, but I would really like to get it to work in MS expressions because of the extra features.

Again, Thanks BILL

marycontrary



 
Msg#: 4673678 posted 4:43 pm on May 23, 2014 (gmt 0)

Any ideas?

lucy24

WebmasterWorld Senior Member lucy24 us a WebmasterWorld Top Contributor of All Time Top Contributors Of The Month



 
Msg#: 4673678 posted 7:22 pm on May 23, 2014 (gmt 0)

If you're testing locally, use relative links. Just remember to change them before you go live if there's any ../ involved. What does the html currently say?

When I saw the subject header, one of my thoughts was: If each external stylesheet is associated with a particular media form, and the UA doesn't identify itself with any of the named media, then no css will be loaded loaded. This probably isn't your situation, but do make sure there's a generic fallback.

You can get a free pseudo-server, install it on your personal computer, and then the site should look and behave exactly the same both local and live.

marycontrary



 
Msg#: 4673678 posted 5:54 pm on May 24, 2014 (gmt 0)

Thanks so much...I deeply regret that I do not understand your response. I am finding the same situation with blue griffon, some HTML5 templates work, and some are the non formatted, plain text display. The CSS files are right there. And it displays the same weird way in the browsers.

Can you reframe what you just said...I really want to understand this.

not2easy

WebmasterWorld Administrator 5+ Year Member Top Contributors Of The Month



 
Msg#: 4673678 posted 7:10 pm on May 24, 2014 (gmt 0)

If you are viewing these files on your computer using a program on your computer, you could use relative links for calling local files. That means the html file is in the same directory as your css file so you can use a relative link to load the file. "Relative" means the location of one file in relation to another file. "Absolute" links require everything from the top level directory that holds the folders where your files are.

The path you posted above for your css file points to a folder on your computer called /red/ and your css file is in a folder called /css/ that is in the /html/ folder and that may or may not be where your html file is trying to link to it. From that location if your html file is in the same /red/ directory but in the html folder you would use
<link rel="stylesheet" type="text/css" href="/css/filename.css"> to link to it.

If they are both in the same folder on your computer you can use a link which uses just the name of the file
<link rel="stylesheet" type="text/css" href="filename.css"> - keeping in mind to correct to the location where the file will be when you upload your files.

Basically, the idea is that links need to point to where the file actually is so they can work as expected. An unformatted page means that the css file isn't where the page is pointing to with its link for the css file.

lucy24

WebmasterWorld Senior Member lucy24 us a WebmasterWorld Top Contributor of All Time Top Contributors Of The Month



 
Msg#: 4673678 posted 7:53 pm on May 24, 2014 (gmt 0)

Y'know, I just got through searching for a moderator to point out a typo in the first post, and then I caught the typo in my own. A file does not have to be loaded loaded twice :(

There are three kinds of links:

relative links
stylesheet.css
../stylesheet.css
or, for that matter,
../../../styles/stylesheet.css
These forms are interpreted by the browser (or by any other program, such as a text editor, that has "web preview" functionality). Assuming your html document is
/dir1/dir2/dir3/dir4/filename.html
then the three links above would mean
/dir1/dir2/dir3/dir4/stylesheet.css
/dir1/dir2/dir3/stylesheet.css
/dir1/styles/stylesheet.css

absolute links:
http://www.example.com/styles/stylesheet.css
That form means what it looks like: "go out on the internet and find this URL". You'd never use it for links to supporting files on your own site. OK, almost never.

site-relative or site-absolute
(I've seen both forms and they mean the same thing)
/styles/stylesheet.css
This form only works on a server. Well, theoretically it would work on your local computer-- but only if you kept your files at the very top level of some directory (details depend on your operating system). On a server, it means
example.com/styles/stylesheet.css
no matter where the original html file is located. That's the magic of the leading slash. Use this form for files that don't move, for cross-directory links on your site, and for all links in error documents.

For this form to work on your local machine, you need to install a pseudo-server like MAMP, WAMP or, uhm, I forget what it's called in Linux but something tells me you're not a Linux person so that's OK. There are free forms of each one and they're easy to use. You can then make a local copy of your site that will look and behave exactly like the real thing, including haha server-side includes, php, htaccess (assuming Apache) and everything else you want. You probably won't do this if you have an ecommerce site with thousands of pages, but for anything smaller it's invaluable.

marycontrary



 
Msg#: 4673678 posted 2:35 pm on May 25, 2014 (gmt 0)

Got ya! Thanks! I am going to try to move the CSS files and see if this works. I will check back ASAP.

graeme_p

WebmasterWorld Senior Member 5+ Year Member



 
Msg#: 4673678 posted 6:36 am on May 26, 2014 (gmt 0)

WAMP is a real server - its just nicely packaged for development.

XAMPP is similar but is available for Windows, MacOS and Linux - although on Linux software installation is easier so its not really needed.

marycontrary



 
Msg#: 4673678 posted 6:14 pm on May 26, 2014 (gmt 0)

I cannot get the XAMPP to run the apache part...I have turned off UAC, so I am not sure what to do. Please advise. And thanks ahead of time.

marycontrary



 
Msg#: 4673678 posted 6:16 pm on May 26, 2014 (gmt 0)

Ah, I disabled SKYPE...got it running....will let you guys know.

marycontrary



 
Msg#: 4673678 posted 8:28 pm on May 26, 2014 (gmt 0)

OK, I have everything loaded into XAMPP---here is my file path

C:\xampp\htdocs\mytestwebsite\web\css

I tried replacing the path, but it didn't work---here is a little bit of the original code. Can you tell me how to configure the file path?


<!DOCTYPE HTML>
<html>
<head>
<title>Learner a education bootstrap Website Template | Home :: w3layouts</title>
<!-- Bootstrap -->
<link href="web/css/bootstrap.min.css" rel='stylesheet' type='text/css' />
<link href="web/css/bootstrap.css" rel='stylesheet' type='text/css' />
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.web/js/1.4.2/respond.min.js"></script>
<![endif]-->
<link href="web/css/style.css" rel="stylesheet" type="text/css" media="all" /

not2easy

WebmasterWorld Administrator 5+ Year Member Top Contributors Of The Month



 
Msg#: 4673678 posted 3:52 am on May 27, 2014 (gmt 0)

This is only the last one listed, the other two stylesheets linked have the same format though. (I hope the tag is closed on your page and the ">" just got left off in copy/paste) - but you still need the "/" at the start of your link like:
<link href="/web/css/style.css" rel="stylesheet" type="text/css" media="all">
and you can close it with > because html5 doesn't need the /> close tag as used in xhtml.

lucy24

WebmasterWorld Senior Member lucy24 us a WebmasterWorld Top Contributor of All Time Top Contributors Of The Month



 
Msg#: 4673678 posted 4:08 am on May 27, 2014 (gmt 0)

You don't really need "media='all'" either, since that's obviously the default. You also-- do as I say, not as I do-- don't need "type='text/css'" since as it turns out, no other kind of stylesheet ever came into use.

But the leading / is essential; it's the difference between a relative and a site-absolute link. This applies to pretty much all situations where a link could appear, whether it's in body html, a <head> section, or redirect directives in your htaccess file.

marycontrary



 
Msg#: 4673678 posted 12:04 pm on May 27, 2014 (gmt 0)

Guys, it just isn't working, no matter what I do. And other templates are not working, so it is definitely me doing something wrong

Here is another one

The css files are here:
C:\xampp\htdocs\mytestwebsite\css.css (there are a number of css files in this directory, this is just to show where it's at)

!DOCTYPE HTML>
<!--
Verti 2.5 by HTML5 UP
html5up.net | @n33co
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Verti by HTML5 UP</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,800" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=Oleo+Script:400" rel="stylesheet" type="text/css" />
<script src="js/jquery.min.js"></script>
<script src="js/config.js"></script>
<script src="js/skel.min.js"></script>
<script src="js/skel-panels.min.js"></script>
<noscript>
<link rel="stylesheet" href="css/skel-noscript.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/style-desktop.css" />
</noscript>
<!--[if lte IE 8]><script src="js/html5shiv.js"></script><link rel="stylesheet" href="css/ie8.css" /><![endif]-->
<!--[if lte IE 7]><link rel="stylesheet" href="css/ie7.css" /><![endif]-->
</head>
<body class="homepage">

<!-- Header Wrapper -->
<div id="header-wrapper">
<div class="container">
<div class="row">
<div class="12u">

<!-- Header -->
<header id="header">

<!-- Logo -->
<div id="logo">
<h1><a href="#" id="logo">Verti</a></h1>
<span>A responsive site template by HTML5 UP</span>
</div>

<!-- Nav -->
<nav id="nav">
<ul>
<li class="current_page_item"><a href="default.htm">Welcome</a></li>
<li><a href="left-sidebar.html">Left Sidebar</a></li>
<li><a href="right-sidebar.html">Right Sidebar</a></li>
<li><a href="no-sidebar.html">No Sidebar</a></li>
</ul>
</nav>

</header>

</div>
</div>
</div>
</div>

<!-- Banner Wrapper -->
<div id="banner-wrapper">
<div class="container">
<div class="row">
<div class="12u">

<!-- Banner -->
<div id="banner" class="box">

<div>
<div class="row">
<div class="7u">
<h2>Hi. This is Verti.</h2>
<p>It's a free responsive HTML5 site template by HTML5 UP</p>
</div>
<div class="5u">
<ul>
<li><a href="#" class="button big fa fa-arrow-circle-right">Ok let's go</a></li>
<li><a href="#" class="button alt big fa fa-question-circle">More info</a></li>
</ul>
</div>
</div>
</div>

</div>

</div>
</div>
</div>
</div>

<!-- Features Wrapper -->
<div id="features-wrapper">
<div class="container">
<div class="row">
<div class="4u">

<!-- Box -->
<section class="box box-feature">
<a href="#" class="image image-full"><img src="images/pic01.jpg" alt="" /></a>
<div class="inner">
<header>
<h2>Put something here</h2>
<span class="byline">Maybe here as well I think</span>
</header>
<p>You can put all kinds of stuff here, though Iím not sure what. Maybe a
little bit about one of those things you do thatís so cool?</p>
</div>
</section>

</div>
<div class="4u">

<!-- Box -->
<section class="box box-feature">
<a href="#" class="image image-full"><img src="images/pic02.jpg" alt="" /></a>
<div class="inner">
<header>
<h2>An interesting title</h2>
<span class="byline">This is also an interesting subtitle</span>
</header>
<p>You can put all kinds of stuff here, though Iím not sure what. Maybe a
little bit about one of those things you do thatís so cool?</p>
</div>
</section>

</div>
<div class="4u">

<!-- Box -->
<section class="box box-feature last">
<a href="#" class="image image-full"><img src="images/pic03.jpg" alt="" /></a>
<div class="inner">
<header>
<h2>Oh, and finally ...</h2>
<span class="byline">Here's another intriguing subtitle</span>
</header>
<p>You can put all kinds of stuff here, though Iím not sure what. Maybe a
little bit about one of those things you do thatís so cool?</p>
</div>
</section>

</div>
</div>
</div>
</div>

<!-- Main Wrapper -->
<div id="main-wrapper">
<div class="container">
<div class="row">
<div class="4u">

<!-- Sidebar -->
<div id="sidebar">
<section class="widget-thumbnails">
<h3>More free stuff</h3>
<div class="grid">
<div class="row no-collapse half">
<div class="6u"><a href="http://html5up.net/minimaxing/" class="image image-full"><img src="images/pic04.jpg" alt="" /></a></div>
<div class="6u"><a href="http://html5up.net/halcyonic/" class="image image-full"><img src="images/pic05.jpg" alt="" /></a></div>
</div>
<div class="row no-collapse half">
<div class="6u"><a href="http://html5up.net/arcana/" class="image image-full"><img src="images/pic06.jpg" alt="" /></a></div>
<div class="6u"><a href="http://html5up.net/zerofour/" class="image image-full"><img src="images/pic07.jpg" alt="" /></a></div>
</div>
</div>
<a href="http://html5up.net/" class="button fa fa-file-text-o">More</a>
</section>
</div>

</div>
<div class="8u">

<!-- Content -->
<div id="content">
<section class="last">
<h2>So what's this all about?</h2>
<p>This is Verti, a free and fully responsive HTML5 site template by <a href="#">HTML5 UP</a>
Itís built on <a href="http://skeljs.org">skelJS</a>, which means itís easy to customize and works very nicely on mobile devices
(try it for yourself -- just size down your browser window). Like everything else at HTML5 UP,
Verti is released under the <a href="#">Creative Commons Attribution license</a>, so feel free to use it for
pretty much anything you want (be it a personal project or a commercial venture), just donít
forget to credit us!</p>
<p>Like what you see here? Click the hugeass button below to see more of our work:</p>
<a href="http://html5up.net/" class="button fa fa-arrow-circle-right">More @ HTML5 UP</a>
</section>
</div>

</div>
</div>
</div>
</div>

graeme_p

WebmasterWorld Senior Member 5+ Year Member



 
Msg#: 4673678 posted 12:48 pm on May 27, 2014 (gmt 0)

Try viewing the source in a browser and clicking on the css URLs.

marycontrary



 
Msg#: 4673678 posted 1:05 pm on May 27, 2014 (gmt 0)

Thanks...I did and here is what I got (no design, just source code)

@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: local('Open Sans Light'), local('OpenSans-Light'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 800;
src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/EInbV5DfGHOiMmvb1Xr-hnhCUOGz7vYGh680lGh-uXM.woff) format('woff')

not2easy

WebmasterWorld Administrator 5+ Year Member Top Contributors Of The Month



 
Msg#: 4673678 posted 2:47 pm on May 27, 2014 (gmt 0)

OK, you are viewing your .css file, not the html file. Open a browser and go to the /mytestwebsite/ folder and try opening the html page there.

drhowarddrfine

WebmasterWorld Senior Member 5+ Year Member



 
Msg#: 4673678 posted 2:57 pm on May 27, 2014 (gmt 0)

That is for your fonts, not your CSS stylesheets.

Go to your site. Click on "View Source" in the browser or hit Ctrl-u. Copy the first few lines of the source and post them here.

marycontrary



 
Msg#: 4673678 posted 6:17 pm on May 27, 2014 (gmt 0)

Again, thanks to you folks for sticking with me!

Yes, I have done that repeatedly--all I get is unformatted page that looks as though it was composed in a Word or Open office document. No styling, no pics.

<!DOCTYPE HTML>
<!--
Verti 2.5 by HTML5 UP
html5up.net | @n33co
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Verti by HTML5 UP</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,800" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=Oleo+Script:400" rel="stylesheet" type="text/css" />
<script src="js/jquery.min.js"></script>
<script src="js/config.js"></script>
<script src="js/skel.min.js"></script>
<script src="js/skel-panels.min.js"></script>
<noscript>
<link rel="stylesheet" href="css/skel-noscript.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/style-desktop.css" />
</noscript>
<!--[if lte IE 8]><script src="js/html5shiv.js"></script><link rel="stylesheet" href="css/ie8.css" /><![endif]-->
<!--[if lte IE 7]><link rel="stylesheet" href="css/ie7.css" /><![endif]-->
</head>
<body class="homepage">

<!-- Header Wrapper -->
<div id="header-wrapper">
<div class="container">
<div class="row">
<div class="12u">

<!-- Header -->
<header id="header">

<!-- Logo -->
<div id="logo">
<h1><a href="#" id="logo">Verti</a></h1>
<span>A responsive site template by HTML5 UP</span>
</div>

<!-- Nav -->
<nav id="nav">
<ul>
<li class="current_page_item"><a href="index.html">Welcome</a></li>
<li><a href="left-sidebar.html">Left Sidebar</a></li>
<li><a href="right-sidebar.html">Right Sidebar</a></li>
<li><a href="no-sidebar.html">No Sidebar</a></li>
</ul>
</nav>

</header>

</div>
</div>
</div>
</div>

<!-- Banner Wrapper -->
<div id="banner-wrapper">
<div class="container">
<div class="row">
<div class="12u">

<!-- Banner -->
<div id="banner" class="box">

<div>
<div class="row">
<div class="7u">
<h2>Hi. This is Verti.</h2>
<p>It's a free responsive HTML5 site template by HTML5 UP</p>
</div>
<div class="5u">
<ul>
<li><a href="#" class="button big fa fa-arrow-circle-right">Ok let's go</a></li>
<li><a href="#" class="button alt big fa fa-question-circle">More info</a></li>
</ul>
</div>
</div>
</div>

</div>

</div>
</div>
</div>
</div>

<!-- Features Wrapper -->
<div id="features-wrapper">
<div class="container">
<div class="row">
<div class="4u">

<!-- Box -->
<section class="box box-feature">
<a href="#" class="image image-full"><img src="images/pic01.jpg" alt="" /></a>
<div class="inner">
<header>
<h2>Put something here</h2>
<span class="byline">Maybe here as well I think</span>
</header>
<p>You can put all kinds of stuff here, though Iím not sure what. Maybe a
little bit about one of those things you do thatís so cool?</p>
</div>
</section>

</div>
<div class="4u">

<!-- Box -->
<section class="box box-feature">
<a href="#" class="image image-full"><img src="images/pic02.jpg" alt="" /></a>
<div class="inner">
<header>
<h2>An interesting title</h2>
<span class="byline">This is also an interesting subtitle</span>
</header>
<p>You can put all kinds of stuff here, though Iím not sure what. Maybe a
little bit about one of those things you do thatís so cool?</p>
</div>
</section>

</div>
<div class="4u">

<!-- Box -->
<section class="box box-feature last">
<a href="#" class="image image-full"><img src="images/pic03.jpg" alt="" /></a>
<div class="inner">
<header>
<h2>Oh, and finally ...</h2>
<span class="byline">Here's another intriguing subtitle</span>
</header>
<p>You can put all kinds of stuff here, though Iím not sure what. Maybe a
little bit about one of those things you do thatís so cool?</p>
</div>
</section>

</div>
</div>
</div>
</div>

<!-- Main Wrapper -->
<div id="main-wrapper">
<div class="container">
<div class="row">
<div class="4u">

<!-- Sidebar -->
<div id="sidebar">
<section class="widget-thumbnails">
<h3>More free stuff</h3>
<div class="grid">
<div class="row no-collapse half">
<div class="6u"><a href="http://html5up.net/minimaxing/" class="image image-full"><img src="images/pic04.jpg" alt="" /></a></div>
<div class="6u"><a href="http://html5up.net/halcyonic/" class="image image-full"><img src="images/pic05.jpg" alt="" /></a></div>
</div>
<div class="row no-collapse half">
<div class="6u"><a href="http://html5up.net/arcana/" class="image image-full"><img src="images/pic06.jpg" alt="" /></a></div>
<div class="6u"><a href="http://html5up.net/zerofour/" class="image image-full"><img src="images/pic07.jpg" alt="" /></a></div>
</div>
</div>
<a href="http://html5up.net/" class="button fa fa-file-text-o">More</a>
</section>
</div>

</div>
<div class="8u">

<!-- Content -->
<div id="content">
<section class="last">
<h2>So what's this all about?</h2>
<p>This is Verti, a free and fully responsive HTML5 site template by <a href="#">HTML5 UP</a>
Itís built on <a href="http://skeljs.org">skelJS</a>, which means itís easy to customize and works very nicely on mobile devices
(try it for yourself -- just size down your browser window). Like everything else at HTML5 UP,
Verti is released under the <a href="#">Creative Commons Attribution license</a>, so feel free to use it for
pretty much anything you want (be it a personal project or a commercial venture), just donít
forget to credit us!</p>
<p>Like what you see here? Click the hugeass button below to see more of our work:</p>
<a href="http://html5up.net/" class="button fa fa-arrow-circle-right">More @ HTML5 UP</a>
</section>
</div>

</div>
</div>
</div>
</div>

<!-- Footer Wrapper -->
<div id="footer-wrapper">
<footer id="footer" class="container">
<div class="row">
<div class="3u">

<!-- Links -->
<section class="widget-links">
<h2>Random Stuff</h2>
<ul class="style2">
<li><a href="#">Etiam feugiat condimentum</a></li>
<li><a href="#">Aliquam imperdiet suscipit odio</a></li>
<li><a href="#">Sed porttitor cras in erat nec</a></li>
<li><a href="#">Felis varius pellentesque potenti</a></li>
<li><a href="#">Nullam scelerisque blandit leo</a></li>
</ul>
</section>

</div>
<div class="3u">

<!-- Links -->
<section class="widget-links">
<h2>Random Stuff</h2>
<ul class="style2">
<li><a href="#">Etiam feugiat condimentum</a></li>
<li><a href="#">Aliquam imperdiet suscipit odio</a></li>
<li><a href="#">Sed porttitor cras in erat nec</a></li>
<li><a href="#">Felis varius pellentesque potenti</a></li>
<li><a href="#">Nullam scelerisque blandit leo</a></li>
</ul>
</section>

</div>
<div class="3u">

<!-- Links -->
<section class="widget-links">
<h2>Random Stuff</h2>
<ul class="style2">
<li><a href="#">Etiam feugiat condimentum</a></li>
<li><a href="#">Aliquam imperdiet suscipit odio</a></li>
<li><a href="#">Sed porttitor cras in erat nec</a></li>
<li><a href="#">Felis varius pellentesque potenti</a></li>
<li><a href="#">Nullam scelerisque blandit leo</a></li>
</ul>
</section>

</div>
<div class="3u">

<!-- Contact -->
<section class="widget-contact last">
<h2>Contact Us</h2>
<ul>
<li><a href="#" class="fa fa-twitter solo"><span>Twitter</span></a></li>
<li><a href="#" class="fa fa-facebook solo"><span>Facebook</span></a></li>
<li><a href="#" class="fa fa-dribbble solo"><span>Dribbble</span></a></li>
<li><a href="#" class="fa fa-google-plus solo"><span>Google+</span></a></li>
</ul>
<p>1234 Fictional Road Suite #5432<br />
Nashville, Tennessee 00000-0000<br />
(800) 555-0000</p>
</section>

</div>
</div>
<div class="row">
<div class="12u">
<div id="copyright">
&copy; Untitled. All rights reserved. | Images: <a href="http://fotogrph.com/">fotogrph</a> | Design: <a href="http://html5up.net/">HTML5 UP</a>
</div>
</div>
</div>
</footer>
</div>

</body>

marycontrary



 
Msg#: 4673678 posted 8:23 pm on May 27, 2014 (gmt 0)

Holy heck! I downloaded OpenElements (another well regarded freeware WYSIWYG) and these babies are appearing to open right up. Will update, folks.

drhowarddrfine

WebmasterWorld Senior Member 5+ Year Member



 
Msg#: 4673678 posted 8:42 pm on May 27, 2014 (gmt 0)

Put a slash in front of the css and js directories and see what happens. Remove the ending slash (cause there is no ending slash for link tags in HTML).

<link rel="stylesheet" href="/css/skel-noscript.css">

marycontrary



 
Msg#: 4673678 posted 10:01 pm on May 27, 2014 (gmt 0)

Well, I lied about the OpenElements....not true

Drhoward, I will try that. Thanks!

marycontrary



 
Msg#: 4673678 posted 8:12 pm on May 28, 2014 (gmt 0)

OK! I think I figured it out. I did not know that these WYSIWYG programs did not automatically attach style sheets that are included in the download.

Now...MS expressions has an attach style sheet function...duh! Just attach the sheets that are in there. Blue griffon has an addon style sheet thingy that you have to pay a few bucks for.

I think I have it all figured out. Maybe.

lucy24

WebmasterWorld Senior Member lucy24 us a WebmasterWorld Top Contributor of All Time Top Contributors Of The Month



 
Msg#: 4673678 posted 11:04 pm on May 28, 2014 (gmt 0)

Why don't you ditch the editors and open the files in your browser? That will give a better idea of what's really there.

drhowarddrfine

WebmasterWorld Senior Member 5+ Year Member



 
Msg#: 4673678 posted 3:54 am on May 29, 2014 (gmt 0)

Lucy is right. They would have to pay me to use either of those programs.

marycontrary



 
Msg#: 4673678 posted 12:54 pm on May 29, 2014 (gmt 0)

I have, using Xampp....but the CSS files would not open, at lease I am getting files to open properly.

When I get more proficient at this stuff, I will ditch the WYSIWYG, but I am just to weak in my skills to full rely on this yet. Training bra.

This 32 message thread spans 2 pages: 32 ( [1] 2 > >
Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / HTML
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved