The question is pretty straightforward. I have an <asp:Image> which lives in an <asp:Panel>. My goal is to provide a very basic "print preview" where either left, center, or right alignment is selected. The panel represents the full print area (a sheet of 8.5" x 11" paper) and the image inside is the area that will actually get printed. ...
CSS code: #wrapper {margin:auto; width:100%;} .container {display: table; width:100%;} .row {display: table-row;} .cell {display: table-cell; height: 100px;} #left {width:150px;} #right {border: 1px solid red;} HTML code: <div id="wrapper"> <div class="container"> <div class="row"> <div class="cell" id="left">this is fixed width</di...
I am trying to get a div that resides in a container div to scale the container divs height when the div inside the container gets taller. When the height of the div inside the container gets taller than the container itself it just moves past the bottom of the container. I want the container to scale with the contained div. How do I ...
CSS code: #wrapper {margin:auto; width:100%;} .container {display: table; width:100%;} .row {display: table-row;} .cell {display: table-cell; height: 100px;} #fixed {width:150px;} HTML code: <div id="wrapper"> <div class="container"> <div class="row"> <div class="cell" id="fixed">left cell</div> <div class="cell">right cell</div> </...
I have three div tags, a wrapper and two side by side within the wrapper: <div id="wrapper"> <div id="left"></div> <div id="right"></div> </div> I want to create the condition where the <div id="left"> tag is variable height, stretching the wrapper. As a result, the <div id="right"> will expand to whatever height the wrapper ha...
I have a GridView control (which renders to table, tr, td) with some BoundFields and TemplateFields. Essentially, I am displaying two columns, Application Name and Notes (as a TextBox), and I want 35%, 65% relative widths. Here is my asp.net markup: <asp:GridView ID="gridRequestedApps" DataSourceID="llbRequestedApplications" runat="se...
Hey, I have a lot of links with the class .moo, I need jquery to scan the element for them, then to add a bit of text to the end of the href. For example: This is what I have: <a href="http://root.net" class="moo">root.net</a> and this is what I would like to have, after the jQuery magic happens: <a href="http://root.net?iframe=tr...
How can I accomplish the above using divs and CSS? ...
I'm using the combobox control from the Ajax toolkit. Is there a way to set the image thats used for the button that shows up next to the dropdown box or am I stuck with the standard one? ...
I have an unordered list inside a div element that specifies a background image. All the li elements that I have in it have small white borders around them. I have tried setting the padding, margin, borders and background properties but nothing seems to get rid of them. Any ideas? ...
Hi Guys, I am allowing users to make parts of a list hidden/visible etc. Now here is my list: Basic list, but the very end list item has some custom CSS "border-bottom: none" - just to make it a bit more nicer looking. <ul> <li class="item">Item</li> <li class="widget">widget</li> <li class="item">Item</li> <...
Hi - I have a block of code, that essentially is this: <asp:DataGrid> <Columns> ... <asp:BoundColumn HeaderText="Bar" ...> <itemstyle CssClass="foo"> </asp:BoundColumn> And this outputs <table> <tr> <td>Bar</td> <td class="foo">...</td> <td class="foo">...</td> ...
I would like to have a cell go across two columns with two cells below it. How do I do this in CSS with Div tags? It shoudl be equivalent to: <table> <tr> <td colspan="2">Major column</td> </tr> <tr> <td>C1</td> <td>C2</td> </tr> </table> EDIT Please note that C1 and C2 are not necessarily going to be 50% each. ...
I have a table with the following CSS rules applied: table { border-collapse: collapse; } td { border: 2px solid Gray; } I want certain cells to have a red border, instead. td.special { border: 2px solid Red; } This doesn't work as I'd expect. In FireFox 3 and IE8 it looks like this: In IE7 Compatibility mode (Running in IE8) i...
Hello! I've download the Refresh template by Styleshout.com since I really like it. But unfortunately, there was no drop down menu in it, only a normal menu. So I tried to integrate a drop down menu which I found a nice tutorial for. It does almost work - almost. Here's the result: the template on my webspace. The menus are opened - ...
I'm publishing an Atom feed, and I'd like to start including basic CSS for the content. Of course I'm not expecting it to be used by every reader, but it would be nice to support the readers that can use styles. Is there any way to include CSS in Atom content? ...
I have a nested list that lists child nodes when the parent node is expanded. The parent node is expanded by clicking an image to the left of the text. Unfortunately, it expands right off the page. I would like a scrollbar to appear when the content is off the page. When I set "overflow: auto", a scrollbar never pops up, it just ...
We are in the process of hiring a HTML/JavaScript/CSS web developer, and we are looking for an objective programming homework that they are able to complete 24 hours before the actual interview. There are few questions in SO about programming homework but nothing related specifically to HTML/JS/CSS. Ideas? Reference 1 Reference 2 ...
I recently designed a web application for a client. I used CSS for a layout of the application. I tested the layout on IE7, Mozilla 3.0.1, Google Chrome 2.0.xxx, Safari 3.1 and Opera 9.51. They all displayed correctly without problems. After the delivery of the application my client noticed it had compatibility issues with IE6. The site...
I'm trying to figure out which browsers currently (natively) support the CSS3 layout module. Basically, I'm developing for a specific environment where I can specify what browsers to use, and CSS3 will speed up development times, so hey - why not? What I'm specifically talking about is body { display: 'aaa' 'bcd'; } ...