css

How can you tell if one div tag/element is over another?

Hi, Working on a drag and drop feature and I would like to know/have an opinion on how you can tell if an element, in this case a div tag, is position (via the drag) over another element? Thanks, R. ...

How to show all divs in Firefox?

How do I show all divs in Firefox? ...

Making my own CSS

Don't worry, I'm not breaking the web :P I'm annoyed by some stuff in CSS, and I'm going to fix it. It'll be syntactic sugar only, my language will be server-side compiled to regular CSS, so there's no need for special software on the client side. My current ideas: Variables (actually, they're constants). You will be able to define c...

CSS file not linking in sub-directory.

Here's my directory structure: -root --docs ---doc1.php --includes ---header.php ---footer.php ---css.css --index.php In my header, I link to my CSS file like so: <link href="includes/styling.css" type="text/css" rel="stylesheet" /> That works for index.php, because it's the correct path (root/includes/css.css). But for doc1...

CSS problem with unordinary layout

It's not easy to explain very well what I'm having problem with so I have attached an image: http://test.richardknop.com/test.gif Here is my simplified XHTML markup so far: <div id="page"> <div id="content"> </div> <div id="sidebar"> </div> </div> How to style it? I'm getting a little bit desperate and I'm not ...

SVG, text , font with fixed width/height

Hi all, I'm trying to get a SVG 'text' element fitting inside of a svg 'rect' element. e.g. In the example below, I used a monospace text of 5 chars with a font-size of 100px and I expected to have a bounding rectangle close to the text. But there is a blank gap at the right of the text. <svg xmlns="http://www.w3.org/2000/svg" height=...

How does one integrate javascript controls into an existing css site?

This might be a basic CSS question: I have a site designed with well-defined CSS themes. I'm adding some controls (from jquery), but they have the style of their designers, not my site's. What is the easiest way (least amount of work) to make the inserted controls use the site's css rather than the styles of the control? Is there an easy...

Simple problem: Safari and CSS/Javascript Rollovers.

Basically I have a bunch of IMG tags wrapped in a bunch of divs, and some javascript to make them do rollovers. The page functions beautifully in IE and in Firefox, but Safari gives: "TypeError: Result of expression 'ImageNavigateForum' [undefined] is not an object." Where ImageNavigateForum is the ID tag of the 'img'. (a simmelar err...

CSS: force image width and height without stretching

If I have: #logo { width: 400px; height: 200px; } then <img id="logo" src="logo.jpg"/> will stretch to fill that space. I want the image to stay the same size, but for it to take up that much space in the DOM. Do I have to add an encapsulating <div> or <span>? I hate adding markup for styling. ...

Differentiating between P tags wrapping images and P tags wrapping text nodes in Wordpress?

Hey all, I need a good solution to be able to style <p> tags differently in a wordpress post. More specifically I need to differentiate between paragraphs and images. Wordpress just wraps all new lines in <P> tags. Here are some possibilities: Strip all <p> tags and add <P> tags where appropriate (around text) Add a class on <P> tags...

CSS Quirk in IE8 Compatibility Mode

I am trying to show name-value pairs in a table cell as shown below in IE8 compatibility mode (with outlines - DIVs are red, SPANs are green, TDs are orange). Markup and CSS: <td width="40%"> <div class="info_row"> <asp:Label ID="lblWSPONumber" runat="server" Text="WS PO Number" CssClass="edit_control_label...

How to create a function that resizes text on a page without javascript ?

Does anyone have any ideas how to create a function that resizes text on a page dynamically without the use of JavaScript? I'm using CMS based on C#? Is it possible with CSS only? if it's not possible then i want to do with javascript like this page http://demo.joomla.org/1.5/?template=beez and as a fallback want to user server side sol...

how to set the html/css pages for the better view on all web browsers?

i've created some pages using css, but on viewing the page through different browsers it appeared as irregular arrangement of contents.. ...

How to set the padding of QTableView cells through CSS?

Is it possible to define the padding of QTableView cells? I would expect this to be possible using CSS stylesheets, but the documentation does not describe a method to do this. The following stylesheet does not have the desired effect: QTableView { padding: 5px; } as it influences the padding property of the widget as a whole, not ...

Adding a column to a table (using jQuery) makes the table larger, why?

So, I'm building a table data editor, and need funcitonality that's not available in the ready-built plugins. This is my code so far: http://sandman.net/test/tables.php But I'm having problem with my "add column" ("Lägg till kolumn") button, which correctly adds a column, but makes the table one column larger in the process. I've even ...

About max-width in IE6

Is it possible to implement this in IE6? If possible,how? ...

How to get the css with in inline styles using jquery

I am loading the styles dynamically from the database in my asp.net mvc (C#) application. I am trying to change some of the properties like (background, font color, font size,...) of the loaded inline style. I am using jquery.rule to do this. I need to update the complete inline style including the changes, back to the database using j...

Div for designing ASP.net Web Input Forms

What is the recommended way of designing asp.net web forms using div and span. Assume that we want to design an input form for creating new customers, where it includes name, birth date, education etc. Considering the above scenario, how div and span could be used for achieving seperation of concerns: seperation of presentation from con...

doesn't work properly when calling this on a html page

* { margin: 0; padding: 0; } body { background-color:#357835; margin: 40px 0; margin-top: -3px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; } p, ul { text-align: justify; } b{ font:Verdana, Arial, Helvetica, sans-serif; color:#00FF33; font-size:12px; } h4{ font-size:12px; co...

CSS: Relative positioning without updating flow

How can I place an object without updating the flow of other objects, but specify coordinates relative to the parent? To clarify, position: relative; top: -30px; left: 600px; updates the flow of following objects, position: absolute; top: -30px; left: 600px; doesn't update flow but is relative positioning. I need not to update the flo...