css

How to create a scrollable Div Tag (Vertically) supported in chrome?

hi, this problem should be solved in chrome browser :D this is my css style of a desired div tag : #designDiv { width:249px; height:299px; background-color:Gray; overflow-y: scroll; max-width:230px; max-height:100px; } it does show the vertical scroll bar but the problem is during the run-time when the user ad...

Making an svg image object clickable with onclick, avoiding absolute positioning

I have tried to change the images on my site from to svg, changing img tags to embed and object tags(standard procedure, i think). But, implementing the onclick function, which previously was contained in the img tag is proving most difficult. I found onclick had no effect when placed inside the object or embed tag. So, I made a div ex...

How to have an inner DIV width go outside the padding of the outer DIV?

<div style="padding:20xp;width:100%;" <div style="width:?????"> <div> </div> I would like the inner div to fill the screen completely, even when the outer div has 20px padding. How can that be done? thanks. ...

Ckeditor : How can i make few tags like h3 , h4 , h5 non editable in ckeditor

Ckeditor : How can i make few tags like h3 , h4 , h5 non editable in ckeditor open to js solution or css any will do ...

URL routing, rewrite path but keep mimetype

I have implemented my own IRouteHandler for URL routing. For files without extension it will try to load the filename as a Page from the Pages directory with: return (IHttpHandler) BuildManager.CreateInstanceFromVirtualPath(path, typeof(Page)); However there are also images and css files (with relative paths) that need to be translate...

Changing the position of a li element with a given class inside an ul ?

Hello people, I have a ul with several li elements, one of them will always have the class "active". How can I make the li.active element to always appear on top of the list? I cant't control the html output that produces this list, so I would have to do this with css (preferably) or javascript/jquery. I guess there is not a way to do ...

css/html: vertical div-alignment-Problem (added live-demo)

Hi! I have a problem with aligning some divs in this case: <div id="preamble" style="margin-bottom: 100px;">Preamble</div> <div id="container" style="position: relative;"> <div id="content" style="position: relative; margin-top: 50px;"> Content </div> </div> (Of course this is only an example that reproduces the behav...

what is the preferred way to have text instead of bullets with css (hanging indent)

Hello What is the preferred methon to create something like Apples Apples can be green or red or more text more text Bananas Most of the time bananas are yellow (or green, if they're not ripe) Item X Each item should be aligned with the previous item, and each text ...

Get CSS Div to fill available height

I have a div with 2 elements. <div id="master"> <div id="follower"></div> <div id="decider"></div> <div> 'master' div has the following CSS properties height:auto; width:auto; margin:0; padding:10px; display:block; The 'follower' div has the following CSS properties position:relative; vertical-align:middle; height...

Efficiently representing a large grid in a browser

I need to display and manipulate, in a browser, a grid of up to 10,000 simple cells (say, 100 by 100). These cells are basically just a colored-in rectangle. Manipulations include changing cell colors using Javascript, handling a click on each cell, etc. Using 1 div per cell, and 1 div to wrap groups of cells into a row, I can get down t...

<marquee> problem in ie8

My <marquee> tag is working perfectly in ie6 and ie7, but in ie8 it only shows first item. How can I fix this? Thanks in advance. ...

CSS - Aligning Right with Floats

I'm still pretty green at CSS, having the following CSS / HTML: <input type="reset" value="Clear" style="float: right;" /> <input type="submit" value="Send" style="float: right;" /> Produces the following results: Instead of the desired output: Changing the order of the HTML elements seems to fix the issue but is also counter-in...

ASP.NET 3.5 - Making a field readonly/unmodifiable without "disabling" it

I have a web application with a form that has disabled fields in it. It allows a "Save As" function which basically means the settings can be copied into a new configuration (without being modified) and in the new configuration they can be changed to something else. The problem I am running into with this is that since the fields are dis...

Trouble Aligning Div

The text 'Step 1' is not centering on the image no matter what I put in as the margin. I dont have any where to upload atm but heres a screen grab: http://i.imgur.com/fWrQp.png I want the text to align with the center of the image. Any suggestions? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/x...

@font-face declaration works on Firefox but not Safari/WebKit?

The following @font-face declaration works perfectly well on Firefox (Mac) but not Safari/WebKit: @font-face { font-family:MyGaramond; src:local("Garamond Premier Pro"), /* Full name */ local("GaramondPremrPro"), /* Postscript name */ url("GaramondPremrPro.otf") format("opentype"); /* Fallback */ } h2 { font-family:MyGaram...

Menu not working in IE

I'm trying to re-build (note, I am primarily an application developer, know very little so far about web development beyond HTML) a website for the family business, and am running into a bit of trouble so far. The CSS menu system I have built works fine in Firefox, but in Internet Explorer, none of the menu items appear when the mouse h...

Adding description tag to PHP image gallery

I am trying add a descriptive tag under each image but most of the code is in PHP and i am not to familiar with how to program it without screwing up the whole structure. Here is the website: http://suncoastdeck.com/index.php?page=portfolio&amp;start=0 Here is the code for the portfolio page: <div class="content-box"> <? //to...

Why does jQuery.cssRule plugin have to add rules to all style-sheets ?

I tried to use $.cssRule() plugin and found that it makes it inconvenient to debug those rules in FireBug because each rule appears to be attached to every css file loaded on my page and consequently defined many times. Source code shows that it does that on purpose inside that for loop: for(var i = 0; i < document.styleSheets.length; i...

JQuery Accordian: Understanding header links

I am trying to learn JQuery and having some difficulty understanding the process. I read through several posts, and maybe it's my weak understanding of javascript that's the hindrance, but I'm wanting to learn. My goal is to use the Accordion UI for a menu system; to have the main menu items (#sidebar ul.accordion li a .opener .selected ...

replacing button tags with images and aligning with a text field

This is simple stuff to many, my CSS skills are somewhat rusty and was hoping to find the best solution to this problem. Here is my current html code. <div class="head_wrap"> <div id="logo"></div> <div id="search"> <form action=""> <input type="text" name="search" id="search" /> <button id="replacement-2"></button> </form></div...