CSS question for Web Developers

[spencerdidyrmom]

Totally random but I know someone here has to have the answer:

I need a web page that will allow me to upload an existing CSS file and get a preview of what every tag will look like. I had a link to one before but I have since lost it and Google is being zero help right now.

Any help you guys and girls have would be greatly appreciated. Thanks!

[KingMob]

http://www.javascriptkit.com/script/script2/csstopmenu.shtml

?

[spencerdidyrmom]

Not quite, but thanks.

[KingMob]

Not quite, but thanks.

:lol:

[KingMob]

http://fundisom.com/live_preview.html

[KingMob]

if that doesnt work for you either i'm an idiot or am misreading what you want.

[spencerdidyrmom]

No, that's almost what I want. I want to take a styles.css file and get a preview of what every tag looks like. I once found a site where you would upload the file and then it would output a line of text that read "This is what this CSS tag looks like" formatting to the tag's characteristics with the name of the class or id above it.

Essentially, it would take a .css file with nothing but tags like this:

#body {
width: 100%;
background: url('img/container_bg3.gif') top center repeat-y;}
#body_wm {
width: 100%;
background: url('img/container_bg_wm.gif') top center repeat-y;}
#home tr td {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000;
}

And give me a sample sentence for every tag formatted to the specific tag. I have 3 files with 50 to 100 tags that I need to preview.

Make sense?

[TheTravis!]

Since most CSS sheets are laden with class specific tags, I can't imagine such a thing would be useful to anyone who wasn't using excessively simplistic code.

[KingMob]

No, that's almost what I want. I want to take a styles.css file and get a preview of what every tag looks like. I once found a site where you would upload the file and then it would output a line of text that read "This is what this CSS tag looks like" formatting to the tag's characteristics with the name of the class or id above it.

Essentially, it would take a .css file with nothing but tags like this:

#body {
width: 100%;
background: url('img/container_bg3.gif') top center repeat-y;}
#body_wm {
width: 100%;
background: url('img/container_bg_wm.gif') top center repeat-y;}
#home tr td {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000;
}

And give me a sample sentence for every tag formatted to the specific tag. I have 3 files with 50 to 100 tags that I need to preview.

Make sense?

cant you just take it and open in up in filezilla then?

[spencerdidyrmom]

I'm trying to use already generated .css tags for a new page I'm building without having to create new ones or go through 150+ tags across 3 pages. If I could preview what each existing tag would look like, I could pick the one that I need and move on. Just trying to stay within the confines of what came before me.

[spencerdidyrmom]

If Filezilla will show me a sample of what tag looks like, yes. I've only used Filezilla for FTP upload though so I'm not sure if it can do that or not.

[s.oliver]

spencerdidyrmom:

I'd use the "inspect" tool of Firebug (a Firefox addon) which shows you all lines of CSS
that relate to whatever you point at.

[Edit:] Oh, and if I remember correctly, the CSSValidator software had a line-by-line
display for all tags that related to visible page layout. That one would be for off-line
use though.

[Another Edit:] TopStyle (http://www.newsgator.com/individuals/topstyle/default.aspx) was the name.

[spencerdidyrmom]

spencerdidyrmom:

I'd use the "inspect" tool of Firebug (a Firefox addon) which shows you all lines of CSS
that relate to whatever you point at.

That would work but what I'm looking for is much more useful for what I need. I'll give it a shot in the mean time as it appears to be the best solution for now. Thanks, man.

[Jef UK]

What does Cansei de ser Sexy have to do with web developing?

[KingMob]

If Filezilla will show me a sample of what tag looks like, yes. I've only used Filezilla for FTP upload though so I'm not sure if it can do that or not.

oh shit, not filezilla, editpad pro

look at this

http://www.editpadpro.com/

[s.oliver]

http://www.editpadpro.com/

Nothing against Editpad Pro - it's my weapon of choice for everything script-
related and I'm a paid-up user (*plug* very, very moderate fee for an insanely
versatile utility *plug*) for almost ten years now - but it is essentially a text
editor; how could it be a help with CSS tag preview?

[KingMob]

Nothing against Editpad Pro - it's my weapon of choice for everything script-
related and I'm a paid-up user (*plug* very, very moderate fee for an insanely
versatile utility *plug*) for almost ten years now - but it is essentially a text
editor; how could it be a help with CSS tag preview?

I dont know! I only took one class on the subject and we never covered css I'm trying to play smart. Web dev isnt really my thing. :lol:

[s.oliver]

I dont know! I only took one class on the subject and we never covered css I'm trying to play smart. Web dev isnt really my thing. :lol:

You sold it well, though. :)

[KingMob]

You sold it well, though. :)

I find that every time I try to help even if I'm wrong I learn the correct answer therefore I win.

[spencerdidyrmom]

http://www.oswt.co.uk/developments/style_sheet_viewer/

This is what I'm talking about. Upload your .css file and get a preview of what every tag looks like. Great tool if you're dealing with pre-existing tags.

[KingMob]

http://www.oswt.co.uk/developments/style_sheet_viewer/

This is what I'm talking about. Upload your .css file and get a preview of what every tag looks like. Great tool if you're dealing with pre-existing tags.

well shit, I know what that is :lol:

style sheets yeah!

[s.oliver]

http://www.oswt.co.uk/developments/style_sheet_viewer/

Nice, thanks for the link. Maybe try that TopStyle Lite or the TopStyle
demo if that turns out to not be enough (I edited my original post).

[spencerdidyrmom]

I'll definitely give it a shot. I don't use Firefox that much simply because everything we code here has to be formatted for IE so I just use IE for everything to keep it easier. I'm sure I can find a use for it at home though.

[s.oliver]

I'll definitely give it a shot. I don't use Firefox that much simply because everything we code here has to be formatted for IE so I just use IE for everything to keep it easier. I'm sure I can find a use for it at home though.

There is also a Firefox addon called IE Tab (https://addons.mozilla.org/en-US/firefox/addon/1419) which I use for such things, by the way.