How do I preview CSS correctly?

Post your questions and problem reports here

Moderator: kfury77

Forum rules
Please try to follow these guidelines. This will help to receive faster and more accurate response.
  • Check the Support section of the corresponding product first. Chances are you will find your answer there;
  • Do not create new topics for already reported problems. Add your comments to the existing topics instead;
  • Create separate topic for each problem request. Do NOT post a number of non-related problem reports in a single topic;
  • Give your topic a meaningful title. Titles such as "A question," "Bug report" and "Help!" provide others no clue what your message is about;
  • Include the version number of the software you are using;
  • This is not an official customer support helpdesk. If you need a prompt and official response, please contact our support team directly instead. It may take a while until you receive a reply in the forum;
Post Reply
Kola
Posts: 4
Joined: Sat Jan 19, 2008 1:19 am

How do I preview CSS correctly?

Post by Kola »

Hi there,

Just trialing Webuilder It seems great.

Can I just ask when I preview my CSS where I have <h1>title</h1> in my HTML in my CSS preview it displays as 'ie Element h1.'

Could you tell me how to get it to display the true page as it would be displayed?
JoeC
Posts: 6
Joined: Tue Jan 15, 2008 1:14 pm

Post by JoeC »

Preview the HTML page and not the seperate CSS file :P
Kola
Posts: 4
Joined: Sat Jan 19, 2008 1:19 am

Post by Kola »

If I do that it shows no effect at all. Mearly 'title' on a white page???

another words just the HTML. In the HTML link to the style sheet what do I put for href for the link?? How do I link the two?
Kola
Posts: 4
Joined: Sat Jan 19, 2008 1:19 am

Post by Kola »

Ah sort of got this. I keep having to save the CSS and the HTML to preview though.

Im sure I clicked an option to state saving wasn't necessary
User avatar
kfury77
Posts: 97
Joined: Mon Jun 13, 2005 11:55 pm
Location: Osaka, Japan
Contact:

Best way of previewing CSS

Post by kfury77 »

Hello,

I'd recommend testing your CSS by pasting all the CSS in a style Block within the <HEAD> </HEAD> of your HTML... a but like this...

Code: Select all

<DOCTYPE>

<html>

<head>
  <title></title>
  <style>
  /*<CDATA>*/
  </style>
</head>

<body>

</body>

</html>
this way you can preview your CSS changes in realtime without having to save... once you are finished and are happy with the changes you can move the CSS out to a seperate file. I use this method regularly and it works fine.
User avatar
Karlis
Site Admin
Posts: 3605
Joined: Mon Jul 15, 2002 5:24 pm
Location: Riga, Latvia, Europe
Contact:

Post by Karlis »

Why don't you just change the *preview file* for your CSS. There is an icon (open foler) for selecting preview file in preview mode.
Karlis Blumentals
Blumentals Software
www.blumentals.net
Post Reply