Text Links changing style in IE
Hi,
My page www.bethhockley.com/ptihome2.htm uses two styles of
text link, both of which are defined in my external CSS
www.bethhockley.com/bethhockleychanged.css the text links look as
they should in all browsers barr IE where the link
[email protected] (on the blue bar at the bottom of the page)
shows up in the link style "commercial" rather than in the link
style "email"
Does anyone know why this is?
Thanks,
Beth H
Hi,
The style is the same in Firefox 2.0 and IE 7. Which version
of Internet
Explorer are you referencing? Which OS, etc.?
Shane H
[email protected]
http://www.avenuedesigners.com
=============================================
Web dev articles, photography, and more:
http://sourtea.com
=============================================
Proud GAWDS member
http://www.gawds.org/showmember.php?memberid=1495
Delivering accessible websites to all ...
=============================================
"befh" <[email protected]> wrote in message
news:eo2o90$hmq$[email protected]..
> Hi,
>
> My page www.bethhockley.com/ptihome2.htm uses two styles
of text link,
> both of
> which are defined in my external CSS
> www.bethhockley.com/bethhockleychanged.css
> the text links look as they should in all browsers barr
IE where the link
> [email protected] (on the blue bar at the bottom of
the page) shows up
> in
> the link style "commercial" rather than in the link
style "email"
>
> Does anyone know why this is?
>
> Thanks,
>
> Beth H
>
>
Similar Messages
-
Problem with elements/text linking to styles in external css file
Hi,
the project I am working on is using a default.css and I would like to assign styles from the file to elements in edge - how can I do that?
I already tried the "class" setting in the GUI next an element but the elements do not use the styles defined in the default.css.
The default.css is linked in the html file properly. In the js file which edge creates I see that the value userClass: 'slideTitle' is assigned and slideTitle is defined in the default.css.Use yepnope like this:
yepnope(
nope:[
// include your css file path here.
'css/yourcssfile.css',
complete: init
function init() {
//whatever you need here -
How to change style properties of text links
Hello to everyone.
There is a very irritating thing going on with the style properties of a text link.
I want my text that acts as a link to other pages, to retain the properties of a normal text. iWeb keeps underlining the text and changing the colour of it.
Is it possible to alter that without fiddling with the css file? I can change that if have to but that means that I'll have to manually edit the file in more than 50 pages...
Any help would be greatly appreciated!
DimitrisDmitris,
There is no way to do this in iWeb directly. As you have already alluded to, the only way to do this would be to edit the CSS files for your pages. You could do this by hand, but judging by your message it doesn't sound like you would have too much fun doing this.
I would suggest that you look into a program like MassReplaceIt...
http://www.apple.com/downloads/macosx/productivity_tools/massreplaceit.html
This is basically a glorified find and replace type of tool. You can tell it to find a whole block of parameters in the CSS file and change it to whatever you like. And the benefit for you is that you can save these actions so that you can redo them whenever you publish the pages. MRI is smart enough to change only what needs changing. And searching out all the CSS files in all subdirectories is a bonus for you, Dmitris. Just point it at your site folder and let the program change all 50 CSS files in one click!
Good luck! -
How to change text + links in footer of existing template
Hello,
I need to change the text and links on the template footer that goes to all TABs. (Home, Articles, About Bluemont, BCA, Contact Us).The file is named NavigationBlank.dwt."
This footerwas created to link visitors to our "join or contribute" page on another site. Now I want to stop using that external site and build the capacity to take memberships within the BluemontVA.org site itself. However the template footer can't be changed so easily as text on a page.
I am webmaster for a local nonprofit (web address = www.BluemontVA.org), but work on a website I inherited. It is a wonderful design, but I don't fully understand it. I have not worked with templates before.
I have read O'Reilly on "Adding a basic editable region" in a template, but need further help.
A couple questions worry me:
How much damage may I have done already by trying? For example, I do seem to have removed the old text/links and added a new text message on the NavigationBlank.dwt page -- but these changes do not show up on the other TAB pages.
Also, when I place the cursor n the design side it no longer tracks to the corresponding spot on the code view. (the cursor shows up in code view way above where it is supposed to be by the text). This is true for the home page and also for several pages I took a look at.
Can I follow instructions to change the template from any of the pages on which it appears? Or do I have to be at NavigationBlank.dwt?
Thanks for any help or advice you can provide.I'm confused.
Working With Dreamweaver Templates (.dwt files).
PART 1
1. Create a page with all the sitewide elements (common header, footer, sidebar, CSS styles, etc..) that you will need for your project. This requires some careful pre-planning even for small web sites.
2. Validate your code & test this prototype page in all major browsers.
3. When you're completely satisfied with the page layout, SaveAs Template. DW will save this as a .dwt file in a site folder called Templates.
4. DW will ask you to add Editable Regions for stuff that will change from page to page. Do this and SAVE.
5. Close your Template.dwt file.
PART 2
1. File > New Page > from Template. Select the template you wish to use. Hit OK.
2. This is a child page. An exact duplicate of your Template however you can only edit content within editable regions. Everything else is locked.
3. SaveAs index.html (your home page) or some-other-filename.html.
PART 3
Repeat PART 2 for each additional site page required.
PART 4
1. Open your main TEMPLATE file and add a navigation menu with links to your site pages. Do not put this into an Editable Region! If you do it won't show up on child pages.
2. SAVE.
3. DW will ask if you want to populate changes to child pages. Hit yes.
4. Publish all site pages to your server.
PART 5
If you should ever need to edit your TEMPLATE .dwt file, Repeat PART 4.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb -
Javascript: select all text, break link to style
Hi
I'd like to select all text in a Document (in different independent textboxes) and then break the link to it's style (in the program in the Flyout-menu of the paragraph styles)
Is this function scriptable (javascript)?
How do I select all the text?
InDesign CS6, OS10.7.4
ThanksIn fact, I use the adobe findchangebylist to modified, I want to do a clear setting script, not only break link to style, but when i run the script that will get error, can u help me to fix it, my script is shown as below:
main();
function main(){
var myObject;
//var myCheckSelection = false;
//Make certain that user interaction (display of dialogs, etc.) is turned on.
app.scriptPreferences.userInteractionLevel = UserInteractionLevels.interactWithAll;
if(app.documents.length > 0){
if(app.selection.length > 0){
switch(app.selection[0].constructor.name){
case "InsertionPoint":
case "Character":
case "Word":
case "TextStyleRange":
case "Line":
case "Paragraph":
case "TextColumn":
case "TextFrame":
case "Text":
case "Cell":
case "Column":
case "Row":
case "Table":
myDisplayDialog();
break;
default:
//Something was selected, but it wasn't a text object, so search the document.
//myFindChangeByList(app.documents.item(0));
//alert("Nothing Selected, Please Select Text Frame or Text.");
else{
//Nothing was selected, so simply search the document.
//myFindChangeByList(app.documents.item(0));
alert("Nothing Selected, Please Select Text Frame or Text.");
else{
alert("No documents are open. Please open a document and try again.");
function myDisplayDialog(){
var myObject;
var myDialog = app.dialogs.add({name:"Joan New Clear Setting_v1.0"});
with(myDialog.dialogColumns.add()){
with(dialogRows.add()){
with(dialogColumns.add()){
staticTexts.add({staticLabel:"Search Range:"});
var mySearchButtons = radiobuttonGroups.add();
with(mySearchButtons){
radiobuttonControls.add({staticLabel:"Current Document", checkedState:true});
if(app.selection[0].contents != ""){
radiobuttonControls.add({staticLabel:"Selection", checkedState:true});
with(dialogColumns.add()){
with(borderPanels.add()){
staticTexts.add({staticLabel:"Clear Setting:"});
var myDateButtons = radiobuttonGroups.add();
with(myDateButtons){
radiobuttonControls.add({staticLabel:"English", checkedState:true});
radiobuttonControls.add({staticLabel:"Chinese"});
var myResult = myDialog.show();
if(myResult == true){
switch(mySearchButtons.selectedButton){
case 0:
BreakLinktoStyleDocument();
TurnOffHyphenationDocument();
myObject = app.documents.item(0);
myCheckSelection = false;
break;
case 1:
BreakLinktoStyleSelection();
TurnOffHyphenationSelection();
myObject = app.selection[0];
myCheckSelection = true;
break;
switch(myDateButtons.selectedButton){
case 0:
myFindChangeByList1(myObject, myCheckSelection);
break;
case 1:
myFindChangeByList2(myObject, myCheckSelection);
break;
myDialog.destroy();
//myFindChangeByList1(myObject);
else{
myDialog.destroy();
function TurnOffHyphenationDocument() {
app.activeDocument.stories.everyItem().texts.everyItem().hyphenation=false;
myTables = app.activeDocument.stories.everyItem().tables.everyItem();
myTables.cells.everyItem().paragraphs.everyItem().hyphenation=false;
function TurnOffHyphenationSelection() {
app.selection[0].texts[0].hyphenation=false;
app.selection[0].cells.everyItem().texts[0].hyphenation=false;
function BreakLinktoStyleDocument() {
app.activeDocument.stories.everyItem().texts.everyItem().applyParagraphStyle(app.activeDoc ument.paragraphStyles.item(0), false);
app.activeDocument.stories.everyItem().texts.everyItem().applyCharacterStyle(app.activeDoc ument.characterStyles.item(0), false);
myTables = app.activeDocument.stories.everyItem().tables.everyItem();
myTables.cells.everyItem().paragraphs.everyItem().applyParagraphStyle( app.activeDocument.paragraphStyles.item(0), false);
myTables.cells.everyItem().paragraphs.everyItem().applyCharacterStyle( app.activeDocument.characterStyles.item(0), false);
function BreakLinktoStyleSelection() {
app.selection[0].texts.everyItem().applyParagraphStyle(app.activeDocument.paragraphStyles. item(0), false);
app.selection[0].texts.everyItem().applyCharacterStyle(app.activeDocument.characterStyles. item(0), false);
app.selection[0].cells.everyItem().texts[0].applyParagraphStyle(app.activeDocument.paragra phStyles.item(0), false);
app.selection[0].cells.everyItem().texts[0].applyCharacterStyle(app.activeDocument.charact erStyles.item(0), false);
function myFindChangeByList1(myObject, myCheckSelection){
var myScriptFileName, myFindChangeFile, myFindChangeFileName, myScriptFile, myResult;
var myFindChangeArray, myFindPreferences, myChangePreferences, myFindLimit;
var myStartCharacter, myEndCharacter;
var myFindChangeFile = myFindFile("/ScriptSupport/te.txt")
if(myFindChangeFile != null){
// Because the selection will change as we add/remove characters,
// we'll need to reset the selection after each pass if we are
// checking the selection. We'll get the index of the first character
// in the selection (relative to the start of its parent story) and
// the index of the last character in the selection (relative to the
// *end* of the story, and we'll use them later in the script to
// keep the ends of the selection in place.
if(myCheckSelection == true){
var myStart = myObject.characters.item(0).index;
var myEnd = myObject.characters.item(-1).index;
var myStory = myObject.parentStory;
var myStoryEnd = myStory.characters.item(-1).index;
myEnd = (myStoryEnd - myEnd)+1;
myFindChangeFile = File(myFindChangeFile);
var myResult = myFindChangeFile.open("r", undefined, undefined);
if(myResult == true){
//Loop through the find/change operations.
do{
myLine = myFindChangeFile.readln();
//Ignore comment lines and blank lines.
if((myLine.substring(0,4)!="text")||(myLine.substring(0,4)!="grep")||(myLine.substring(0, 5)!="glyph")){
myFindChangeArray = myLine.split("\t");
//The first field in the line is the findType string.
myFindType = myFindChangeArray[0];
//The second field in the line is the FindPreferences string.
myFindPreferences = myFindChangeArray[1];
//The second field in the line is the ChangePreferences string.
myChangePreferences = myFindChangeArray[2];
//The fourth field is the range--used only by text find/change.
myFindChangeOptions = myFindChangeArray[3];
switch(myFindType){
case "text":
myFindText(myObject, myFindPreferences, myChangePreferences, myFindChangeOptions);
break;
case "grep":
myFindGrep(myObject, myFindPreferences, myChangePreferences, myFindChangeOptions);
break;
case "glyph":
myFindGlyph(myObject, myFindPreferences, myChangePreferences, myFindChangeOptions);
break;
if(myCheckSelection == true){
myStartCharacter = myStory.characters.item(myStart);
myEndCharacter = myStory.characters.item(-myEnd);
myObject = myStory.texts.itemByRange(myStartCharacter, myEndCharacter);
app.select (myObject);
} while(myFindChangeFile.eof == false);
myFindChangeFile.close();
alert("Done");
function myFindText(myObject, myFindPreferences, myChangePreferences, myFindChangeOptions){
//Reset the find/change preferences before each search.
app.changeTextPreferences = NothingEnum.nothing;
app.findTextPreferences = NothingEnum.nothing;
app.findChangeTextOptions = NothingEnum.nothing;
var myString = "app.findTextPreferences.properties = "+ myFindPreferences + ";";
myString += "app.changeTextPreferences.properties = " + myChangePreferences + ";";
myString += "app.findChangeTextOptions.properties = " + myFindChangeOptions + ";";
app.doScript(myString, ScriptLanguage.javascript);
myFoundItems = myObject.changeText();
//Reset the find/change preferences after each search.
app.changeTextPreferences = NothingEnum.nothing;
app.findTextPreferences = NothingEnum.nothing;
app.findChangeTextOptions = NothingEnum.nothing;
function myFindGrep(myObject, myFindPreferences, myChangePreferences, myFindChangeOptions){
//Reset the find/change grep preferences before each search.
app.changeGrepPreferences = NothingEnum.nothing;
app.findGrepPreferences = NothingEnum.nothing;
app.findChangeGrepOptions = NothingEnum.nothing;
var myString = "app.findGrepPreferences.properties = "+ myFindPreferences + ";";
myString += "app.changeGrepPreferences.properties = " + myChangePreferences + ";";
myString += "app.findChangeGrepOptions.properties = " + myFindChangeOptions + ";";
app.doScript(myString, ScriptLanguage.javascript);
var myFoundItems = myObject.changeGrep();
//Reset the find/change grep preferences after each search.
app.changeGrepPreferences = NothingEnum.nothing;
app.findGrepPreferences = NothingEnum.nothing;
app.findChangeGrepOptions = NothingEnum.nothing;
function myFindGlyph(myObject, myFindPreferences, myChangePreferences, myFindChangeOptions){
//Reset the find/change glyph preferences before each search.
app.changeGlyphPreferences = NothingEnum.nothing;
app.findGlyphPreferences = NothingEnum.nothing;
app.findChangeGlyphOptions = NothingEnum.nothing;
var myString = "app.findGlyphPreferences.properties = "+ myFindPreferences + ";";
myString += "app.changeGlyphPreferences.properties = " + myChangePreferences + ";";
myString += "app.findChangeGlyphOptions.properties = " + myFindChangeOptions + ";";
app.doScript(myString, ScriptLanguage.javascript);
var myFoundItems = myObject.changeGlyph();
//Reset the find/change glyph preferences after each search.
app.changeGlyphPreferences = NothingEnum.nothing;
app.findGlyphPreferences = NothingEnum.nothing;
app.findChangeGlyphOptions = NothingEnum.nothing;
function myFindFile(myFilePath){
var myScriptFile = myGetScriptPath();
var myScriptFile = File(myScriptFile);
var myScriptFolder = myScriptFile.path;
myFilePath = myScriptFolder + myFilePath;
if(File(myFilePath).exists == false){
//Display a dialog.
myFilePath = File.openDialog("Choose the file containing your find/change list");
return myFilePath;
function myGetScriptPath(){
try{
myFile = app.activeScript;
catch(myError){
myFile = myError.fileName;
return myFile;
and here is my text file, te.txt
//001
grep {findWhat:"."} {appliedLanguage: app.languagesWithVendors.item("English: USA"), kerningMethod: "無"} {includeFootnotes:true, includeMasterPages:true, includeHiddenLayers:true, includeLockedStoriesForFind:true, widthSensitive:true}
//002
grep {findWhat:"."} {kinsokuSet: "繁體中文避頭尾(s)"} {includeFootnotes:true, includeMasterPages:true, includeHiddenLayers:true, includeLockedStoriesForFind:true, widthSensitive:true}
//003
grep {findWhat:"."} {mojikumi: "nothing"} {includeFootnotes:true, includeMasterPages:true, includeHiddenLayers:true, includeLockedStoriesForFind:true, widthSensitive:true}
//004
grep {findWhat:"."} {ligatures:false} {includeFootnotes:true, includeMasterPages:true, includeHiddenLayers:true, includeLockedStoriesForFind:true, widthSensitive:true}
//005
grep {findWhat:"."} {gridAlignment: 1852796517} {includeFootnotes:true, includeMasterPages:true, includeHiddenLayers:true, includeLockedStoriesForFind:true, widthSensitive:true}
//006
grep {findWhat:"."} {leadingModel: 1248619858} {includeFootnotes:true, includeMasterPages:true, includeHiddenLayers:true, includeLockedStoriesForFind:true, widthSensitive:true}
//007
grep {findWhat:"."} {characterAlignment: 1247896172} {includeFootnotes:true, includeMasterPages:true, includeHiddenLayers:true, includeLockedStoriesForFind:true, widthSensitive:true} -
Change text "link" color only in Spry Tab content area
I need to have multiple text link colors in my site for light
and dark background colors. The only regions in my site that have a
white background are in the Spry Tab Panel content area. I can't
figure out how to change the text color for text links in the spry
content only. I tried to add a:link ..etc... to the style sheet,
but it did not effect anything
(I also need to clean my style sheet (s). But that comes
next.
Here
is a Link to a Sample Page in my site
nullHere is the SpryTabbedPanels style sheet in my site. I can't
seem to figure out the changes I need to make to effect the content
area.
I tried to add the following (see .TabbedPanelsContentGroup
below)
a: link {
color: #0099CC;
text-decoration: none
a:active {
color: #99CC33;
text-decoration: none
a:visited {
color: #0099CC;
text-decoration: none
a:hover {
color: #99CC33;
text-decoration: underline
@charset "UTF-8";
/* SpryTabbedPanels.css - version 0.4 - Spry Pre-Release 1.6
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights
reserved. */
/* Horizontal Tabbed Panels
* The default style for a TabbedPanels widget places all tab
buttons
* (left aligned) above the content panel.
/* This is the selector for the main TabbedPanels container.
For our
* default style, this container does not contribute anything
visually,
* but it is floated left to make sure that any floating or
clearing done
* with any of its child elements are contained completely
within the
* TabbedPanels container, to minimize any impact or
undesireable
* interaction with other floated elements on the page that
may be used
* for layout.
* If you want to constrain the width of the TabbedPanels
widget, set a
* width on the TabbedPanels container. By default, the
TabbedPanels widget
* expands horizontally to fill up available space.
* The name of the class ("TabbedPanels") used in this
selector is not
* necessary to make the widget function. You can use any
class name you
* want to style the TabbedPanels container.
.TabbedPanels {
margin: 0px;
float: right;
clear: none;
width: 82%; /* IE Hack to force proper layout when preceded
by a paragraph. (hasLayout Bug)*/
padding-top: 0px;
padding-right: 0px;
padding-bottom: 2px;
padding-left: 0px;
/* This is the selector for the TabGroup. The TabGroup
container houses
* all of the tab buttons for each tabbed panel in the
widget. This container
* does not contribute anything visually to the look of the
widget for our
* default style.
* The name of the class ("TabbedPanelsTabGroup") used in
this selector is not
* necessary to make the widget function. You can use any
class name you
* want to style the TabGroup container.
.TabbedPanelsTabGroup {
margin: 0px;
padding: 0px;
/* This is the selector for the TabbedPanelsTab. This
container houses
* the title for the panel. This is also the tab "button"
that the user clicks
* on to activate the corresponding content panel so that it
appears on top
* of the other tabbed panels contained in the widget.
* For our default style, each tab is positioned relatively 1
pixel down from
* where it wold normally render. This allows each tab to
overlap the content
* panel that renders below it. Each tab is rendered with a 1
pixel bottom
* border that has a color that matches the top border of the
current content
* panel. This gives the appearance that the tab is being
drawn behind the
* content panel.
* The name of the class ("TabbedPanelsTab") used in this
selector is not
* necessary to make the widget function. You can use any
class name you want
* to style this tab container.
.TabbedPanelsTab {
position: relative;
top: 1px;
float: left;
padding: 4px 10px;
margin: 0px 1px 0px 0px;
background-color: #CCCC99;
list-style: none;
border-left: solid 1px #CCC;
border-bottom: solid 1px #999;
border-top: solid 1px #999;
border-right: solid 1px #999;
-moz-user-select: none;
-khtml-user-select: none;
cursor: pointer;
font-family: sans-serif;
font-size: 12px;
font-weight: bold;
color: #000000;
/* This selector is an example of how to change the appearnce
of a tab button
* container as the mouse enters it. The class
"TabbedPanelsTabHover" is
* programatically added and removed from the tab element as
the mouse enters
* and exits the container.
.TabbedPanelsTabHover {
background-color: #99CC33;
color: #000000;
/* This selector is an example of how to change the
appearance of a tab button
* container after the user has clicked on it to activate a
content panel.
* The class "TabbedPanelsTabSelected" is programatically
added and removed
* from the tab element as the user clicks on the tab button
containers in
* the widget.
* As mentioned above, for our default style, tab buttons are
positioned
* 1 pixel down from where it would normally render. When the
tab button is
* selected, we change its bottom border to match the
background color of the
* content panel so that it looks like the tab is part of the
content panel.
.TabbedPanelsTabSelected {
background-color: #FFFFFF;
border-bottom: 1px solid #EEE;
color: #000000;
/* This selector is an example of how to make a link inside
of a tab button
* look like normal text. Users may want to use links inside
of a tab button
* so that when it gets focus, the text *inside* the tab
button gets a focus
* ring around it, instead of the focus ring around the
entire tab.
.TabbedPanelsTab a {
color: black;
text-decoration: none;
/* This is the selector for the ContentGroup. The
ContentGroup container houses
* all of the content panels for each tabbed panel in the
widget. For our
* default style, this container provides the background
color and borders that
* surround the content.
* The name of the class ("TabbedPanelsContentGroup") used in
this selector is
* not necessary to make the widget function. You can use any
class name you
* want to style the ContentGroup container.
.TabbedPanelsContentGroup {
clear: both;
border-left: solid 1px #CCC;
border-bottom: solid 1px #CCC;
border-top: solid 1px #999;
border-right: solid 1px #999;
background-color: #FFFFFF;
color: #000000;
a: link {
color: #0099CC;
text-decoration: none
a:active {
color: #99CC33;
text-decoration: none
a:visited {
color: #0099CC;
text-decoration: none
a:hover {
color: #99CC33;
text-decoration: underline
/* This is the selector for the Content panel. The Content
panel holds the
* content for a single tabbed panel. For our default style,
this container
* provides some padding, so that the content is not pushed
up against the
* widget borders.
* The name of the class ("TabbedPanelsContent") used in this
selector is
* not necessary to make the widget function. You can use any
class name you
* want to style the Content container.
.TabbedPanelsContent {
padding: 4px;
/* This selector is an example of how to change the appearnce
of the currently
* active container panel. The class
"TabbedPanelsContentVisible" is
* programatically added and removed from the content element
as the panel
* is activated/deactivated.
.TabbedPanelsContentVisible {
/* Vertical Tabbed Panels
* The following rules override some of the default rules
above so that the
* TabbedPanels widget renders with its tab buttons along the
left side of
* the currently active content panel.
* With the rules defined below, the only change that will
have to be made
* to switch a horizontal tabbed panels widget to a vertical
tabbed panels
* widget, is to use the "VTabbedPanels" class on the
top-level widget
* container element, instead of "TabbedPanels".
/* This selector floats the TabGroup so that the tab buttons
it contains
* render to the left of the active content panel. A border
is drawn around
* the group container to make it look like a list container.
.VTabbedPanels .TabbedPanelsTabGroup {
float: left;
width: 10em;
height: 20em;
background-color: #CCCC99;
position: relative;
border-top: solid 1px #999;
border-right: solid 1px #999;
border-left: solid 1px #CCC;
border-bottom: solid 1px #CCC;
/* This selector disables the float property that is placed
on each tab button
* by the default TabbedPanelsTab selector rule above. It
also draws a bottom
* border for the tab. The tab button will get its left and
right border from
* the TabGroup, and its top border from the TabGroup or tab
button above it.
.VTabbedPanels .TabbedPanelsTab {
float: none;
margin: 0px;
border-top: none;
border-left: none;
border-right: none;
/* This selector disables the float property that is placed
on each tab button
* by the default TabbedPanelsTab selector rule above. It
also draws a bottom
* border for the tab. The tab button will get its left and
right border from
* the TabGroup, and its top border from the TabGroup or tab
button above it.
.VTabbedPanels .TabbedPanelsTabSelected {
background-color: #CCCC99;
border-bottom: solid 1px #999;
/* This selector floats the content panels for the widget so
that they
* render to the right of the tabbed buttons.
.VTabbedPanels .TabbedPanelsContentGroup {
clear: none;
float: left;
padding: 0px;
width: 30em;
height: 20em; -
Change Style for text (PE12)
When I insert a text, i can change style just one time. It is not possible to change style for other text. I must stop the program and start up for changing style at each time I request to change style.
Solution?Peru Bob,
Thank you for linking to the Muvipix thread. Not sure what happened in PrE 12, but this Styles Bug looks pretty serious, as Styles allow a user to do so much, regarding attributes for Shapes and Text.
Appreciated,
Hunt -
Font on highlighted link changes to script text in Google.
When I go to only one sight that I know of (Google) . The Font on the highlighted word/link changes to script text and the little "more" on the right side is also in script style.
The user said " i didn't do anything"! I can't find where one would change the way highlighted links display. Any Ideas greatly appreciated.
emac/safari Mac OS X (10.4.7)It's hard to tell what you mean exactly by "script text." Perhaps its font substitution from some junk font added to your system recently?
-
How do I create more than one CSS style for text links?
Hello,
Just like the title says, I need help with creating more than one CSS text link style in Dreamweaver CS4. For instance, I want the navigation on the website I'm building to have a different text link style than a link in some part of the body copy. I've been playing with Dreamweaver for a while and can't find any way to do this. If it's even possible to do this, I would really appreciate any help.Yes it is possible but as you have failed to provide a valid link to your site, I will tell you in general Terms:
1) First create a class or an ID to to your Nav bar;
2) Now style your navbar in such a way that these styles will only apply to your nav bar. To do this, you start your style by doing something like this:
ul#vavigation {.........}
ul#navigation a {.........}
ul#navigation a:hover {.........}
ul#navigation li {.........}
your html code might look like this:
<ul id="navigation">
<li><a href="#">Home</a></li>
etc etc .........................
</ul>
hth -
Text Link Styles not working in Footer Section
I have a master page with a footer that has three columns of navigation text links inside.
In order to match my design I have created a customer text link style for these links.
However when I preview my site (in muse and browsers) the roll over effect (should show an underline) doesn't work.
I've searched the forums and found that someone else had a similar problem and it was down to them having a paragraph and character style stacked on top of one another. However I have checked this on my links and this is not the case.
NOTE: I have already successfully managed to create a similar style that resides in a side bar navigation panel in some of the sites internal pages and these link styles are working fine.
So, I'm not sure if the file has become corrupt or if I'm missing something that I've done wrong?
One question I have is at which point to you apply the text link style?
1. By clicking on the line of text to select it?
OR
2. By clicking further into the text box; as if you were editing it, then selecting all of the characters in the word you want to make a link. With the word selected, click on the style name in the Character Panel to apply it?
OR
3. as with the above example, once you have selected all of the characters in the word you want to make a link. Click on the Hyperlink drop down arrow (from the main toolbar) and choose the style name you wish to apply, from the drop down box 'Text Link Style'
NOTE:
I'm running version v2.3, Build 50, CL 771675
AIR Runtime: 3.5.0.600
UPDATE:
I couldn't wait any longer, so I just deleted the text boxes and styles and re-created them both and they seem to work now. Lot of additional work though that I'd rather have not had to do.Sorry, I forgot to say, to see how the email link at the
bottom of the page should look please see www.bethhockley.com
Thanks,
Beth -
Changing the Name of Text Links to a File
I happily discovered that iWeb will create download links to files such as text, spreadsheet, word processing, PDF, and the like, if you zip them. However, when I create a text link to a file, the linked text takes on the name of the file, such as YourDownload.zip, rather than keeping the description I entered when creating the link. So links to files don't work the same way that links to URLs or other web pages within a site do, in that the link path (the URL) is separate from the name or description of the link. Is there a way around this apart from using graphics objects for the links?
Any advice would be most appreciated.Once the text link is created you can go back, select the text and change the name to anything you want. It doesn't have to the the name of the zipped file. An annoyance but easily overcome.
OT -
Text link styles not transferring in IE 5.2 for Mac
Hi,
My page www.bethhockley.com/ptihome2.htm uses two styles of
text link, both of which are defined in my external CSS
www.bethhockley.com/bethhockleychanged.css the text links look as
they should in all browsers barr IE 5.2 for Mac. My os is osx
10.3.9.
In IE10.3.9 the link [email protected] (on the blue bar
at the bottom of the page) shows up in the link style "commercial"
rather than in the link style "email"
Does anyone know why this is?
Thanks,
Beth HSorry, I forgot to say, to see how the email link at the
bottom of the page should look please see www.bethhockley.com
Thanks,
Beth -
MessageRichTextEditor - How to hide the link 'Change to Rich Text Mode'
Hi,
I will be using RTE only in plain text mode.So I want to hide the link 'Change to Rich Text Mode'.How can we do this.
Please suggest.
Regards,
ashokPersonalize the page to hide the link and set its rendered property to false.
--Kumar -
Can You Make Text Links Different Colours in DW Cs5?
Hi everyone, in DW Cs5 how do you make text links on the same page different colours, I have some text links across the top of the page, these go with a certain colour scheme but some more on the page it's self these need to be a different colour.
I have done this before by accident but unfortunately I have no longer got that file. Information for text in either html or css would be very helpful.
Many thanks
GarethChange this:
<style type="text/css">
.def13grey4 {
font-size: 14px;
font-weight: bold;
color: #333;
.def14grey4 a {
color: #333;
</style>
to this:
<style type="text/css">
.def14grey4 a:link{font-weight: bold; color: #333;}
.def14grey4 a:visited{color: #999;}
.def14grey4 a:hover,
.def14grey4 a:active,
.def14grey4 a:focus{color:#4488C3;} /**adjust colors to suit**/
</style>
Change this in the HTML:
<td height="354" colspan="3" valign="top" bgcolor="#CCCCCC" class="def13grey4">
<p>Black Shirts #002</p>
</td>
To this:
<td height="354" colspan="3" valign="top" bgcolor="#CCCCCC">
<p><a class="def14grey4 href="some-link.html">Black Shirts #002</a></p>
</td>
HTML & CSS Tutorials - http://w3schools.com/
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb -
How to do CSS Rollover Text Links in Muse?
In Dreamweaver, we have to the ability to apply CSS styles to text links in order to make it behave like a rollover (the color changes on mouseover, etc.). How do we do this in Muse? Kind regards-
(EDIT): Have a look at the menus on Adobe's main website for an idea of what I want to do.Google "Adobe Muse Hyperlink Styles" or see threads such as How can I change Hyperlink text styles?
Maybe you are looking for
-
Stylus & Atmosphere too heavy?
Hi, recently added Stylus and Atmosphere (which are great!, expecially Stylus) to my Logic's plugins. Now, using both of them into a Song, Logic goes weird. Sometimes the standard pop-up warning appears ("Core Audio System Overload - Disk too slow",
-
How to add new plug ins or patches ?
hi everybody I'm just beginning on Logic Pro X, very great hardware. Howerver, I can't ad any instrument or any plug in on the library. Is that normal? I learnt many and many video tutorial but nothing about adding instruments or plugins (like Sylent
-
Why is the first outgoing ring muffled?
I have a iPhone 4S. After updating to 5.0.1, outgoing calls have a muffled first ring. What would cause this? It's just annyoing.
-
Download "not applicable?"
I am brand new to Photoshop. I purchased the PS Elements/ Premiere Elements bundle, but the PE download says "not applicable". My pc is new and runs on Windows 8. Help please!
-
Imovie crashes on opening and iPhoto crashes when importing
iphoto crashes when importing or duplicating and I movie crashes when opening. I've deleted plist files and rebuilt the iphoto library. recently I ran drive Genius disk shredder and wondred if I had deleted anything accidently. Any ideas. I'm running