css

Creating a border around an HTML panel with custom images

I'm looking for the best way to create a custom border around an HTML panel. I have a set of images for the sides, corners etc. I need a good way to place them and stretch the sides dynamically to match the panel size. If there is a jQuery plugin to do this I would prefer using it. UPDATE: My main target platform is IE7. So it has to wo...

Is there some technique to roundify an image if the background is dynamic ( not solid ), keeping the image a square jpeg?

I'm just a little worried about the filesize of 24-bit PNGs as JPEG is much much smaller. And this would have to be cross-browser compatible obviously. I'm thinking maybe http://www.dillerdesign.com/experiment/DD_roundies/ but if anyone has experience in implementing, would be nice. ...

Children inside <a href> trigger mouseout. How to prevent that?

I have this: <a href="javascript:void(0);"> <div> <span>some content</span> <span>some content</span> </div> </a> The problem is hovering the mouse over from one <span> to another triggers an instant mouseout and mouseover again even though they have no padding or margin between them. Even on the browser's status bar...

SharePoint - Remote machine shows wrong design

Hi.! I am creating a SharePoint public website on SharePoint Server 2007. I've added my custom Master-page for Publishing site. When I see, Home page, on my local machine, in the content area of my page it shows me IMAGE on the right as I want to see. But, When I see that page on my remote machine It shows my IMAGE on the left, ins...

Table within a scrolling div: Fill div, but prevent unnecessary horizontal scrollbar

div.GridViewScrollContainer { overflow:auto; position: relative; width:100%; height:100%; margin:0; padding:0; } div.GridViewScrollContainer table { border-spacing:0; margin:0; border-collapse:collapse; padding:0; } So, I render a table within a div inside some height/width contrained relatively...

DHTML library for handling pictures and videos using AJAX

This is based on my full question. I decided to take it in parts and see if I still can't get any help. What are all the options we've got for client-side frameworks? I've heard mostly about prototype and jquery, but I know there are way too many options out there beyond those two, and I don't know if they handle async download. From ...

CSS: Why do I get a vertical scrollbar with this simple HTML? (100% height div)

In Firefox 3.5.8 on Windows, I get a vertical scrollbar when I use this HTML: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"&gt; <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Haloooo1 - T3</title> <style type="text/css"> html, body, div {height: 100%; marg...

How do I create an accordion box using JavaScript?

What I want is this: Start: End: ---------------- ---------------- |asdf | | | ---------------- | stuff | | | | | ---------------- ...

dynamically modify webkit animation with javascript

I would like to use webkit animation with @-webkit-keyframes but being able to dynamically modify the values on the rule, so that the animation is not static. All the samples I found use a static @-webkit-frames, is there a way to customize with Javascript? ...

Start a list from a certain number

What's the best way to get a ol to start from 'x'? The start tag is depricated and everything I have found on Google has used the :before pseudo class which doesn't work in IE6 or 7. Didn't have much luck when searching stack either. Only thing I can think of is manually go through and number the lists myself and style accordingly? A...

CSS: Is it possible to get a div that is 100% height, less a top and bottom margin?

I can get a 100% height div, like this: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"&gt; <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>T5</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <link rel="stylesheet" typ...

Put an X on the topright of a div without making the top clickable

I have a rect and have an X on the top right with items inside of it. The div with the X is clickable. The problem is the whole top area is clickable and not just the topright (the 'X') as i wanted. How do i make only the X clickable and still align to the right? my css is .itembox { float:left; } .itembox .RemoveMediaNotif { ...

What should I learn after HTML and CSS?

I am 5 days into learning how to make my website, flying through my HTML & CSS book and having fun. I’m starting to consider what to order next. I’m not sure what to study next, so please give me some advice if you can. My end goal is to create a site that has a lot of the functionality that www.edufire.com and similar sites have, just ...

Problem with jquery fade images and menu drop down

Hi Mates I have a problem with internet explorer 6 and 7, please look this example http://www.aerocom.net.au/index.php?id=hosted-services I lost the submenus when i pass over them just in ie7 and ie6 please i need you help. Cheers ...

How do I repeat part of an image using background-position and CSS sprites?

I would like to create some buttons with dynamic width using CSS sprites and background-position but I'm not sure if what I want is possible.. I would like the button to have a left-side, middle, and right-side, with the middle repeating as required. Ideally I would like this to be made up of one image of 11px wide so the left and righ...

Is CSS turing complete?

CSS isn't, insofar as I know, Turing complete. But my knowledge of CSS is very limited. Is CSS Turing complete? Are any of the existing draft or committees considering language features that might enable Turing completeness if it isn't right now? ...

How to let css selector exclude an element ?

For example I have a css style like this : input.validation-passed {border: 1px solid #00CC00; color : #000;} The javascript validation framework I use will inject every input tag with a class="validation-passed" .For the elements like <input type='text' /> ... , this is ok , but for <input type='button' /> , I want this is not ap...

Is it possible to resize text to fit a fixed size div?

This seems like a pretty natural use case to me, though I haven't been able to find anything on it: Say I have a fixed-width div that is dynamically populated with some number. What's the best way to ensure that numbers with more digits take smaller font sizes such that they fit nicely into that fixed width? Is there some CSS property f...

Make content 100% height with scrollbar

I am using CKEditor (http://ckeditor.com) and I've created my own custom file browser... Problem is, when you open the filebrowser, it opens it in a new popup window and has no scrollbars. I submitted a support ticket 2 weeks ago to find out how to add the scrollbars and no answer. I can't find what to edit in the code either... So wha...

Height of a html window's content (not just the viewport height)

Hi All, I'm trying to get the height of a html window's content. This is the full height of the content not the visible height. I have had some (very limited) success using: document.getElementsByTagName('html')[0].offsetHeight in FireFox. This however fails in IEs and it fails in Chrome when using absolute positioned elements (http:...