RH 11 v11.0.2.240: Cleaning up an External Style Sheet (CSS)

Hello,
I am in the process of trying to clean up a CSS for an "old" RoboHelp project. I believe the CSS contains many unused styles that were probably "trial & error" styles, but were never deleted when they failed to produce the correct format. I know it doesn't do any harm to leave them in the CSS, but I really don't want them around!
I did not see a report in RoboHelp that would provide this information, but before doing a search for each individual style using a program like Agent Ransack, I wanted to see if anyone in the Community had any clever ideas as to how to accomplish this task.
Thanks for your input/suggestions!

I can't say I've had this issue. But then again, I never use the CSS property inspector to create an external style sheet. I just hit File > New > CSS. I add my CSS rules and Save it to the local site folder.
Link style sheet to HTML pages.
http://alt-web.com/DEMOS/DW-Link-Stylesheet.shtml
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Similar Messages

Permission Problems After Clean Intall Accessing External Drives

Okay, the ubiquitous permissions problem. Perhaps apple should release a system update that strips this BS out, as single users and home users, do we really need this? I'm just driving my Ferrari to the grocery store! It is just complications that nobody needs.
So, with a fat chance of that happening, is there a DEFINITIVE paper/instruction on permissions? Please point me to it. I've tried here and there is nothing that seems to work for me. I'd like to NOT have to learn anything and continue without messing around with this crap, but it did it to me, so now I'm forced to screw around to fix it.
(I used to be a system admin years ago so I can take a fairly technical approach, but I'd rather not. (Puh-leeze! No terminal instructions.)
Here's my problem:
Having had a problem with corrupt login items and being unable to uninstall them, (the machine crashed and rebooted) I was left to perform a clean install of my system.
I have numerous hard drives attached.
Well, upon a successful install and migration of settings from Safari and Firefox and such, I was gently told that a couple of my drives are not accessible by me, the user. (I can see'em, but some apps like transmission won't write to them. Or backup software cannot backup to them.) I'm currently setup up with my daily account/user as the admin, with the super-admin account dormant and not used, as I've been instructed. (My previous system had me using my super-admin account all the time.)
How do I go about setting permissions to reaccess these drives without checking the "ignore permissions" box?
Is the simplist thing to do, to just copy/backup the drives, erase them under my present account, and re-install the data to fix this permission BS?
I've done the "fix permissions" thing and it does not help.
Do drives that you create with a former system user, retain the user profile that created them even after you install a new system, thus causing this problem?
Thanks
Herkimer

What users do you have defined on your system?
Herkime wrote:
Thanks for the help, guys. I downloaded the app and will take a look at that to fix my problems.
What user do you want to use to look at the data?
Decide what user you are going to logon as.
Use BatChmod to make this the owner of the data. The group should be whatever is the group assigned to your logon user.
Do drives that you create with a former system user, retain the user profile that created them even after you install a new system, thus causing this problem?
Files you created with root still have root permissions.
The other 5 diskes, internal, externals FW, and removeables FW toasters, were all created under the old system, using the super-admin user. That designation is gone. (Actually, I recreated the same name/login on the newly installed system, along with my everyday admin user log in.
I get the feeling I'm stuck in a little permission limbo, as the disks are looking for the old super-user and that's gone. Correct?
I assume by super-user you mean root. You can enable the root account again if you wish. There is not need.
I'm not sure what user, or group I should be setting everything too, now. Me, as the admin/user or
Who is Herk the super-admin? How did you define Herk.
By definition super-user is root. You are not allowed to rename root. So the super user isn't Herk.
A user can be given admin rights. This doesn't give the user super user/root rights. Root can read & write any file on the system. This root is the super user.
By Herk do you mine you gave Herk admin rights?
Bottom line:
[] Decide what user you will be using on your system.
[] Change all permission you your external drives to match user & group of that id.
Some people define two user on their system. This way maybe more secure, but with more hassles.
standard user
admin user
I run with one user:
admin user. This lets me install programs without have to change to another user. It doesn't let me look at system data. I cannot look at other userids data. ( I want to look at data I do not have permissions to, I can use the terminal to gain access. )
Robert
Message was edited by: rccharles

Cleaning up css

Is there a way to clean up your external style sheet. In other words, I have made many changes to my site, positioning elements mainly and naming my styles differently from the original. I want to delete all the styles in my css stylesheet that no longer applies to my newly edited site. Is there a way for dreamweaver to check and delete all styles in the style sheet that no longer link to elements in the site??
Or does all of that have to be done manually in the css source code??

https://addons.mozilla.org/en-US/firefox/addon/5392
There's a Firefox add on.
I guess you've used a validator as well? That'll help "clean up" you code although not so useful for removing redundant rules.
Martin

Is there a 'repair' option in DW CS4?

Dreamweaver just got stuck when I was saving a style sheet. I have switched off completely and re-started my computer but DW still tells me that my CSS files 'appear to be html' and all the external style sheet CSS options have vanished.
Is there a 'repair' option for this software? I have CS4 web standard. I looked in Windows Control panel and only found the uninstall option, if I am re-installing on the same computer do I still have to de-active the product?
Grateful for some advice

No there is not a repair option. You really should de-activate your suite from another product if you can get in. Because many cases the uninstall does not work well and most people have to use the CS4 Clean Script which erases the activation and if you did not de-activate the product you would have to go through a process. If you are still able to get into DW though, make sure you Export all of your Sites to back them up because once you re-install the suite the defined sites will no longer be there.
Adobe - Adobe CS4 Clean Script

How can i turn a photoshop file into a website with knowing code? can i upload Muse or DreamWeaver?

How can i turn a photoshop file into a website with knowing code? can i upload Muse or DreamWeaver?
I created a few images (pages for a site) on photoshop and want to turn them into HTML code for a website- Can i Just upload the file into one of these programs and make a file with the correct code imediatly?
I was reading about using EDGE Reform but i did not understand if i can create the code with it, in the end it says it still needs to be sent to website developer after?

You need to look at Dreamweaver as a code editor. You need to learn to create good, clean HTML code with style sheets to make websites with Dreamweaver.
There are tutorials that will take you from a layered .PSD file to HTML. Here's a good one:
http://net.tutsplus.com/tutorials/site-builds/from-psd-to-html-building-a-set-of-website-d esigns-step-by-step/
Adobe's Muse is a semi-WYSIWYG website layout creator for small websites (1-5 pages). But there is no way you can go from a .PDS file to Muse, you have to start the site in Muse.
I have seen a few Muse sites and they're OK, but there is some code that Muse creates that is kind of odd. If you want a good, clean website that will work for you or your business, Dreamweaver is the best choice. Alternatively, you could hire a pro.
-Mark

Text size and preferences

I'm not sure exactly how to phrase the question as what I've
tried so far is not proving to provide the answer. Even if this is
a really obvious answer, I'm hoping someone will help me??? Or, if
the question is oblique, let me know!!! Please??
When designing pages prior to upgrading to DW8 (used DW4), I
had font sizes to choose from that were 1, 2, 3, and so on. In DW8,
when working on a page, my font sizes are 9, 10, 11 etc., similar
to when designing a print item, or they are small, x-small or
xx-small. Now, when I've designed a page to display the font in 10
or x-small and publish, it's relative to a 1pt the old way. But,
I've also noticed that when I make the font an 11 or 12, or small,
then the size is inconsistent in browsers - FF vs. IE 7 (which
makes it more like a medium or almost large).
QUestion is how to get my font sizes back to 1,2,3, turning
on the text type (to points, pixels etc.) drop down which is now
grayed out. Before, I knew that a font size 2 was consistent across
browsers and have been unable to find a way to get back to it,
short of manually going into the code, removing the <span> or
<span class> and reverting to <font size=2 face=Arial>
Anyone???? I can't find this in help, as like I said, I may not be
asking the right question. I've set the pages up to be be Xhtml
trans. would that have something to do with it?
Also, how do modify the seemingly intuitive CSS that is
created for everything text? It appears to be adding considerably
more code to a page and I'm certain that there's a cleaner more
expedient way to format this. New to CSS as well and am
tutorializing myself on it - but meanwhile, the code view is full
of 'intuitive' css!!

designonthefly wrote:
> I'm not sure exactly how to phrase the question as what
I've tried so far is
> not proving to provide the answer. Here's the sitch
--> I'm new to DW 8 and
> used DW 4 up until recently.
>
> When designing pages, I had font sizes to choose from
that were 1, 2, 3, and
> so on. In DW8, when working on a page, my font sizes are
9, 10, 11 etc.,
> similar to when designing a print item, or they are
small, x-small or xx-small.
> Now, when I've designed a page to display the font in 10
or x-small and
> publish, it's relative to a 1pt the old way. But, I've
also noticed that when I
> make the font an 11 or 12, or small, then the size is
inconsistent in browsers
> - FF vs. IE 7 (which makes it more like a medium or
almost large).
>
> QUestion is how to get my font sizes back to 1,2,3,
turning on the text type
> (to points, pixels etc.) drop down which is now grayed
out. Before, I knew that
> a font size 2 was consistent across browsers and have
been unable to find a way
> to get back to it, short of manually going into the
code, removing the <span>
> or <span class> and reverting to <font size=2
face=Arial> Anyone???? I can't
> find this in help, as like I said, I may not be asking
the right question. I've
> set the pages up to be be Xhtml trans. would that have
something to do with it?
>
> Also, how do modify the seemingly intuitive CSS that is
created for everything
> text? It appears to be adding considerably more code to
a page and I'm certain
> that there's a cleaner more expedient way to format
this. New to CSS as well
> and am tutorializing myself on it - but meanwhile, the
code view is full of
> 'intuitive' css!!
>
1. DW8 has evolved and adapted to current web design
standards, CSS is becoming omnipresent and you
need to start learning some if you're serious about web
design.
2. the <font> tag is deprecated, and it is replaced by
CSS. CSS is by far the best way to deal with
your font styles (as well as many other things), you won't
look back once you get used to it.
3. There is no more consistency bewteen font size in
deifferent browsers using <font size="2"> than
using css such as:
.someClass{
font-size:12px;
or:
.someClass{
font-size:1em;
In all cases the size will be slightly different from browser
to browser.
Right now you are applying font styles via the Property
inspector (bottom of your screen), therefore
Dreamweaver creates many unique styles on the fly. That's the
'intuitive' way as you call it, but
it's not the best way at all.
Consider instead creating an external style sheet (open CSS
panel, create a new style, select
external style sheet, then link your style sheet to all your
pages). This will actually save you a
lot of code and make it easier to update/change your styles
across your entire web site.
You can find lots of css tutorials on the web, and lots of
info in Dreamweaver HELP, looking for css
or styles.
seb ( [email protected])
http://webtrans1.com | high-end web
design
Downloads: Slide Show, Directory Browser, Mailing List

Runtime Error in File Preview of RH7 - Immediate help needed!

Dear all,
we're working on a RoboHelp 7 project under version control.
Today we encountered a major issue with ur project/database. When opening files in the preview window, they are displayed without error. As soon you click on a link within this file that leads to another HTML file, you get a pop-up with a runtime error message. You're asked either to debug or not. Selecting no displays a second runtime error with the same question. After also declining, you get to the selected HTML file.
We have two major sorts of files: Chapter overview pages and topic files. Both are based on the same Style Sheet (CSS) and template. For the overview files the layout is just changed a bit when you create the file. Further there are some extra files don't use the template.
Now I recognized some kind of logic:
- When you open an overview-file, the two pop-ups always refer to runtime errors in line 46 and 49.
- When you open a topic file, the two pop-ups always refer to runtime errors in line 50 and 53.
- When you open a file that is blank and not based on the template, there's no error.
Until now, the error never occured. But since today (or maybe last week und we didn't recognize), this error comes up even for files that were created months ago and never had an error before. They were changed today automatically when a renamed a chapter. Even within our "clean and working" backups we now encounter this error.
Questions:
- Can anyone explain, what a runtime error is at all?
- My assumption is, that it has something to do with the CSS or template, but I'm not sure. What can be wrong there?
- To what lines do the specifications in the pop-up refer to? Where can I find those lines?
As we are in a very critical project phase, I really need your assistance for a quick and effective solution. Please help me as soon as possible!! Thanks!!

Hi Tom
Here is my own educated guess.
When you have links of any type in a HTML document, a calculation has to occur at the time they are created. The application has to calculate where the linked item is in relation to the existing page. Then HTML shorthand is created to navigate. Up a folder level is ../ and up two folder levels is ../../. Stuff like that.
Popups are a different story. While you are still creating links, these beasties are actually handled using JavaScript. So the path is supplied in the call to the JavaScript.
As if that weren't complex enough, we now toss Headers and Footers into the mix. Headers and Footers are tied to the Master Page. The Master Page is always in the root level of the project. Links in a Header and Footers often break because of the assorted locations of HTML pages if you are using folders to organize your project. So when you create the link initially as part of the Master Page, things are dandy and as long as the topic is in the project root folder (same as the Master Page) things would likely work fine. But if that Master Page is associated with a topic inside a folder level or two down, things can go to pot in a hurry! (Where are we all headed? And what's with the handbasket?)
Hopefully this helps shed some possible explanation... Rick
Helpful and Handy Links
RoboHelp Wish Form/Bug Reporting Form
Begin learning RoboHelp HTML 7 or 8 within the day - $24.95!
Adobe Certified RoboHelp HTML Training
SorcerStone Blog
RoboHelp eBooks

Incorrect images from .indb file export to ePub in Indesign CS6

I am having problems exporting images to ePub and get a different result from the same file depending on whether I export directly from the .indd file or from the .indb file.
When I export to ePub from the individual chapter (.indd) file, everything is fine and the images appear in the correct locations where they have been anchored.
When I export via the book (.indb) file, images are being replaced with the incorrect file in the resulting ePub.
Looking at the HTML, it seems not all images are being exported from the .indb file and when the image is missing, Indesign is substituting the next available image from the alphabetical list in the images folder so I'm getting incorrect images peppered throughout the book.
Any idea where I've gone wrong and how to fix it? I've produced several ePubs with images and never come across this before.
More details on how I've set up the files and any other info I think might be relevant below if needed.
- I'm using Indesign CS6 (8.0.1)
- I'm producing an 11 chapter book.
- Each chapter is a separate .indd file for ease of editing.
- These 11 files have been added to an .indb file for export to ePub.
- Images are all anchored to their captions within the text.
- On Export to ePub settings for images I have selected to insert a page break before the image and that settings apply to anchopred objects.
Nothing else is selected (I don't want to preserve appearance from layout.)
- I'm using the Articles panel feature for order of content.
- In the original file supplied, the images were placed as .tiff images. I saved them to jpeg and relinked them using the "relink to folder" and "match same file but this extension" options.
- No links are flagged as missing.
Any help much appreciated.

The solution points to how, it appears, the book panel export is functioning: each file exports a set of tags referenced to itself; file01 adds a "1" to its tags, and so forth. What I was able to do was use a file referencing all of the tags in the style suite in two ways:
first, I exported to an epub the single file, creating a fairly clean CSS, which I then extracted and renamed;
then, making certain that file was the "source" file in the book panel, I mapped for export all of the tags, being careful to be certain each tag/class combo was same as in renamed clean CSS;
I synchronized the whole shebang;
I exported to epub, adding my clean CSS as an external style sheet, selecting only "include embeddable fonts".
Bingo!

CSS okay in IE but not recognized by FF and Safari

I have a style sheet for image floats that is attached to a html document within a php file that is recognized by IE but is not recognized by Firefox and Safari. I have attached it as an internal style sheet as well as an external style sheet and neither makes a difference. HELP!

I've cleaned up the code in the html file within the php file per your instructions by removing the embedded CSS and deleting the <html>, <head> and <body> tags. This seemed to clear any conflicts on the php file (http://www.mdy.lib.in.us/index.php). However the page is still showing okay in IE but not in FF and Safari. Below is my revised html code...what am I not getting right?
<link href="/mdby2.css" rel="stylesheet" type="text/css" />
<p><img src="/Weekly_News/images/ScienceClublogo.jpg" width="153" height="99" class="left" />
On Thursday, April 23 at 3:30 p.m. students, ages 7 and up, can participate in a fun science experiment. Bring a bottle of your favorite soft drink for the experiment. Registration required.</p>
<p><img src="/Weekly_News/images/FamilyStoryTimelogo.jpg" width="153" height="102" class="right" />
On Saturday, April 18 at 10:00 a.m. attend this special storytime co-sponsored with Little Saints Child Care in Middlebury. There will be stories about families, a craft and a tour of the Children's Department.</p>
<p><a href="http://www.booksite.com/texis/scripts/bookletter/showlist.html?sid=5638&list=CNL3& preview=1">
<img src="/Weekly_News/images/LTAIlogo.jpg" width="122" height="87 "class="left" /></a>
The next book in the series is “The Guardians” by Ana Castillo. The lecture will be on April 21at 7:00 p.m. It will be followed by refreshments and book discussion. For more about this series see <a href="http://www.booksite.com/texis/scripts/bookletter/showlist.html?sid=5638&list=CNL3& preview=1">"Love and Forgiveness: In the presence of the enemy"</a>. </p>
<p><img src="/Weekly_News/images/GED.jpg" width="140" height="97" class="right" />
Access free online GED classes at the library. An instructor from The Learning Generation Initiative (LGI) will be available on Wednesdays from 4:00 to 8:00 p.m. & Saturdays from 10:00 a.m. to 2:00 p.m. in Community Room 3. For more information call LGI at 866-898-3908.</p>
<p><a href="http://www.mdy.lib.in.us/Kids/toddlertime.php"><img src="/Weekly_News/images/toddlerLOGO.gif" alt="Toddler Time" width="150" height="58" class="left" /></a>
<a href="http://www.mdy.lib.in.us/ToddlerTime/ToddlerTime.php"><strong>Toddler Time</strong></a> meets on Tuesdays at 10:00 a.m. Introduce your toddler to fun activities at the library. Registration required. The last winter/spring session will be on April 28th.</p>
<p><a href="http://www.mdy.lib.in.us/Kids/StoryTime/storytime.php"><img src="/images/StoryTimeLogo.gif" width="150" height="50" class="right" /></a>
<a href="http://www.mdy.lib.in.us/StoryTime/storytime1.php"><strong>Story Time</strong></a> meets on Wednesdays and Thursdays at 10:00 a.m. and 1:00 p.m. Introduce your preschooler to the world of children's literature. Registration required. The last winter/spring sessions will be on April 29th and 30th.</p>
<p><img src="/Weekly_News/images/GoGreenPink2.jpg" width="152" height="98" class="left" />
Recycle your InkJet and Laser Printer Cartridges at the library. For every acceptable cartridge, the recycler makes a donation to the National Breast Cancer Foundation.</p>

Conditional Comments Greyed out in Dreamweaver

It seems you cannot make conditonal comments in DW or your script within that comment is not read.
The code below is from a template I am using. The script tags are grey just like the comments.
DW makes the conditional comment uselss and my website crashes in IE. Can someone tell me if there is a way to get around this so the script will work?


How are people supposed to create websites if DW won't allow the html5shiv script to be read?
I know I'm not the only one. I've seen a few postings about this on the net, but with no real answers to the problem.
Thanks!

Thanks everyone!
Here is my page code. I stripped out most of the Lorem Ipsum.
This is from a free template that I am adapting.
I'm not that good at html, but I can't see how my changes to the body could have caused this.
Maybe some change in the style sheets?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Kings of Kustoms</title>


<link rel="stylesheet" media="screen" type="text/css" href="css/reset.css" />
<link rel="stylesheet" media="screen" type="text/css" href="css/style.css" />
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="js/slides.min.jquery.js"></script>
<script>
$(function(){
$('#slides').slides({
   preload: true,
   preloadImage: 'img/loading.gif',
   play: 5000,
   pause: 2500,
   hoverPause: true
</script>
</head>
<body>
<header>
    <hgroup>
        <h1 class="pageTitle">Welcome to Kings of Kustoms!</h1>
        <h2>Tag line goes here</h2>
</hgroup>
    <nav>
        <ul>
            <li><a href="#">Home</a></li>
            <li><a href="#">Example 1</a></li>
            <li><a href="#">Example 2</a></li>
            <li><a href="#">Example 3</a></li>
        </ul>
    </nav>
</header>
<aside id="promotion">
    <div id="slides">
        <div class="slides_container">
            <a href="#" title="Wilhelm Klingspor Gotisch" target="_blank"><img src="img/slide-1.jpg" width="918" height="240" alt="Slide 1"></a>
            <a href="#" title="Quentin caps" target="_blank"><img src="img/slide-2.jpg" width="918" height="240" alt="Slide 2"></a>
            <a href="#" title="Engravers" target="_blank"><img src="img/slide-3.jpg" width="918" height="240" alt="Slide 3"></a>
            <a href="#" title="Bello Pro" target="_blank"><img src="img/slide-4.jpg" width="918" height="240" alt="Slide 4"></a>
        </div>
        <a href="#" class="prev"><img src="img/arrow-prev.gif" width="20" height="43" alt="Arrow Prev"></a>
        <a href="#" class="next"><img src="img/arrow-next.gif" width="20" height="43" alt="Arrow Next"></a>
    </div>
</aside>
<aside id="belowSlide"><p>Kings of Kustoms introduces customers to ...<br><br>
</p>
</aside>
<aside><img src="img/carsLineup.jpg" width="918" height="91"></aside>
<article>
<h1><a href="#">The Video Goes Here...</a></h1>
    <p>Integer vitae.</p>
    <h2>Curabitur fermentum</h2>
    <p>Ut et vel.</p>
    <h3>Donec mattis</h3>
    <p>Etiam porttitornunc. </p>
</article>
<aside id="right">
    <section>
    <img src="img/logoMain.jpg" width="220" height="285"> </section>
    <section>
<img src="img/producedByMed.jpg" width="220" height="285">
    </section>
</aside>
<footer>
<p>2010 Grids are neat | almost <a href="http://validator.w3.org/check?uri=http://www.webdezign.co.uk/blog/html5-examples/2col-slid e/">valid HTML5</a> and <a href="http://jigsaw.w3.org/css-validator/validator?uri=www.webdezign.co.uk/blog/html5-examples/2 col-slide/">valid <abbr title="Cascading Style Sheet">CSS</abbr>3</a> design by <a href="http://www.webdezign.co.uk" title="web design london">Webdezign</a> and <a href="http://www.slidesjs.com/">Slides</a></p>
</footer>
</body>
</html>

Program Default Layer Writing Question

People...
An internet friend of mine in another forum helped me solve a
parent (container) layer centering problem. I had created a large
"Layer 1"...nested Layers 2, 3 & 4 within Layer 1...&
wanted Layer 1 to slide to the center of any browser window, with
2,3 & 4 not changing absolute position relative to Layer 1. The
solution was:
<div id="Layer1" style="position:relative; width:285px;
height:311px; margin: 0 auto;">
<div id="Layer2" style="position:absolute; width:47px;
height:115px; z-index:1; left: 226px; top: 120px;"><img
src="layer2.jpg" width="58" height="133"></div>
<div id="Layer3" style="position:absolute; width:131px;
height:115px; z-index:2; left: 3px; top: 3px;"><img
src="layer3.jpg" width="158" height="189"></div>
<div id="Layer4" style="position:absolute; width:176px;
height:71px; z-index:3; left: 94px; top: 130px;">;"><img
src="layer4.jpg" width="158" height="189"></div>
</div>
where the container (Layer 1) was assigned relative
positioning & centered by auto margins...& the nested
layers (2,3 & 4) remained absolute; & inline
...but...
...he also tells me that inline styles are not a good idea.
Everybody tells me that inline styles are not a good idea.
But no one tells me why.
So...3 questions:
1) Why are inline styles not a good idea...& is that
relative (pardon the pun) to the way I am now centering my layer
layout?
2) Is there a way to configure Dreamweaver to write layer
code (i.e., user draws in the layer...Dreamweaver writes the code)
other than inline?
3) On all of my existing page layouts that consist of
multiple layers (each one housing an image or text)...that I now
want centered...how do I nest those layers in a large container
layer? (the above centering solution was from a test page I created
from scratch...& the subsequent layers were nested as I went. I
now need to go back to existing pages & center the layout.)
Thanks very much,
mark4man
Dreamweaver MX (6.0)

mark4man wrote:
>
People...
>
> An internet friend of mine in another forum helped me
solve a parent
> (container) layer centering problem. I had created a
large "Layer 1"...nested
> Layers 2, 3 & 4 within Layer 1...& wanted Layer
1 to slide to the center of any
> browser window, with 2,3 & 4 not changing absolute
position relative to Layer
> 1. The solution was:
>
> <div id="Layer1" style="position:relative;
width:285px; height:311px; margin:
> 0 auto;">
> <div id="Layer2" style="position:absolute;
width:47px; height:115px;
> z-index:1; left: 226px; top: 120px;"><img
src="layer2.jpg" width="58"
> height="133"></div>
> <div id="Layer3" style="position:absolute;
width:131px; height:115px;
> z-index:2; left: 3px; top: 3px;"><img
src="layer3.jpg" width="158"
> height="189"></div>
> <div id="Layer4" style="position:absolute;
width:176px; height:71px;
> z-index:3; left: 94px; top: 130px;">;"><img
src="layer4.jpg" width="158"
> height="189"></div>
> </div>
>
> where the container (Layer 1) was assigned relative
positioning & centered by
> auto margins...& the nested layers (2,3 & 4)
remained absolute; & inline
>
> ...but...
>
> ...he also tells me that inline styles are not a good
idea.
>
> Everybody tells me that inline styles are not a good
idea.
>
> But no one tells me why.
>
> So...3 questions:
>
> 1) Why are inline styles not a good idea...& is that
relative (pardon the pun)
> to the way I am now centering my layer layout?
Because the main advantage of using css is precisley to
remove the styles from the html markup, and
place it instead in an external style sheet. This allows you
to:
1.centralise the code that defines your layout in one place,
and thus have only one file to deal
with to update/change all your pages layouts.
2.Think of layout in a more precticall way by dividing layout
styles into coherent styles
definitions that you can then combine in various ways to
style various heml elements.
3.Keep your html markup clean and simple
>
> 2) Is there a way to configure Dreamweaver to write
layer code (i.e., user
> draws in the layer...Dreamweaver writes the code) other
than inline?
maybe in DM8, but I don't think so, definitely not in MX6.
Side note: using Layers for layout is not a good practice
anyways, for many reasons, see below
>
> 3) On all of my existing page layouts that consist of
multiple layers (each
> one housing an image or text)
what will happen if the user increases the text size in their
browser preferences? Try it: the text
will overflow the layers, and your page will look horrible,
with text overlapping images or other
text. Because you are using Layers. This would not happen if
you were using relative divs or tables
with no fixed height.
>...that I now want centered...how do I nest those
> layers in a large container layer? (the above centering
solution was from a
> test page I created from scratch...& the subsequent
layers were nested as I
> went. I now need to go back to existing pages &
center the layout.)
>
In short, consider NOT using Layers at all.
Use tables (easier) or realtively positioned divs (harder but
often more practical in the long run).
> Thanks very much,
>
>
mark4man
> Dreamweaver MX (6.0)
>
>
seb ( [email protected])
http://webtrans1.com | high-end web
design
Downloads: Slide Show, Directory Browser, Mailing List

How to hyperlink text in a paragraph

Hi all (apologies for a newbie question but I couldn't find an answer to this looking through the FAQs)
I inserted a text box in my composition (called "linksAtBottom") and it looks like this:
faq | board | mission | join our mailing list | contact us
All of the above are listed in that one text box called "linksAtBottom"
How do I highlight just "faq", "board", "mission" and so on and tag each with their own URL hyperlink?
Many thanks!
Nathan

Hi Jordi,
Adding your whole text to the dynamic textfield via code, in the code window would be the easiest way to get all your text in that textfield I believe. Another option would be to load in the text via xml.
You can control the normal Edge text props for your dynamic text field, using the text properties panel in Edge. You can't style your hyperlinked text with that built in panel though. For this, I've been using an external stylesheet to style hyperlinked text. I did see a post by forum member oolorin, who suggested that you could put styles inline as shown below (external style sheet is much cleaner though):
http://forums.adobe.com/message/4375947
sym.$("text_1").html("<style type='text/css'>a:hover{text-decoration:underline;};</style>This is some <a href='randomtext.com' target='_blank' alt='check out my random text'><span style='cursor: pointer;'>random text</span></a>.");

Indisign scripting and cross-media export - Xhtml / Dreamweaver

Hi.
I've searched for the solution but haven't found it yet. Hope you'll help me.
I need to write a script which will transform all indd files in the selected folder to xhtml. But I cannot find methods for exporting files to xhtml in JS (like menu -> File -> Cross-media export -> Xhtml / Dreamweaver). Is it possible? how?
P.S. Using CS3
Thanks

Thanks Olav, that would be very helpful if you could.
You're right, and XSLT is what Java uses for the CS2 version of
this project. We never used ExtendScript to do anything other than
mapping styles to XML.
I was hoping to avoid too many details, but this might benefit the discussion:
Original need:
We use an open source project called Sakai (Learning Management System)
that comes with documentation which we rebranded every time a new release
was rolled out. Our implementation of the Sakai LMS is called TRACS here at
Texas State University|San Marcos and we have a pretty strong demand for
consistentcy and adhering to project and university level branding guidelines.
Our support staff was using word documents and spent a laborious 2 months
minimum with their workflow getting everything migrated. Our branding needs
were steep. I was the graphic designer at the time the brand was created
and saw branding issues with the word docs being authored. We constantly
fought issues with inconsistent formatting (logo placement, logo version,
leading, fonts, etc.).
Automation with ExtendScript was the answer (and Java, AppleScript).
What took a variety of people with differing MS word skill sets 2 months
now took a mere 5 minutes or less.
Rough outline of our app:
Our Java process looks at a watched folder and coordinates the automation
with receipts that are written out after each phase is done.
Our Word documents are formatted with identically named character
and paragraph styles that are found in our InDesign template.
Java grabs a list of all the word docs to be processed, writes out an include
to be used later for our ExtendScript.
ExtendScript systematically takes each one in the array:
- takes care of flowing in the word doc
- page numbering
- mapping styles to tags
- PDF export
- XML export
- XML cleanup (some trash comes over from the export)
- XHTML generation
- writes receipts at each phase to tell JAVA it's ready for
the next phase as flow control
Java picks up the receipt, transforms XML (using XSLT) to XHTML snippets that
the end user copy/pastes into our Content Management System. Ultimately, we'll
shoot for direct DB inserts, but we have to get the dust off the CS2 version
before we can discuss that again.
In regards to not using XSLT:
A recent test we did showed that InDesign CS4 had the ability to export very clean XHTML
based on style sheets applied to items in the document. Effectively, that negates our
need for XML mapping of stylesheets and the use of XSLT.
That is, if cross-media exports can be automated.

What is the best way to update a pre-CSS website to CSS compliance?

I have been charged with maintaining a pre_CSS website. I would like to know the least time consuming method of updating the site to CSS compliance and eventually make it a dynamic site.

I have done this on a few legacy sites. I use Find & Replace to strip out all the deprecated HTML tags like <fonts> <align> <tables> etc... to give myself clean markup to work with.
I run code validation checks and fix any reported errors.
http://validator.w3.org/
Then I build an external style sheet with all the styles I'll need for the entire site. After that, it's fairly simply to apply styles (classes & IDs) where needed.
Depending on size and complexity of the current site, it shouldn't take more than a few days.
Nancy O.

Spry tabbed panel

Hi,
I've paced a Spry tabbed panel into a page below 3 thumbnails of images, you click on the tab and a larger image drops down, that works just fine but I can't figure out how to have the contents of all tabs to be empty on load so no large images in the content area are visible, is this possible?
Thanks in advance
Pete

Sorry Ben, don't have this page uploaded yet but I've included the code from the HTML page.
Thanks Pete
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Web design professional web site design & development Auckland Tauranga Wellington Filemaker Pro relational databases by Trident Solutions</title>
<meta name="Description" content="Trident Solutions build professional websites and develop relational databases for clients in New Zealand and Australia." />
<meta name="Keywords" content="Web site design, New Zealand Australia, Filemaker Pro databases design company," />
<meta name="Copyright" content="Copyright Trident Solutions 2010. All rights reserved" />
<meta name="Publisher" content="web design" />
<meta name="Distribution" content="Global" />
<meta name="Revisit" content="10 days" />
<meta name="Language" content="English" />
<meta name="Rating" content="General" />
<link href="css_files/styles.css" rel="stylesheet" type="text/css" />
<link href="css_files/body_class.css" rel="stylesheet" type="text/css" />
<style type="text/css">
#apDiv1 {
    position:absolute;
    width:200px;
    height:21px;
    z-index:27;
    left: 689px;
    top: 616px;
    background-color: #FF0000;
#apDiv3 {
    position:absolute;
    width:77px;
    height:30px;
    z-index:1;
#apDiv4 {
    position:absolute;
    width:83px;
    height:26px;
    z-index:1;
    top: 181px;
#apDiv5 {
    position:absolute;
    width:200px;
    height:115px;
    z-index:27;
    left: 68px;
    top: 265px;
body {
    background-color: #FFF;
</style>
<script src="SpryAssets/SpryCollapsiblePanel2.js" type="text/javascript"></script>
<script src="SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
</head>
<body class="services">
<div id="centered">
<div id="container">
<div id="buttons">
   <a class="home" href="index.html">Home</a>
    <a class="services" href="services.html">services</a>
    <a class="clients_examples" href="client_examples.html">client examples </a>
    <a class="filemaker_pro_database" href="filemaker_pro_database.html">databases</a>
    <a class="company_info" href="company_info.html">company info </a>
    <a class="contact_us_feedback_form" href="contact_us_feedback_form.html">contact us feedback form</a>
    <a class="photo_gallery" href="photo_gallery.html" target="_blank">photo gallery</a> </div>
<div id="header_text">
    <h1>Web design & development<br />
      Filemaker Pro relational databases</h1>
    <h1>Digital photography</h1>
</div>
<div id="masthead"></div>
<div id="apDiv2"></div>
<div id="rh_title_heading"></div>
<div id="services_table">
    <div id="web_title2">
      <h2>Services provided by Trident
      </h2>
      <div id="dotted_line_top"></div>
    </div>
    <p> </p>
    <p><img src="images/http_icon.jpg" alt="web icon" width="124" height="94" class="img" /><img src="images/database_icon.jpg" alt="filemaker icon" width="124" height="94" class="img" /><img src="images/digital_camera.jpg" alt="photos" width="124" height="94" class="img" />
    </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <div id="services_image3">
      <p><img src="images/sydney_cove_tn.jpg" alt="" width="181" height="121" class="img" /><img src="images/mount_tn.jpg" width="181" height="121" class="img" /><img src="images/bridge_tn.jpg" width="181" height="121" class="img" /></p>
      <p> </p>
      </p>
      <p><br />
    </p>
</div>
<p> </p>
<div id="image_3_large">
<div id="TabbedPanels1" class="TabbedPanels">
    <ul class="TabbedPanelsTabGroup">
      <li class="TabbedPanelsTab" tabindex="0">Tab 1</li>
      <li class="TabbedPanelsTab" tabindex="0">Tab 2</li>
      <li class="TabbedPanelsTab" tabindex="0">Tab 3</li>
</ul>
    <div class="TabbedPanelsContentGroup">
      <div class="TabbedPanelsContent1">Content 1</div>
      <div class="TabbedPanelsContent2">Content 2</div>
      <div class="TabbedPanelsContent3">Content 3</div>
</div>
</div>
<p> </p>
</div>
<p> </p>
</div>
<div id="rh_text_box_css">
    <h3>CSS </h3>
    <p class="main_text"><strong>CSS</strong> stands for <strong>C</strong>ascading <strong>S</strong>tyle <strong>S</strong>heets<br />
      Styles define how to display HTML elements<br />
      Styles were added to HTML 4.0 to solve a problem<strong><br />
        </strong>External Style Sheets can save a lot of work<br />
      External Style Sheets are stored in <strong>CSS files</strong></p>
    <div id="read2"><a href="http://www.w3schools.com/css/css_intro.asp" target="_blank"><img src="images/b_read.gif" alt="read" width="72" height="21" border="0" /></a></div>
    <p class="main_text"> </p>
</div>
<div id="index_lh_top_box"></div>
</div>
<div id="back_shadow">Content for id "back_shadow" Goes Here</div>
<p> </p>
<div id="rh_text_box_flash"><span class="main_text_rh_box">
<h3 class="home" id="sprytrigger1"><strong>Flash Animation</strong></h3>
    </span><span class="main_text"><span id="sprytrigger2">Web sites come</span> to life with the power of Flash <br />
    animation, display interactive photo
    </span><span class="main_text">    how to albums, <br />
    diagrams with movement and tutorials can all<br />
be done in Flash</span><span class="main_text">
<p class="main_text"> </p>
    </span>
<div id="read1"><a href="http://www.adobe.com/products/flash/whatisflash/" target="_blank"><img src="images/b_read.gif" alt="read" width="72" height="21" border="0" /></a></div>
</div>
<div id="rh_text_box_seo">
<h3>Search Engine optimisation (SEO) </h3>
      <p class="main_text">As an Internet marketing strategy, SEO <br />
        considers how search engines work and what <br />
        people search for. Optimising a web site primarily <br />
        involves editing its content and HTML and <br />
        associated coding to both increase <br />
        the site's ranking with search engines. </p>
<div id="read3"><a href="http://en.wikipedia.org/wiki/Search_engine_optimization" target="_blank"><img src="images/b_read.gif" alt="read" width="72" height="21" border="0" /></a></div>
</div>
<div id="rh_text_xhtml">
<div id="read4"><a href="http://www.w3schools.com/xhtml/xhtml_intro.asp" target="_blank"><img src="images/b_read.gif" alt="read" width="72" height="21" border="0" /></a></div>
      <h3><span class="main_text_rh_box">XHTML</span> What Is XHTML?</h3>
      <span class="main_text">XHTML stands for EXtensible HyperText Markup<br />
Language<br />
XHTML is almost identical to HTML 4.01<br />
XHTML is a stricter and cleaner version of HTML<br />
XHTML is HTML defined as an XML application<br />
XHTML is a W3C Recommendation</span>
      <p> </p>
</div>
    <div id="footer_text">Copyright 2010. Trident Solutions. Comments regarding this site, <span class="class1"><a href="mailto:[email protected]">please contact the web master.</a></span></div>
</div>
<script type="text/javascript">
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
</script>
</body>
</html>

RH 11 v11.0.2.240: Cleaning up an External Style Sheet (CSS)

Similar Messages

Maybe you are looking for