span

How to create an all browser-compatible hanging indent style in CSS in a span

The only thing I've found has been; .hang { text-indent: -3em; margin-left: 3em; } The only way for this to work is putting text in a paragraph, which causes those horribly unsightly extra lines. I'd much rather just have them in a <span class="hang"></span> type of thing. I'm also looking for a way to further indent than ju...

How do I align spans or divs horizontally?

My only problem is making them line up three-across and have equal spacing. Apparently, spans can not have width and divs (and spans with display:block) don't appear horizontally next to each other. Suggestions? <div style='width:30%; text-align:center; float:left; clear:both;'> Is what I have now. ...

Semantic value of span

The span element would seem to be exactly like a div, but at the in-line level rather than at the block level, however I can't seem to think of any beneficial logical divisions that the span element can provide. A single sentence, or word if not contained in a sentence, seems to be the smallest logical part. Ignoring CSS, since that will...

css icon height issue

I want to have a standard method of formatting "Show More" links in my HTML pages. In HTML I use: <span class="showMore">Show more details</span> Then in the css, I have: .showMore {color: #0E4B82; padding-left: 18px; background:url("images/icons/add.png") no-repeat 0px 0px;} .showMore:hover {color:#F5891D; cursor: pointer; } wher...

Click on span with padding

I have a span with no text, it looks like an image, it has background and padding. But it doesnot execute onclick event. What to do? Do I need obviously change span to everything else? ...

Fade the background-color of a span tag with JQuery

I'm trying to fade the background-color of a span tag using JQuery to emphasize when a change has occured. I was thinking the code would be someting like the following inside the click handler, but I can't seem to get it working. Can you show me where I went wrong? Thanks Russ. $("span").fadeOut("slow").css("background-color").val("FF...

Update span tag value with JQuery

I'm trying to update a span tag that is in a fieldset tag that is in a legend tag. The idea is to update the cost of a Software Item as components are selected. The code below works fine if I only have one software item (e.g. - Visual Studio 2008 Pro $2800), but if I add a second item in another fieldset, then when I try to update the ...

JQuery animate

I have some JQuery code in the click event handler for a checkbox that updates the value of a span control on the page, then animates the background color of the span tag to yellow and then fade back to white in about a second to draw attention to the user that the value of the span has changed. The problem is that if a user clicks repe...

css: how to format contact entry screen

I am trying to nicely format contact screen in my aspx page using CSS. With the following code, I am unable to click into the txtEmailAddress. If I take out padding:100px from the txtSubject Span element, then I am able to click into txtEmailaddress and edit. please help... <div> <span> Your Email Address : </span> <span style="padd...

HTML: span with a background color and image -- why doesn't the color appear under the image?

I'm trying to add an arrow image beside the text within a span. Here's the HTML I'm working with: <span id="status" class='unreviewed'> Unreviewed <img src="bullet_arrow_down.png" /> </span> Now, I've coloured the background of the span with this css: #status { float: right; position: relative; cursor: pointer; -moz-back...

What are asp .net validators rendered into in HTML?

Are all asp net validators rendered as < span> tags? This is important as spans are being used in the styling and a strict css heiracrchy is in place and I don't want to add redundant < span> tags around what will be rendered at runtime. ...

HTML how to move through columns

Hi, I have the following code: $(document).ready(function() { var id = 'cbx'; var idPrefix = 'Arrow'; var html = '<img .../>'; // query parent row var rowq = $('#' + id); if (rowq.length < 1) { rowq = $('.' + id); VersionHeader = true; ...

CSS - width not honored on span tag

Hi All I have a issue with one of my spans. Please cosider the following styles: .form_container .col1che { float: left; width: 4%; text-align: left; } .form_container .col2che { float: left; width: 80%; text-align:left; } .form_container .col3che { float: right; width: 13%; text-align:right; } These 3 spans in my cod...

Stop Visual Web Developer from putting "span lang="en-us" tags

I'm working my way through figuring out how VWD applies styles depending on how you attempt to modify the formatting for text, and noticed it keeps putting in an span lang="en-us" tag in front of things. A check of google didn't produce anything that was relevent for VWD, so I thought I'd ask if anyone knows how to prevent this tag f...

Different css rendering for span inside td with FF3.5 versus FF3.0

I have a web page that has a table and inside one of the td is span that uses a smaller font, float right to place it to the far right, and a negative margin-top, so it is aligned with larger text in the td. With Firefox 3.0 it works fine, but I just updated to Firefox 3.5 and the margin is moving the text up too far. I have another pa...

CSS : How do I vertically-center align text in a div ? (or any other elements which is not a table)

To vertically-center align text in a table-cell, I use vertical-align: middle in the td. But the above doesn't work with divs, spans, header and other non-table elements. So how can I vertically-center align text in such elements ? ...

How do I change the text of a span element in javascript

If I have a span, say: <span id="myspan"> hereismytext </span> How do I use javascript to change "hereismytext" to "newtext" ...

wpf: checking how many components are inside of a Span?

I have WPF Span that is used as a source to a TextBlock. I am doing some tests and it would be very helpful to know in code how many of which type of component is inside of the Span. For example, at one point I insert a new Bold() into the span's inlines. How would I check that there is exactly one Bold component contained inside of the...

Why does TinyMCE insert <span> </span> between (django) {% %} tags?

My application features a CMS for editing Django templates. Whenever I type something like {% sometag %} TinyMCE will actually store {%<span>sometag</span>%} Is there any way to prevent TinyMCE from doing this? ...

JavaScript: how to change CSS style of created span?

newNode = document.createElement("span"); newNode.innerHTML = "text"; range.insertNode(newNode); Is it possible to make the text in innerHTML with red background color? I want to add style="background-color:red" to just created span. Is it possible? Or it must have some id, and then I can change this span with jQuery? ...