CSS: When to use max-height / max-width on images?
When does it make sense to use max-height or max-width on an image? Does it help if I don't specify the actual dimensions of the image because I don't know it. ...
css
Firebug-esque CSS editor
Here's my current workflow for editing CSS: Me: "Hey guys, take a look at this page!" Guys: "Try making the post titles bigger" Right click on a post title, choose "inspect" (to inspect it in firebug) Find the appropriate CSS statement in Firebug (h2.post_title or something) Modify the CSS in Firebug, ask friends how it looks If it loo...
best approaches in designing for wordpress a theme, need some advice
Hi, I'll be building a Wordpress theme and would be needing some advice in implementing it. here's the outline of my design. I will using 960.gs for the css layout. Now my worries is what approach will i be using to the services(1,2,3...)? Will I use widget fort hat? Those boxes should be easy to maintain and update. (I've been a Joom...
What mode do people use when using Emacs to edit web pages that contain CSS, javascript, and HTML?
typically the code is something like: <html> <head> <style type="text/css"> body { font-size:12pt; font-family: Arial;} .... </style> <script type="text/javascript" src="jquery.1.3.2js"></script> <script type="text/javascript"> <!-- $(document).ready(function(){ ... }); ...
How to have 2 divs next to each other and have one dynamically resize without dropping down.
Hi Guys, Im tryin to get two divs on a page next to each other. The one on the left has to be 100px wide and the one on the right has to take up the remainder of the page, and I want the tect in that div to wrap in it. I have tried <div class="video"> <div class="left"> left stuff </div> <div class="right" >right s...
HTML: How does a browser render an image for layout ?
How much layout space does a web-browser allocate when initially rendering: < img src="image.jpg" /> How much layout space does a web-browser allocate when initially rendering: < img src="image.jpg" style="max-height:100px; max-width:200px" /> How much layout space does a web-browser allocate when initially rendering: < img src="imag...
transform a select list into a ul list
I am trying to clone a select list into a standard ul list for enhanced javascript select box manipulation/styling. Basically, if I do this: $("#calendar select option").clone().appendTo("#test"); i get the following html <ul id="test"> <option>All Types</option> <option>Installation</option> <option>Music</option> <option>Performing ...
Nested list item styles (with empty container list items)
I'm trying to make the following arrangement with lists: 1. a. TextA b. TextB c. TextC 2. Text2 a. TextA Ideally I wouldn't have to make a seperate class or markup for the first case. The problem is that currently it looks like this: 1. a. TextA b. TextB c. TextC 2. Text2 a. TextA HTML code: <ol> <li> ...
Stacking DIVs in top of each other?
Hi, Is it possible to stack up multiple DIVs like: <div> <div></div> <div></div> <div></div> <div></div> </div> So that all those inner DIVs have the same X and Y position? By default they all go below each other increasing the Y position by the height of the last previous DIV. I have a feeling some sort of float or display or other...
Vertically align div (no tables)
I can horizontally align a div and all the content looks nice. Looking to vertical align a div that does not contain any tables. I tried setting margin positions to some negative values inside of the #container but that sort of worked. I know CSS isn't supporting this yet? Here is my markup: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0...
Overlay thumbnail with remove image button?
Hi All i need to create a remove button that appear over my thumbs when a user hover that image with his mouse a link appear like remove from favorites ? anyone know how to achieve this ? an example of what i want is youtube quick list button u find over the videos thumbs .. http://i50.tinypic.com/fxdu2b.jpg Please help me if you kn...
Offset height using Prototype
I get different values from Prototype's cumulativeOffset function in Internet Explorer 8 and Firefox 3.5 within a complex layout with several elements having paddings and margins. This seems to be a known bug: Discussion Does anybody know a prototype based or prototype compatible method of reliably determining the offset height of a s...
Gluing a number of PNGs together
I am building a new icon set for a CKEditor skin. The skin requires the icons to be one huge PNG file, where they are stacked underneath each other. The buttons then use the PNG as background image and define different y offsets to get the right image. I have many separate icons in PNG format that I need to glue together into one such P...
CSS Formatting to Keep Together
having a heck of a time with getting this formatting correct so any ideas would be appreciated. we have a bunch of information pertaining to foos that we want to keep grouped together. So if we had a bunch of foos listed next to each other, if that element causes the foos to wrap, the entire foo would stay together. Also the formattin...
Webkit browsers pushing a bullet to the right.
The website that I'm currently working on is having a few issues with Webkit browsers (Chrome, Safari, etc.) One of those issues is that I have a bullet list that is displaying strange. The top bullet item is going to the right of the list rather than the left. I can't seem to fix it. I've tried overflow:hidden, I've tried list-style...
sharepoint css development strategy
I work for a large company that has adopted sharepoint. I have been tasked with customizing and branding the site/subsites with CSS. My experience with sharepoint is minimal. The development cycle is as follows: 1. Usability Requirements and design are delivered to The sharepoint developer. 2. The sharepoint developers comes up ...
how to make sure select option text align in the center in IE?
select,option{text-align:center;} works in FF, but not in IE(at least 8.0), how could I make sure that the text align in the center for IE8.0? Thanks!!! ...
Embedded PDF always appearing over Absolutely positioned elements
We have a page where a PDF is embedded, and are trying to pop drop-down menus, jQuery UI dialogs, etc. over the PDF document which is currently displayed. The problem is that the PDF is ALWAYS taking the 'front' position, so any elements dynamically created appear behind it. This was a common problem with Flash back in the days of DHTML...
How to make a DIV wrap for content with no whitespace?
I am trying to get a DIV element to wrap its content despite the content not having any whitespace. The content is a nucleic acid sequence, so inserting whitespace every x-characters is possible, but I'd rather do it more elegantly if possible. e.g. <div>TCTTGCTGCGCCTCCGCCTCCTCCTCTGCTCCGCCACCGGCTTCCTCCTCCTGAGCAGTCAGCCCGCGCGCCGGCCGGCTC...
How to markup a ladder/draw
I need to markup a ladder for upcoming tournaments, and I can't find any way to mark it up semantically. The only way I've seen so far is to mark it up as a table, and I'd like to avoid that at all costs. Any ideas? ...