Hover style on li tag

I need to apply hover style on li like if i have 5 items in repeater control as below
first li
second li
third li
fourth li
fifth li
then if i hover over any item then whole items must be yellow,i want to hover whole li not the anchor tag,code for repeater control is below
<asp:Repeater ID="rptListItems" runat="server">
<ItemTemplate>
<li><a class="LinkText" href='<%# DataBinder.Eval(Container.DataItem, "Link").ToString() %>'><%# DataBinder.Eval(Container.DataItem, "Title")%></a></li>
</ItemTemplate>
</asp:Repeater>
protected void rptListItems_ItemDataBound(object sender, RepeaterItemEventArgs e)

Hi,
To apply the hover style on page elements, we can create a custom CSS to achieve it.
I suggest you use IE Developer(F12) to investigating the HTML source of the page and find out the corresponding elements of these “li”, then use CSS Selector to select them and
apply your custom style to them.
Here are two links about
CSS Selectors:
http://www.w3schools.com/cssref/css_selectors.asp
http://code.tutsplus.com/tutorials/the-30-css-selectors-you-must-memorize--net-16048
For the
hover style:
http://www.w3schools.com/cssref/sel_hover.asp
http://www.w3schools.com/css/css_link.asp
Feel free to reply if there still any questions.
Best regards
Patrick Liang
TechNet Community Support

Similar Messages

How to apply paragraph styles to xml tag?

Hi All,
How to apply paragraph style to xml tag?

Hi Learner,
Try the below js code.
var myDoc = app.activeDocument;
try{
 mySel=app.selection[0];
 myDoc.xmlElements[0].xmlElements.add({markupTag:"TEST", xmlContent:mySel});
 }catch(e){
 alert(e);
var myDocument = app.activeDocument;
app.findGrepPreferences.appliedParagraphStyle = "test";
app.findGrepPreferences.findWhat = ".+(?=\\r)"
var mySearch = myDocument.findGrep(false);
for (a=0; a<mySearch.length; a++){
 myDocument.xmlElements[0].xmlElements.add({markupTag:"TEST", xmlContent:mySearch[a]});
thx,
csm_phil

Needless inline styles and span tags

OS: Win XP SP 2
Product: RoboHelp HTML 6
Output: WebHelp
I am finding some instances of needless inline styles and
span tags in some topics in a project. Around these problematic
instances are plenty of instances that have no problem. I used
non-problematic instances as guides for correcting the problematic
instances. Fortunately, RH hasn't overwritten any of my
corrections.
I am concerned about the insertion of needless inline styles
and span tags at two levels. First, I see them as indicators of
inconsistency. Whether the inconsistency is in myself or in RH, I
don't know (but I want to eliminate it). Second, needless code is
wasteful (esp., wastes time in code view).
Has anybody seen this before? Does anyone know or suspect a
cause?
SAMPLE 1
RH6 created: blah blah yaddi
yaddi
I corrected: blah blah yaddi yaddi
SAMPLE 2
RH6 created: blah blah yaddi
yaddi
I corrected: blah blah yaddi yaddi
SAMPLE 3
RH6 created: blah blah yaddi
yaddi
I corrected: <>blah
blah yaddi yaddi

Some of this has to do with how users have applied styles in
WYSIWYG mode; for example, if you double click a word (which
selects the space after) and apply Bold, then later select the word
by dragging the cursor to select only the word (which doesn't
select the space after), RH will usually surround the selected
characters with "normal" span tags and often leave the bold in
place.
This same type of style formatting might have been repeatedly
done in the original form that might have been imported (Word,
Frame, etc.). So, then, if you compound the code bloat from an
imported file with additional formatting in RH, well you do the
math.
I've seen code wherein a six-word sentence might be saddled
with as many as 10-12 SPAN tags and might stretch into 6-7 lines of
code!
However, these are still flat files, not binary; you'd need a
ton of extra code to increase the aggregate file size a lot. Heck,
your graphics will usually take more room than your topics. One of
our child projects has 153 .htm files at 3.25 MB, whereas the
aggregate of .gif, .jpg, and .bmp graphics exceed 4 MB. My view has
always been this: until the underlying code affects the format I
expect to see in my output, I consider extra SPAN and KADOV tags to
be nothing but white noise.
Good luck,
Leon

Apply a hover style over a layer cluster using V2 API

We are looking to apply a hover style that would highlight the [radius/extent/polygon] that contains the features that fall under a cluster. We are using V2 API. Any ideas !!!

Hi,
Did you try this?
See my VectorLayer of Customers
// define and use the Customers theme
        vectorLayer = new OM.layer.VectorLayer("vectorlayer2",
            def:{
                type:OM.layer.VectorLayer.TYPE_PREDEFINED,
                dataSource:"mvdemo", theme:"customers",
                url: baseURL,
                loadOnDemand: true
        var variableMarker = new OM.style.VariableMarker(
          classification:"logarithmic",
          marker:new OM.style.Marker({ vectorDef: [
                            shape: {type: "circle", cx: 5, cy: 5, width: 10, height: 10},
                            style: {fill: "#ff00ff", stroke: "#000000"}
          startSize:20,
          increment:5,
          numClasses:10
        vectorLayer.enableClustering(true,{clusterStyle:variableMarker,minPointCount:5, maxClusteringLevel:8, threshold:40});
          vectorLayer.setHoverStyle(new OM.style.Color({strokeThickness:8})); //MY HOVER STYLE DEFINITION
Regards,
Renan

Is there a 'macro' to convert a Word style to CSS tag?

The text in my source (Word) has a named character style applied to selected words/phrases throughout the text. I want to detect that specific character-style spec. in the source (pasted from Word into a DW target page) and have a way to translate what was a Word style-spec. into a specific CSS style for that same piece of text in the HTML.
For example, say the Word style is a character style named "boldBlue" (which, when applied to the text, makes it appear in ... bold and blue). In CSS, I have a style named "BB" -- I want the HTML to have the same text tagged correctly using the CSS spec. for "bold blue" (BB), without needing to assign that CSS tag over and over and over to each case.
Is there some 'macro' (or 'batch') way to accomplish this in CS6?

Honestly, the best thing you can do is strip out all Word generated code. Word is a horribly writer of html and css and will increase the headache factor of your project by an order of magnitude. DW has a feature built into it specifically to strip out all Word generated gibberish simply because it is so terrible...
Commands > Clean Up Word HTML
To change code from something like class="BoldBlue" to class="BB", you can open the page in source view and use the Find & Replace feature to replace all instances of BoldBlue with BB.
Ctrl + F or Edit > Find and Replace
When the dialogue window pops up, choose Current Document and Source Code from the drop downs. Put the exact text, spaces and all into the Find field and the new info in the Replace, then click Replace All.

How to apply multiple styles for nested tags in XML?

Say you import this XML into InDesign:
<Root>

Bolded and Italicized

</Root>
And you have two character styles, bold and italics, to map to strong and em tags respectively.
You will see that the text appears italicized not bolded and italicized as expected. Generally, only the innermost tag will get the style and will overwrite its parent styles.
Notice the XML is generated dynamically and tags order is not enforced. Also, there's an additional underline tag that can be nested with these two.
So far I have tried to use GREP styles (with paragraph styles), but these do not have effect in the XML tags.
Other possible options not tried yet:
Create new tags for every formatting combination. Not what I really want because I could en up with a lot of tags each one with a corresponding styles.
Create InDesign XML rules to apply character styles automatically based on the tags
Use character styles in the XML with the aid namespace referencing InDesign styles. Will this really work?
What do you suggest to go for? See any other option?
Thank you in advance.
Juan

I'd say that you should create tags not for appearances, but for semantic content. Specifying formatting styles in your XML betrays your lack of familiarity with the format, because the last thing you'd want to do would be to use HTML markup in the middle of your XML. If you have content that's supposed to be both bolface and oblique - say, a warning - then it's marked up as
<warning>Never refer directly to formatting in your XML markup, only to content types!</warning>
If I had a document that was written in the style you suggest - one with lots of overlapping local formatting - I'd look at developing a better style guide that told the writers that doing so would be bad form. Because, you know, many of the writers I deal with are addicted to forms of emphasis that do nothing useful whatsover for their readership - they only serve to overemphasize the authorial voice of the writers.
Maybe you could tell us why you need these overlapping forms of styling, and we could suggest other InDesign formatting tools (like line styles or nested styles) that would help you get the appearance you want without crowding styling markup into your XML - where, strictly speaking, it doesn't really belong.

Map Styles to XML Tags

Hi,
My InDesign cc2014 freezes when I apply manually 'mapStylestoXMLTags' to a document. any idea?
Thank you,

+1 for Harb's reply.
As for an answer, as much as it is, if indesign freezes when manually mapping styles to tags (or the other way around), there is not much you can do. In my experience that always happens if the indesign document is large. Most you can do is post a bug report with Adobe and hope for the best.
As a workaround, you can iterate through the textStyleRanges, test each one and create the xml structure, but it's not a easy solution.

Setting style for html tags in flex

I need to add display:inline style property to tag in flex CSS. Is there anyway to do like the below in flex
p{ display:inline}
Thanks in advance.

Hi rizmysl,
You cannot directly set the backgroundColor to a Label control however you can do it by getting a reference to the underlying TextField control inside the Label, for that you need to write some actionscript.
Check out the below code:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="init()">
 <mx:Style>
 .texfield{ width:300; height:30; background-color:red; fontWeight:bold;}
 </mx:Style>
 <mx:Script>
 <![CDATA[
 import mx.core.IUITextField;
 private function init():void
 //Getting reference to the underlying TextFiled control inside Label
 var tf:IUITextField = (myTextField.mx_internal::getTextField());
 tf.background = true;
 tf.backgroundColor = 0XFF0000;
 tf.width = 300;
 tf.height = 30;
 ]]>
 </mx:Script>
 <mx:Label x="25" y="113" text="My Sample Text Goes Here ...." styleName="texfield" id="myTextField" />
</mx:Application>
Thanks,
Bhasker Chari

Why are my inline css styles for BC tags being ignored and just default to blue underlines?

I am familiar with inline css styling for email campaigns and have always customised links in emails with the code I sent:
however Im puzzled why this code doesn't work with BC tags {tag_viewinbrowser} and {tag_unsubscribe}, any help would
be great as I think the default blue links look ugly.
This is my code: <a href="" style="color:#78787c; text-decoration:underline;">{tag_viewinbrowser}</a>
All other links I have styled appear as they should, its just BC tags where the style seems to be ignored?

You can put <style>span#unsubscribe a{color:red;}</style> code in your newsletter html that can address the DOM that is specific to those links. BC is adding it's own anchor tags for those links so your style isn't touching it. Rewrite your tag to look like this. {tag_unsubscribe} . That with the style code will solve your problem.

Assign paragraph-styles to xml-tags correctly. How to?

Hi,
I want to assign xml-tags to existing paragraph styles in InDesign CS6 on a Mac 10.6.8. The xml itself is organized like this:
<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<katalog>
<artikel id="32434">
<img href="/bilder/32434.tiff" />
<artikeltextgruppe>
<artikelmarke>DieselGabana</artikelmarke>
<artikelheadline>Jeans ist super</artikelheadline>
<artikeltext>Superjeans knallt rein.</artikeltext><artikelnummer>70238</artikelnummer>
<artikelmaterial>100% Jeans</artikelmaterial>
<artikelgroesse>Uni</artikelgroesse>
<artikelfarbe>Uni</artikelfarbe>
</artikeltextgruppe>
</artikel>
</katalog>
By selecting the option "Assign formats per name to the tags" (translated from German) I wanted to generate the desired look. But if I start this all I get is the whole textblock of <artikeltextgruppe> assigned to 1 formatstyle. And besides that the whole content of <artikeltextgruppe> looks like one single paragraph without any structure (no linebreaks) The content though is correctly structured because I can highlight the value of e.g. <artikelmarke>separately by doubleclicking this tag in the structure-view.
a) What can I do to assign the formats correctly AND to have correct linebreaks?
b) If I drag my node <img href="/bilder/32434.tiff" /> iin the layout I get a message displayed to search again for the correct reference location. And that happens independently on using relative or absolute references (Although I need to use relative ones) What can I do here?
thanks so much

First, I would probably do a search and replace to remove the group element using a text editor (the <artikeltextgruppe> and </artikeltextgruppe> elements). They really are not needed.
Second, I usually create my styles with the same names as the elements themselves. Then, after the XML is imported, I use the "map tags to styles" command from the Structure pane.
I copied and pasted the single artikel element to create 4 records, added a varition of an image to each element record. Once the paragraph styles were mapped, your XML looked like this in a two column format (to get all 4 records on a page)...
By default, ID will create a single line to a single line in the XML. So if you desire elements to be on their own line, the XML needs to be formatted that way. If you need different styling within a paragraph, you need to create character styles and alter the elements within an XML group and or paragraph and add the code in the XML accordingly or post process once inside of ID.
I always need to take the XML I am given and reformat, move elements with the tree, change links to images, remove tabs and or spaces where I do not want them, tag for character styles, etc., to get close to how I want the initial format to be.
Mike

JSF 1.2 style facelets custom tags in JSF 2.0

Ahoy.
Using facelets with JSF 1.2, one could create a custom tag in an xhtml file along the lines of:
labelledInput.xhtml:
<ui:component>
 <h:outputLabel value="#{label}: ">
 <h:inputText value="#{value}"/>
 </h:outputLabel>
</ui:component>
...You could register it in faces-config.xml or somewhere and then use it with <custom:labeledInput label="Type Something: " value="#{bean.value}"/>.
Alternatively, one could use <ui:composition> instead of <ui:component> in which case the tag wouldn't be considered as a component.
I think it could possibly be done with composite components, but they're not quite the same, and their documentation is pretty limited (at least until some of the books come out this year).
I want to use these more as shortcuts to reduce code duplication rather than adding functionality and they seemed to work well in the past for this.
If they can't be used, is there a way of creating a composite component that doesn't act as a component?
In particular, I want to make a tag that contains two components:
- a label
- a panel group containing an input and a message for that input
Then I can add a bunch of these to a 2-column panel grid for a nicely formatted form. Doing it with composite components forces each tag to be a single component, which I don't want. Old-facelets <ui:composition> based tags would let me do this (I think.)

Hello,
You posted in the wrong forum. This one is dedicated to the Oracle Forms product.
Francois

Mouse hover style not changing

Hello
I am working on branding and am not getting the mouse hover css like
About Us same I want to do in Resource,selfservice,AdminLinks in second image
Thanks,

Its Top Navigation bar and the class name is "menu-item-text" .In the same top navigation bar I have subsite also when I mouse hover on that than am getting background image on mouse hover.

Hover style not applying on text

Hello,
I have created a manual menu (not the one that muse creates automatically) and tried to apply hyperlink styles to it.
Not working at all. I have done this before without issues. Would appreciate any help.
On the other hand I just wanted to ask if it is normal from adobe support chat to ask about sharing my screen.
I was chatting yesterday and was asked to do so, which I didn't. Was asking the same question, but chat suddenly was canceled
and didn't have any answer.
Thanks for any help,
Ignacio

Hi
First of all apologies for the inconvenience you faced on the chat.
To confirm you with the screen sharing option, our technical team members may seek for your permission to take control of the screen ( via adobe connect session) so that they my look into the issue you facing with the Adobe Muse application. In this case, we always recommend the customers to remain in front of the screen while the technical team member is working/investigating the issue.
Please note that due to security reasons none of the technical team member is authorized to take control of the screen without customer's permission or work in customer's absence.
Coming to the issue you have reported, Could you please elaborate the query in detail? Also please share the screenshot of the settings you have made for the menu along with the site URL , so that I may look into the issue.
Looking forward to your reply
Regards

TextField, htmlCode a:hover tag.

In my project I have to display a html page into Flash. I use
a TextField to do this. The problematic page part looks like this:
Autor:&sp;<a
href="authors/augustynowicz/page.xml" page="3">Christoph
Augustynowicz (Austria)</a> 
<img src="config/html/lectures/vampire/images/UCV7.swf"
big="config/html/lectures/vampire/images/floh.jpg">
Źródło:
http://www.kunstbilder-galerie.de
</img>
css file:
color: #FAEACE;
a {
text-decoration: underline;
a:hover {
color: #FF9933;
.title{
font-family: Verdana,Arial,Helvetica,sans-serif;
font-weight: bold;
font-size: 14px;
color: #833904;
.subtitle {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
font-weight: bold;
color: #833904;
The problem is that when I move mouse pointer onto the link
("Christoph Augustynowicz (Austria)"), whole <a> tag text
moves sometimes to the right site of the page.
big is my custom attribute, and it does not cause the
problem.
Can you help me? Is there a way to simulate a:hover style
somehow?

Hi Fusion,
Thanks for your quick reply. However I mean something
different:
In the example the "create widget" code creates only one
widget. I would like to create a widget FOR ALL items inside the
repeat-loop (referring to the accordion-example: on each
"AccordionPanelContent" div).
e.g.:
<table>
<tr spry:repeat="dsDataset">
<td>
<input type="text" id="{ID}" />
</td>
</tr>
</table>
Now: Create a (validation) widget on all Input ID's.
I'm sure I will eventually find a way using e.g. onPostLoad
listners and looping, but I was looking for a more integrated
solution, since I'm writing a very generic tool (and don't want too
much specific code).
Thanks for any suggestions!
Klaas

INDESIGN GLITCH: Creating an XML file from Indesign Layout - Issue "Using more than one line of GREP" & "Map Styles to Tags"

I currently create XML from InDesign CC by Mapping Style to Tags.
- The Paragraph Styles are manually apply to text. These styles include multiple lines of GREP to automatically apply character styles.
- I map some of the paragraph and character styles to prebuilt tags that have the same name "Map Styles to Tags".
I have found through trouble-shooting that InDesign is unable to "Map Styles to Tags" for more than one line of GREP. I therefore have to chose which line of GREP to automatically tag and which lines to manually tag.
Please can anyone help, I need to automatically map tags to at least two character styles in one paragraph via GREP.
Thanks,

OK. The best I can suggest is running a Find/Change like this:
Which will actually apply the character style to the italics (and I would do the bold as well just to make certain). Then run the Map Styles to Tags again, using the Apply by Name. Which will tag the italics.
I don't know why ID can map to the bold and not the italic character style. It either should do them both (as in this instance) or none at all as the character styles are not actually applied by the grep, just the styling from the character styles.
Mike

Hover style on li tag

Similar Messages

Maybe you are looking for