How can I make a div adopt the height of the screen?
I tried using height: 100% but this makes the div only as high as its contents - it just contains a single word of text. How can I force the div to use the screen height instead? ...
css
What's the right way to define the style of the images inside my gallery div?
I have a div with an id of 'gallery' and I want to style the images inside it. Specifically, I want to give each of the images a 1px solid yellow border except on the bottom because they sit on top of each other, so I don't want to double the border on the bottom. What I'm confused about is how to choose between the different border sty...
CSS character encoding @charset
What is the difference between charset name set lowercase or uppercase. Or it should be all CAPS? @charset "UTF-8"; or @charset "utf-8"; ...
Alternative to "overflow:scroll;" to create a permanent vertical scrollbar in a div?
I have a div in which I need a permanent vertical scrollbar. Sometimes the scrollbar will be needed because the div will contain excess content and other times it will not be needed but I want the appearance to be consistent - even when there is not excess content in the div I want it to contain a scrollbar. I tried this but it doesn't a...
Position background and center at same time
I'm spriting an image: #himgstsi { background: url(headimg.jpg) no-repeat top center 0px -250px; } This obviously does not work. Is there any way I can center the background to the center of the page but ALSO sprite the image? I'm aware they both positioning tags, but is there an easy way to do this without wrapping a div insid...
Basic CSS Question: How to specify height of background image of div?
I have a an image not covering the background completely of a div. Can I specify the height of the image to make it larger? transparent url(http://www.example.com/picture.jpg) height=?? ...
separate css for mozilla 3.5 and 3.0.11
Is their any option for calling separate css for mozilla 3.5 and 3.0.11 ...
firefox2.0 anchor-backgrounposition
Hi i have css file for my anchor links defined below .this works fine for IE7 but when open the page in firefox the button image goes longer. I googled as that firefox has background position bug but no matched solution. How to a fix for this issue? thanks The css file is below /* button settings */ a.RadForm_CustomSkins, a.RadForm_...
Removing whitespace between HTML elements when using line breaks
I have a page with a row of about 10 imgs. For readability of the HTML, I want to put a linebreak in between each img tag, but doing so renders whitespace between the images, which I do not want. Is there anything I can do other than break in the middle of the tags rather than between them? Edit: Here is a screenshot of what I have so f...
hr with an image thru css
Hi, I find this a pain. I am trying to get CSS to use an image when the < hr /> tag is used. I am currently using: hr { display:block; border:none; height:10px; background-image:url('img/ruler.gif'); } However, I always get a border around the image. As you can see, the border:none does nothing. I know there are alte...
Hide HTML form legend using CSS
How can I hide an HTML form legend from visual browsers, using CSS, in an accessible way? legend { display: none; } is not an option because, as I understand it, this will 'hide' the legend from screen readers. Other attempts I've made do not remove the legend from the layout - i.e. it continues to take up space. ...
Possible reasons for stylesheets not to be applied?
Hi, We're developing this ASP.NET web app with multiple users on different browsers. One of the users complains that the pages look funny, and after looking at the screen shot he sent, it looks like the css is not applied. According to the bug report, the user is using IE7 (but I suspect it could be IE8). I develop in Firefox, and usi...
How can web technology be used for a C++ application GUI?
Can web technologies be used for a desktop application written in a traditional language like C++? I'd guess that they can, though I've not been able to find any evidence of this. I understand Adobe Air can make desktop apps using Flash, but it uses web languages like php etc. What I'd like to do is to be able to build my GUI elements - ...
how to make child divs always fit inside parent div?
My question is if there is a way, without using javascript, to cause child divs to extend to the borders of their parent, without exceeding those borders, when you cannot know beforehand the size of the parent div? Below is sample markup/styles demonstrating my issue. If you load it into browser you will see that #two and #three both ex...
Reading non-inline CSS style info from Javascript
I know I must be missing something here, but I cannot seem to get this to work. I have assigned a background color to the body of an html document using the style tags inside the head section of the document, but when I try to read it via JavaScript, I get nothing: <html> <head> <style> body { background-color: #ff0; } </style> </head>...
Understanding the differences in these selectors
I working with a stylesheet that has 2 different rules: #main_navigation ul li{ ... } and: #main_navigation li{ ... } I'm not clear on how to interpret the difference. In my reasoning - 'li' can't exist independent of either a ul or a ol Is the above saying 'use the first for all items in a unordered like' but use the 2nd for _any...
JQuery Text slideDown / slideUp Overlay on Image Keeps Bouncing?
I am trying to replicate the text overlay effect that occurs when you mouse over an image - found on the Guardian web site. I have it working except when my mouse goes over the trail-text area that area bounces (slideDown slideUp) repeatedly a number of times. I think it is because the trail-text area becomes the focus and causes the m...
Formatting PHP Echo
I want to have a small text box with a scroll bar that will hold frequent outputs from PHP based on server-side activity. How do I set up formatting like this? ...
What would cause myDivId.toggle() to work while myDivClass.toggle() does not?
I have some DIVs that I am using JQuery to hide and show using the toggle() function. This has been working fine. But I just recognized some relationships between some of these DIVs that would allow me to group some of them into a class. I was hoping that this would allow me to toggle the DIV class instead of each of the DIV ids. So ...
DotNetNuke CSS problem on page postback?
We're having a very strange problem with css in DotNetNuke. It seems that with any of our custom modules, if a user clicks to postback 9 times the skin css is removed and the page becomes rather ugly. Looking at the source the tags with the urls to the css files are gone. After one more click making 10 postbacks, any custom css files w...