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

Changing from Fluid Grid Layout to non-FGL?

New Here ,
May 19, 2017 May 19, 2017

Copy link to clipboard

Copied

This is a followup to this question.

If i make a new page without Fluid Grid Layout, is there a way to copy/paste what I already have in my FGL page into it? I tried copy/pasting the code, but something's not working out and the images don't show. I don't have enough time to just start over.

I'm not sure if this is related, but in the FGL page the code for my divs is in a separate tab from the code for my CSS Styles, one is labeled Source Code and the other is labeled Untitled.css. The new page doesn't have separate tabs.

Views

218

Translate

Translate

Report

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

correct answers 1 Correct answer

Community Expert , May 20, 2017 May 20, 2017

By default FGLayout creates an external CSS file and adds a link to it inside your document's <head> tag.  This is called a dependent file.  Source code tab is your main document.  The CSS tab is your dependent file.

It's important to work in a defined local site folder otherwise the path to your assets will not be correctly mapped to your site.   Paths will point to assets on your local computer which nobody except you can see.

There's no shortcuts to creating web sites unless you use pre-built

...

Votes

Translate

Translate
Community Expert ,
May 20, 2017 May 20, 2017

Copy link to clipboard

Copied

LATEST

By default FGLayout creates an external CSS file and adds a link to it inside your document's <head> tag.  This is called a dependent file.  Source code tab is your main document.  The CSS tab is your dependent file.

It's important to work in a defined local site folder otherwise the path to your assets will not be correctly mapped to your site.   Paths will point to assets on your local computer which nobody except you can see.

There's no shortcuts to creating web sites unless you use pre-built templates or features like FGLayouts.  What do you learn from that?  Not much.   Shortcuts are fine AFTER you learn the fundamentals.   Until then, you should do every step on your own.   Expecially since you're earning a grade on this project.

Start with a basic HTML5 document.

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>XYZ Project Name</title>

</head>

<body>

     INSERT CONTENT HERE....

</body>

</html>

Add HTML5 tags to your <body> to hold your content.

<header> </header>

<nav> </nav>

<article></article>

and so on.....

Then create a CSS file and save it to your site folder.

     xyz_styelsheet.css

Add a link to it in your HTML <head> tag.

     <link rel="stylesheet" href="xyz_styesheet.css"/>

Save your main document.

EDIT:  You may copy text from your old project into the new one.  But I would avoid bringing the other code into your new document because it would just result in more of the same.

Nancy

Nancy O'Shea— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Votes

Translate

Translate

Report

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