css

Linking a CSS with a ASP.NET Custom Control

I'm developing a custom control which is a composition of tables and buttons. I also have a CSS that defines the styles for these. The Control is under the class CompositeControl, under namespace MyControls and the definition of the class is in a class file CompositeControl.cs and the dll file generated is named MyControls.dll Also, the...

YUI Modal Dialog in IE7 Quirks Mode

I have a page in Quirks mode (no DOCTYPE). I'm trying to show a YUI modal dialog. And it shows correctly under Chrome & FF. But in IE7, when the dialog pops up, the font size of all the other elements on page becomes smaller. And it remains like that, even after I dismiss the dialog. This isn't a problem for IE7 in Standards mode. But i...

CSS - Two Divs Side by Side, One takes up as much room as need, other fills rest of width

I'm trying to get two Divs to sit side by side. I want one div to take up as much width as is needed and the other to to take up the remaining width so both divs span 100% width. Is this possible? I've tried floating and a bunch of different positioning settings but I can't find a solution that works. I naturally thought that adding a fl...

Dynamic web page...filling in data on the page when a link is clicked

I want to implement a web page (using HTML/PHP, whatever else), that will populate data int the top half of the page (seem image below). The top half will contain links. When the user clicks on the links, I want to populate the bottom half of the page with detailed information about the item clicked on in the link in the upper half of ...

How to prevent mouse scrolling outside hovered element ?

I have a div which is set to overflow:scroll;. I get scrollbars which is what I want. However when scrolling the div with the mousewheel it scrolls the rest of the page when it reaches the top or bottom of the div's content. How can I scroll only the div or the entire page based on what's hovered ? ...

DIV's - two rows with an Asterisk in the center at the end of the row

I have built a form using DIV's. I am happy with this as it works as I want it to. However I would like to have an asterisk vertically centered to the right of the two text box rows and put a bit of text against the asterisk to say one or both fields are required. For example: ------------------! ROW 1 ------------------- *Asterisk h...

Javascript menu behaving poorly in IE

Let's get down to it... site: www.erisdesigns.net html: <div id="wrapper"> <div id="header"> <div id="nav"> <dl class="dropdown"> <dt id="one-ddheader" onmouseover="ddMenu('one',1)" onmouseout="ddMenu('one',-1)"><a class="menu" href="index.htm">Home</a></dt> <dd id="one-ddcontent" onmouseover="cancelHide('one')" ...

JQuery JQGrid - how to CSS right/left align without touching the grid lines?

JQgrid outputs this html for a left aligned cell - but it is too hard to the left and touches the grid lines: <td title="P-1" class="grid-text" style="text-align: left; width: 92px;" role="gridcell">some text content</td> How can I style that so that there is a little bit space on the left hand side? I have tried: .grid-text ...

Changing the default color on flex validation errors

The examples I've seen seem to show how to change the color that shows when the user actually hovers over the textinput field. However when the validation fails, a generic textInput border qill have a red line over it. My CSS file uses a border skin for the textInput, so I can't see this line. I was hoping there was a way to highligh...

Changing CSS class with Javascript

Is there a better way than the implementation I have now? I'm concerned that the way I've done it is a little hackish and am wondering if there's a more elegant solution. I want to change the "selected" element on the page by applying a CSS class to it, and remove the one that is currently selected. The code I have for changing the elem...

Can you use two IDs to select with in CSS? #content.special #page

I've search through about 10 pages, can't find this question here. I'm trying to ask what should be a simple question, but I'd like to know if there is a way to select the second ID conditionally in CSS. Here is the gist of it: #container {width:1000px;} #page {width:600px;} #sidebar {width:400px;} #container.special {width:800px} #co...

fieldWithErrors not wrapping every error field

Notice the following result when I submit blank :title and :description fields The validations are in the controller: class Question < ActiveRecord::Base validates_presence_of :title validates_presence_of :description And, the form is generated with those names: -form_for(@question) do |f| = f.error_messages = f.label :tit...

Styling HTML Submit Button (CSS, Different Browsers)

i want to style a submit button which seems to be rendered abit differently in different browsers. <p id="lineInput"> <label for="task">Add a Task</label> <input type="text" name="task" id="task" /> <input type="submit" id="btnSubmit" value="Add" /> </p> #lineInput { ... position: relative; margin: 0px; } #btnS...

Is there a way to style HTML5's range control?

Is there a way to style HTML5's range control? Is it possible to change the color of the line the slider slides on? ...

How stop the link of href from being highlighted?

I am setting an anchor tag for an image. It is highlighted and I want to remove the image from being highlighted. How to do this? This is my anchor tag (some PHP in it): <a style="outline:none;" href="<? echo base_url();?>/friends/UploadPhoto"> <img src="<?=$imgp ?>" name="b1" width="90" height="80" border="0"/> </a> ...

HTML Line Spacing & Compact Code

I was just wondering if there was a professional opinion on the matter of compact code. Does it really speed up page loading. Example: <body> <div id="a"></div> <div id="b"></div> </body> VS <body> <div id="a"></div> <div id="b"></div> </body> any ideas? ...

Substitution for display='table-cell' in IE 7

Hi friends, document.getElementById(id).style.display ='table-cell'. This gives error message in IE, this is IE bug or any other solutions please give any other solutions. IE7 doesn't support this property. this is my coding. Even Firefox and Chrome are accepted. My problem is IE. Please friends give solution... var cont2 = document.c...

find all links within a list with a specific class

Hi there I have a main menu: <ul class="menu"> <li><a href="/"><span class="l"></span><span class="r"></span><span class="t">Home</span></a></li> <li><a href="<%= Url.Action("Login", "User")%>"><span class="l"></span><span class="r"></span><span class="t">My Account</span></a></li> <li><a href="#"><span class="l"></span><span class="r"...

how to make a stretchable blog header.

while editing the template of my blog i saw that header size is set to 660px by the css property width:660px .Now i want to make my header spread across the whole lenth of the browser and also i don't want to specify some specific length in pixels ,so that the blog don't look odd in widescreen vs normal monitors .how do i do that ? ...

CSS variable width element to fill in space

In a form, I would like the input:text to fill the remain space after the label to the form is left and right justified. The label have number of characters so I can't set a fixed width on the label. Code example: <fieldset> <legend>User Info</legend> <p><label>First Name :</label><input type="text"...></p> <p><label>Last Name : </lab...