css

Querying SimpleXML object with CSS selectors instead of XPath

I'm using SimpleXML to load and parse an XML document with PHP. I'm not too familiar with XPath and I would prefer using CSS selectors to parse it. What are my options? Is there anything pre-build for SimpleXML, or should I be using something different altogether ? ...

Print page in landscape

Hi all, I have an PHP page with information [tables , data ] When user click on print I want it to be printed in Landscape[ view 70%] how to do it programmatically ? I tried some css rotation of page but didn't work out. ...

Get all CSS styles of an element with JavaScript

Hi. Is there a way to select all CSS rules of an element with JavaScript? I'm not looking for a specific solution, just as long as all CSS rules of a given element are read. So, I have the following HTML <div class='styledDiv' style='height:100px;width:100px;'></div> and then in a separate CSS file: .styledDiv { background-color:...

My sites main div looks complete mess in IE 7 and 8

Hi friends, my site's main div is floated left in some page and right in some page in otherpage it's scattered everywhere in IE 7 and 8, I didn't even bother checking in IE6, while it's perfect in IE 6. Please help, div is as below. Is there a way to fix the div to center no matter what browser ? Is there any hack ? div.main { margin:7...

styling alternating rows in a table

hello, is it possible to set the style of alternating rows in a html table with style selectors that only take account of the hierarchy of elements and do not use style names? i need to style html output produced by a server component and the output does not set styles for alternating rows. i could write a javascript (or just as well c...

Portal Application Development Steps Question

Hi, I have a tight timeline to deliver a new portal application that initially will host a new product, but overtime will be the place that we migrate all of our existing portals into (a single look and feel and eventually single data warehouse). The major steps that I see for the initial phase are: - Design UI - ********...

JQuery: Cluetip questions - Turning off tips and maximum height

How do I turn off the tips temporarily? I see the ability referenced on the website a couple times, and in this forum as well, but for some reason I can't find the command that turns them off. I just need to disable them for a bit, then re-enable them. Is there a way to give a tooltip a maximum height? I have a bunch of tooltips, som...

DIV content does not overflow...

The code below works properly in all browsers but IE. The overflow doesn't work. Thanks. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt; <html> <head> <style type="text/css"> #scroll { width: 500px; height: 250px; overflow: auto; } .box { position: relative; height: ...

Trying to position my image a little bit lower, but it drags everything down with it.

I'm trying to position my picture a little bit lower so the center of the image aligns with the vertical center of the header tag. Here is the both the HTML and the CSS. Thanks for the help! #articlesummary { border: 2px solid red; width: 750px; } #articlesummary h3 { border: 2px solid red; display:inline; co...

IE opacity :hover sometimes?

I am having a very odd opacity/hover problem in IE. Everything works in FF and Chrome. Consider this page: <!DOCTYPE html> <html> <head> <title></title> <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.min.js"&gt;&lt;/script&gt; <script type="text/javascript"> $(document).re...

Prevent linebreak after </div>

Hi Is there a way to prevent a line break after a div with css? For example I have <div class="label">My Label:</div> <div class="text">My text</div> and want it to display like: My Label: My text thanks for your help Update: After no css solution led to a completly satisfying solution I will use <span> like some ans...

problem with absolute positioning in firefox and chrome

I don't understand why FF and Chrome render my page differently. Here's a screenie of it in firefox: and here's one in chrome chrome: fieldset has a relative position and the image has an absolute position. here's the basic structure: <fieldset class="passenger-info"> <legend>Passenger 1</legend> <div class="remove-me"> ...

CSS "properties of .x" syntax

Is it possible to add additional rules to a css block when using a "{ (properties of x) }" selector? I looked at references but I can't find anything related to "properties of x". A link would be wonderful. I tried the following two combinations, but neither worked: .dock li { (properties of grid_2; display:inline; background-color:#6...

Is there a cross-browser way to stop HTML form elements from overlapping their containers?

About a year ago, a question was asked on stackoverflow about how to horizontally align input and textarea elements: http://stackoverflow.com/questions/1482848/input-width-vs-textarea-width I have some HTML + CSS where I am trying to do precisely this, but I find that no matter what combination of CSS reset and precise, pixel-based widt...

CSS - How to control the gap between background image and container

Hello all, Is it possible that I can create a margin/padding between the background image and container that holds the image? In other words, I need to move the background image sprite_global_v3.png 20px to the right of the left border of #nav-primary. Here the position "0 -470px" are used to pick the right picture from sprite. And I d...

Content of div not restricted by div width

Hi! I could swear I've seen articles about this problem, but I can't for the life of me find them again! Basically if I have <div style="width: 250px;">The width of this div should be no less than 250px wide</div> In the code below, the content in the div isn't restricting it's width to the width specified causing an overflow problem...

Trouble using CSS as a beginner. I understand the rules, can follow them in my head, but can't produce anything.

Can you guys help me rise above this wall? I'm familiar with CSS, I can understand what the rules are, and how to use the logically. The problem is I cannot seem to put whats in my head onto the monitor. I have trouble creating nice designs. What do you guys recommend for someone like me? I'm trying but I just don't seem to be gettin...

CSS - Why IE6 doesn't follow this css rule li.class?

Hello all, I am using the following rule to display a dot when the web is visited by a IE. However, I don't know why the li.iedot doesn't work for IE6.0. In other words, all #nav-primary li displays the dot rather than #nav-primary li which has class .iedot. #nav-primary li.iedot { font-size:110%; color:#666; *background:ur...

CSS: on floating divs and negative margins

So I wanted a centered, constant width, three-column layout that was compatible with IE and whose columns would stretch to all be of equal height (equal to the height of whichever column had the tallest content). I know- keep dreaming, right? Well I almost figured it out. After combining the techniques I found here on Stack Overflow wit...

have any mistake with my last-child selector?

$(function(){ $("#mainContainer #container:last-child").css("background-image","url('/images/content-title.png') no-repeat") }) code above didn't work , nothing happend $(function(){ $("#mainContainer #container:last-child").css("background-image","url('/images/content-title.png')") }) code above work , but it change all the #...