Why does CSS tableless HTML pages Sucks when SAVE AS is given.When SAVED to your local system.

I recently tried to SAVE a few Adobe tutorial pages to my local systems and the entire pages sucks like hell.

The entire alignment changes and text size and font changes .

Why doesn’t the CSS and the images get attached when saved to your local system.

IS THIS THE BIG CSS TECHNOLOGY THE W3C is DRIVING.THEN I PITY THEM.

Have anybody noted this situation.

Why doesn’t it come properly.

I tried to SAVE a few galleries in CSS DRIVE.

http://etniesgirl.com/

http://troidus.com/

Can anybody tell what is this and how I can get the images and alignment correct when I Save to my local system.

Any message is appreciated.

I feel I am the first person to note this problem in the world.No where in the entire Internet I have read anybody complaining on this problem.

Hello Is there anybody out there who can solve this problem.

Lets start basic first. What Operating System are you using, and what browser? Anything more is a guess,

When saving a website through a browser, only the .html, .css, .js files and the images are saved. The images used in the css aren’t saved.

But why are you trying to save a website?? Just use “Show source” and learn!!

or.han - 28 May 2006 02:45 PM

But why are you trying to save a website?? Just use “Show source” and learn!!

Because, Mein Gott!!!! Ve Shall Prevail..!!!!

ell gestapo does he need a reason???

Specifically, matcher, your problem is, whether you have internet explorer or Mozilla Firefox, that you are clicking File>Save Page As, or Save As…, and when the dialog box/window comes up for you to save the file to a directory or folder, there is an drop down box near the bottom of the box/window and it has the option as saving a website as just the Web Page, HTML, which is default, or saving the Web Page, Complete, which includes all of the image files and all of the css documents which are generally separate from the html file.  If you have trouble in getting this to work, please ask for more assistance, and please tell us if you get it to work, that’d be appreciated.  Thanks.

Hi all,

I have 3 sets of doubts.

The first instance is when I see the website it online- http://www.etniesgirl.com(from CSS Drive galleries) .There is no problem

The second one is when I File>SaveAs to my local system.The enitre site alignment changes.Why I just don’t know??

The third is when I painstakingly “reattach” the CSS files using Attach Stylesheet from Dreamweaver and manually save all the background images to the local folder.This is the incomplete result.

My query to all of you-Is this the big CSS Technology .If suppose a a client of yours want an info of his own website in offline.Is this what he gets with a tableless CSS website.A broken set of pages with the entire alignment and everything gone

Why can’t CSS save the images along with it..Why should I have to reattach the stylesheet to get atleast the same look and feel.

Airtonix,I use IE6 browser and Windows XP Professional.

Webmaster Pete,When I File>SaveAs…........the Save As Type is Web Page, complete(*.htm,*.html).

I hope somebody can sort this issue.

matcher,

There is no issue that I found copying the file to the desktop of my computer and then changing the path to the css files and directory of the files I have.

It would appear that you need to study CSS and how it works. You do not need to attach the css style sheets, but instead you could post the css directly into the page if you wish using the <style> tag. I would suggest that you go to a site like http://www.w3.org/Style/CSS/ or a more user friendly http://www.alistapart.com to learn about the many wonderful ways to use CSS to help you create a dynamic site.

check the file names, directory names and paths (anything with spaces in it will give you problems). You will also need to download the css files unless you plan on linking directly to etniesgirl.com. here is the header of what it would look like if you renamed the saved page as index.html and changed the folder that you saved files to as girlfiles and put all the css files in css/ directory in the same directory as the index.html and girlfiles directory.

<head><title>Home page, etnies Girl</title>
<!—base href=“http://etniesgirl.com/”—>
<meta http-equiv=“content-type” content=“text/html; charset=iso-8859-1”>
<meta http-equiv=“Content-Language” content=“en-us”>
<meta name=“generator” content=“DudePress 2.0”>
<meta name=“MSSmartTagsPreventParsing” content=“true”>
<meta name=“robots” content=“index,follow”>
<meta http-equiv=“imagetoolbar” content=“false”>
<meta name=“author” content=“http://thecolab.com”>
<meta name=“Copyright” content=“Copyright (c) etnies”>
<meta name=“description” content=“Home page, etniesgirl 2.0”>
<meta name=“keywords” content=“etnies girl, skateboarding, shoes, footwear, sneakers, skate shoes, skateboarding shoes, Home page”>
<link rel=“alternate” type=“application/rss+xml” title=“etnies Girl News Feed” href=“http://etniesgirl.com/blog/feed.rss”>
<link rel=“Shortcut Icon” href=“http://etniesgirl.com/favicon.ico” type=“image/x-icon”>
<style type=“text/css” media=“screen”>@import “css/style.css”;</style>
<style type=“text/css” media=“screen”>@import “css/nav.css”;</style>
<style type=“text/css” media=“screen”>@import “css/lightbox.css”;</style>
<style type=“text/css” media=“screen”>@import “css/home.css”;</style>
<script type=“text/javascript” src=“girlfiles/Behaviour.js”></script>
<script type=“text/javascript” src=“girlfiles/functions.js”></script>
<script type=“text/javascript” src=“girlfiles/__utm.js”></script><script language=“JavaScript1.5”>_ujv=‘1.5’;</script>
<link rel=“prefetch” href=“http://etniesgirl.com/_dev/nav-bg.gif”>
<link rel=“prefetch” href=“http://etniesgirl.com/images/heroes/blog.gif”></head>

Hi all,

I must thank u dingobytes for a very good reply.Half of the problem is solved.Thanks.

But then I tried to save a few tutorials from http://www.adobe.com

Man, just File>Save As…...................

and anybody take a look at the Adobe pages…..........

U will go mad at the layout it gives when File>saving those pages.

Tableless CSS is really driving me mad….................

Hey!!! what is this….......earlier any <table layout>pages u could File >Save As…........But after this W3C standards Tableless CSS Designs came ............what the Hell is is this…........

Can anybody report this to higher -ups.

Anybody out there, just go to http://www.adobe.com and File>Save As to your local sysstem and just report to me if What You SEE online is What You Get when u File>Save As in to your local system.

Am I supposed to each time correct the file paths for CSS…......so is there no softwares or methods that can solve this problems

@matcher: I’m curious, why are you trying to save these websites?

Mr. Matcher,

You can “save as” old table-based web pages because the table tags are within the html document that you are “saving as”.  It is nice and convenient for you “save as” people.

I noticed that the IMPORTED CSS files do not “save as”.  They have tech reasons as to why they imported these files.

The nice thing about external files such as CSS, JS, JPG, GIF, SWF, etc, etc is that the webmaster can .htaccess them making them unavailable to anyone’s browser (for download).  Say for instance your web site has an image and someone hyperlinks to it from their web page.  The hyperlink can be cutoff or even redirect (you) to an obscure XXX site.

You are fortunate that the etnies girls didn’t .htaccess you to lala land for trying to “save as” their web page :).

Tables in table-based web pages serve 1 purpose, as you say, to align the layout.  That’s it.  That’s a lot of code to do a simple task.  CSS takes care of the layout, the style, the behavior, and more ....

I was a tables person back in the 1920’s as well.  I grabbed a cup of coffee, or two, or three, and hammered out CSS.  Today, I’m not even sure if I remember how to build a table!?!

You may have a dis-taste for CSS, however, me being an old-timer tables guy, you won’t convince me of your arguement.  CSS is good stuff.

CSS, in my experience, has saved me hours and hours of coding (over tables). That’s probably because tables have to be built.  CSS is cookie cutter.  If you did one, you save it as a master, and it can be used to work out most any layout you desire within minutes.

I’m not sure about your Adobe inquery!?!  However, the same applies, I would imagine.

If you really need to “save as”, you can rip the web site, instead, that is, if they don’t have portions of it blocked unaccessible.

Kind Regards and Good Luck,
Vladimir Toman