How is the angle bracket character, ">" used in CSS?
I have seen this character a number of times in CSS files but I have no idea how its used. Can anyone explain it to me and show how they are useful in making a page style easier? ...
css
Is it wrong to change a block element to inline with CSS if it contains another block element?
I know it's wrong to put a block element inside an inline element, but what about the following? Imagine this valid markup: <div><p>This is a paragraph</p></div> Now add this CSS: div { display:inline; } This creates a situation where an inline element contains a block element (The div becomes inline and the p is block by defau...
How to make a cross browser, W3C valid, semantic, non-javascript ROUND corner?
I want to make a cross-browser (FF3, IE6, Safari, Opera), W3C valid (HTML and CSS both), stretchable (horizontally vertically), without JavaScript and with Semantic and lesser HTML markup Round CORNER. Images can be used for IE6. I've tried and tested many techniques available on community. But everything has one of the problems mention...
css, javascript -- where to start ?
I am a C/C++ programmer with more than 10 years of experience. I also know python and perl, but I've never used this languages for a web development. Now for some reasons I want to move into the web development realm and as part of that transition I have to learn css, javascript, (x)html etc. So I need an advice for a good sources of ...
Text alignment with pictures
I have an image on my webpage in which I want to have text wrapped on the right of it so I have some CSS like: .image { float:left } But after reaching a certain point in the text, I want to make sure the text no longer appears to the right of the image, I want it below the image. What tag can I use to break the text onto a new line...
White space around image
I have some text around an image that has been floated left. But the text goes right up against the border of the image. How do I make some white space around it? At the moment I've got in the CSS: .image { float:left } and the view: <% if article.newspic.exists? %> <div class ="image"> <%= newspic_thumbnail_tag(articl...
Breaking CSS Inheritance
In a page I use a tabstrip with its own stylesheets. This tabstrip writen with divs and anchors. I add some other divs into tabs but they inherit stylesheet from the outer tabstrip. This new divs has their own css classes. Here is my question, are there a way to break this inheritance without changing the structure of css ? Tabs' C...
Captioning an image
What's the neatest way to caption images on the web using the latest in HTML/CSS? Demo code please. ...
Get top href and innerHTML from within an iframe
Is there any way to grab any information from the top from within an iframe on a separate domain? Somebody has tasked me with validating that their advertising is not next to things like pornography, etc... but their ads are always inside an iframe on publisher sites. Interestingly, when I put twitter.com in an iframe, they have iframe...
How do I Display Code Samples On Web Pages With Nice Syntax Styling Like Stack Overflow Does?
I would like to be able to pull some code samples out of a database and/or have the text embedded into the website and then have the sample formatted in a code like fashion on the screen. While the text alone on the screen is great, the format will make it more user friendly. How is this done? I want this: public string MyString = "T...
I want a toggling div elemenet, to overlap the underlaying content with z-index. How can I achieve this?
I have a short intro text inside a box, if the user wants to read futrher he can toggle a hidden div element that shows the rest of the content. Under this intro box I have some other element, which I always want to stay in that position. I want the toggled text to 'show above' the fixed content, and I don't want it to push downwards whe...
Why doesn't ":active" work properly inside a Gecko frame?
It seems to me that Gecko has a bug involving ":active". To illustrate, put this into a file called test.html: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "hxxp://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en" > <head> <style type="text/css"> .clic...
designing with tables.
hey, i have been designing websites table-less for a while now. the problem is that it can take a hella long time to finish the site. people who design using tables can finish much faster. whats a good tutorial or of related to do such a thing? i know this is wrong lol, but ive noticed alot of clients dont really care and they want thei...
What can't be done using CSS
I've seen quite a few answers on this site which advocate using tables for a design because it can't be done using CSS and Divs... when in actual fact it can be done with a bit of ingenuity. What are examples of things that genuinely can't be done? The only one I've ever come across is vertically aligning a box within another box. *ed...
auto width & overflow div
Hi, I am creating some sort of grid for a project. The grid has one special requirement (that is the reason why we are trying to create one in house), the middle columns have to be scrollable. To picture the situation: We created the grid more or less like this: There is a topcontainer div, that contains 3 other divs the left middle a...
How to access nth element through CSS in IE6+7
I want to know how we can access nth element of an <li> using CSS in IE6/IE7. HTML: <ul class="myUL"> <li><a href="" target="">Link1</a></li> <li><a href="">Link2</a></li> <li><a href="">Link3</a></li> </ul> Now suppose I want to access Link2, how to do that? Note: Without using javascript.Only through CSS. ...
How can i get List items to stay together using CSS?
The skeleton of the HTML is this <div class="TwoCol"> <img src="imgurl"/> <h1>A headline</h1> <p>Some exciting text</p> <ul> <li>Item A</li> <li>Item B</li> <li>Item C</li> </ul> <p>More riveting text </p> </div> The CSS is .TwoCol img{ float:left; padding-right:5px; border:none; } .TwoCol ul{ list-style-type:none; } T...
Putting 2 divs side by side / Internet Explorer 6/7 float and padding (?) bug fix
Hi everyone, I need to put 2 divs side by side. But what's more important, I want this to display correctly in IE6/7. I have managed to succeed this with Firefox though. My code: #container{ padding:10px; } #left{ float:left; width:500px; } #right{ width: 300px; float:right; padding:7px; background-color:#F...
ASP.NET - Conditionally link CSS file.
I want to conditionally link a CSS file base on the user's Membership role. An administrator should link my admin.css file while everybody else (other roles and anonymous users) should display my global.css file. Can this be done? ...
IE6 full screen div
Basically, I have to present a full-screen div on my page for various reasons. Now this is relatively straightforward in non-IE browsers (absolute positioning, top/left/right/bottom at 0px) and can be easily done on IE7 too (with some tweaking) however I just can't get it working on IE6. What's weird that I can get it working in quirks...