Hi all, I've done some broad searching and can't find any good answers for this specific problem. I have a <div> and a <a> that affect each other's styles on hover (the link color changes and the div background changes). There are multiple sets of these on the page. I'm having real trouble with the css styles not changing. If I move t...
So I have a small div for the border, and three divs inside (see image at end). Green is full size (minus padding etc); Blue should float left and have specific width; Red should float right and also have a specific width. However I'm messing something up. Both of the blue and red divs float outside the main div. What am I doing wrong he...
I am dealing with a pretty standard (or so I thought) page. What I would like to do is allow the page to have it's width determined by the <body> tag and a top level .page style that I've defined in my css. My site has a left navigation pane that is ALWAYS a certain width. The "content" area stretches with the page and should determined ...
Hi so the layout is like this: <div style="width: 100%;" class="container"> <div class="col1" style="width:30%;float:left;"> column 1 </div> <div class="col2" style="width:70%;float:left"> column 2 </div> </div> I want to make div.col1 a different color, so for this I'm using a vertically repeating background ima...
Hello!! I have a table like this below. And there is a div container with information (usualy large text), so I want to position these divs straight under each tr row to make them toggleable (like sliding panel). Can you please advise how to position it with css/javascript? Tho, this html is not semantic so if there is another way to do ...
Using @font-face and CSS3 I want to simulate the linear gradient that you can achieve on text using Cufon color: '-linear-gradient(#7f7f7f, #616161)', I have the webkit rule -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7F7F7F), to(#616161)); but can't seem to get it to apply to the text using the color: selector or any ot...
Hi all, I have fetched the div element from another website, thanks to this group. require_once('E:\wamp\www\in.com\components\simple_html_dom.php'); $html=file_get_html('http://www.behance.net/samerh/frame'); $ret=$html->find("div[id=frame-gallery]"); $ret=array_shift($ret); echo($ret); And the content in that div is all images and...
How to make 100% horizontal cross-browser menu HTML/CSS? 1. with keeping clean HTML, li list 2. no image/javascript, tableless, W3C standards compliance Example for invalid example: /*CSS doesn't make `block` right/left space between `li` items (see attached image)*/ #nav{ text-align:justify; } #nav li{ /*border:1px solid #000; mar...
I have boxes that have been designed like this imgur.com/vMN0T.gif Basically I need to code them so that they can be any size height-wise and width-wise depending on the content inside. Plus the shadow effect needs to be transparent because the background color can change. Best way to do this so it works in all browsers? (IE6+, FF, Op...
Greetings. I want a component that keeps horizontal center of the page (two-columns), and I have a sub-component (right column) that I want its position to be fixed, so the sub-component's position to be fixed, but the whole two columns to be centered. content { width: 1200px; height:auto !important; height:100%; min-height:100%; padd...
Is there a way to style text font dynamically base on selected font in a list? For example, we can see this in Microsoft Word, where you can highlight some text and then change the font style by selecting a font style from the font dropdown box. I am trying to create a component similar to this in the browser. Current I am using the webf...
Is there any way to fetch the raw contents of a CSS file? Lets imagine that I wanted to fetch any vendor-specific css properties from a CSS file. I would need to somehow grab the CSS contents and parse them accordingly. Or I could just use the DOM to access the rules of a CSS file. The problem is that in while using the DOM, mostly all...
Hello, my question is how do I alleviate the "could not open socket error" that is happening on my site. I have trouble shot that it is captcha (I'm using recaptcha) It is only displaying this error on the two pages where I use recpatcha. I have been generating new sets of keys and sometimes it works and sometimes it does not. For e...
I'm trying to get rounded corners and drop shadow working on some div elements. For drop shadow I'm using box-shadow and for rounded corners I'm using border-radius. For the drop shadow in IE I'm using the DXImageTransform.Microsoft.Shadow filter. I need the elements to have rounded corners in IE as well that work with this filter. An...
I cannot remove padding adjacent to a link in this page I have reduced the problem to the bare minimum so its really clear. I could try forcing the width of the div but I want to know why having two elements side by side makes the total wider than the sum of the parts. You can see my issue here http://www.yart.com.au/stackoverflow/adj...
How do I style 'reset', 'button' and 'file' input types, let's say with images? Thank you! ...
I am trying to add a border and padding to the table row of XHTML 1.0 Transitional web page (see code below to repro). I know that if I change the type of page to something else, I will be able to add borders and padding to the table rows and cells. But in XHTML 1.0 Transitional, it doesn't work at all. Considering that I can't change ...
I'm trying to center a long line of text. Instead of all being on the same line, it's separating over two lines. Here is the HTML: <div id="head"> <h1>Hello</h1> <p><a href="#">Last.fm</a> / <a href="#">Twitter</a> / <a href="#">Dribbble</a> / <a href="#">GitHub</a></p> </div> And the CSS: #head{ border-bottom: 1px solid #c...
Hi guys, I'm trying to design a webpage using tableless layout; however, i'm experiencing problems when it comes to height of the page. I used jquery accordion to minimize the use of scroll bars in the page. However, im experiencing an overlapping of the div's when i collapse the accordion. The accordion part overlaps the bottom edge of...
I have a website. It is pretty simple, just a column of text in the middle and on the left of it a navigation column with links to my pages. When I resize my browser window while on my website, making the window smaller causes the column of text to cover the navigation column. While this isn't a problem on computers with widescreen monit...