Safari on the iPhone renders my {position: relative; top: 80px;} div 1px too low (all other browsers work fine) - is there any way to fix this via conditional css?
Hello,
I have an HTML form with radio buttons, check boxes, text fields and drop down lists.
Since I want user to fill everything in my form, none of the radio buttons and check boxes are checked and the text fields are empty.
I would like to write a CSS file that will fill the form with answers (I don't want to change my HTML file).
Is this possible ?
I would appreciate an example or any other idea ?
Thanks !
I'm currently looking into the JQuery library for CSS Layout Template module
Is it possible to define the height of a placeholder with *?
Meaning it will push content down if it has to, or fill up any remaining space if the complete content is less then the view port.
This would be really nice to make the whole sticky footer thing much easier and robust.
Hi everbody,
I need to make a web system using asp.net mvc, jquery and web standards
for a customer with a style like Windows Vista/Seven.
Can anybody indicate me a link to do this with CSS ? I search on the web but i didn't find it =/
I'd like to have interface elements like "window", "menu", "buttons", "form controls", etc...
If anyone could help me, I appreciate.
thanks!
[]'s
I have a submit button that changes when the user hovers his mouse over it. Right now the image is taking a while to load and you get a half second where there is white screen instead of the other button. Is there anyway to improve this using just CSS and HTML or do I need to do some JS work?
I'm doing some web-dev and the designers slice and export from photoshop. The generated code is horrendous. The first thing i'm doing is taking everything out of the tags and putting them in css files. So i was wondering if there was a tool that can automate this?
I have been having some serious issues trying to get this web page I have been working on working correctly with IE7 (ff/chrome/safari/ie8 all work fine). I have corrected all HTML and CSS issues, but it still does not render the same in IE7. I have been working on this for months, and was wondering if the community could give me some help:
http://victoriakwasinski.com/
Thanks.
I want to display a basic html table with controls to toggle showing/hiding of additional columns:
<table id="mytable">
<tr>
<th>Column 1</th>
<th class="col1">1a</th>
<th class="col1">1b</th>
<th>Column 2</th>
<th class="col2">2a</th>
<th class="col2">2b</th>
</tr>
<tr>
<td>100</td>
<td class="col1">40</td>
<td class="col1">60</td>
<td>200</td>
<td class="col2">110</td>
<td class="col2">90</td>
</tr>
</table>
So Column 1 and Column 2 will be the only columns displayed by default - but when you click on the Column 1 I want 1a and 1b to toggle, and same with Column 2 with 2a and 2b. I may end up with more columns and lots of rows - so any javascript looping approaches have been too slow to work with when I tested.
The only approach that seems to be fast enough is to set up some css like this:
table.hide1 .col1 { display: none; }
table.hide2 .col2 { display: none; }
table.hide3 .col3 { display: none; }
table.show1 .col1 { display: table-cell; }
table.show2 .col2 { display: table-cell; }
table.show3 .col3 { display: table-cell; }
And then set up onClick function calls on the table header cells that will trigger a toggle - and determine which css class to set "mytable" to that will create the toggle effect that I'm looking for. Is there an easy way to set this up so that the code can work for n # of columns?
As you can see from the picture i want my float: right, div box that contains this video to like "be there" and not floating there, i mean i want the hr line and commentsystem(the whiteblack boxes you see) under the video, i suck at explaining but if you dont follow please comment..
heres my css
#sctryclip{
float: right;
border: 2px solid #FF3399;
display: inline-block;
}
have a look at the top menu on these two pages on Firefox:
http://outsidemma.com/2010/100031-bj-penn-the-prodigy-jay-dee.php
http://outsidemma.com/index.php
On the first page for some reason there is some extra spacing above it.
This only happens on Firefox. I am using Firefox 3.6.
I have a youtube video like so...
<object id="video_1" class="a_video .......
However the css for a_video:
display:none;
Isn't hiding it in IE.
Anyone know how to hide embedded youtube videos in IE?
Hi all,
I currently have issues in Webkit(Safari and Chrome) were I try to load dynamically (innerHTML) some html into a div, the html contains css rules (...), after the html gets rendered the style definitions are not loaded (so visually I can tell the styles are not there and also if I search with javascript for them no styles are found).
I have tried using a jquery plugin tocssRule(), it works but it is just too slow. Is there another way of getting webkit to load the styles dynamically?
Thanks.
Patrick
Hi css experts
I'm having a problem with my site http://artygirl.co.uk/pixie/about/ I can't seem to get the footer to automatically stick to the bottom of the browser, and show the rest of my background.
Is there a solution better than using position:fixed or absolute?
I think there are possibly other styles over-riding some tests I do in firebug.
Thanks for your help
Regards
Judi
Hi,
Is there any way that I can call my Java script function from css
for ex here is style:
.first-nav li a:hover,
.first-nav li.hover a {
margin:-3px 0 -1px;
height:30px;
position:relative;
background:url(../images/nav-hover.jpg) no-repeat;
}
and what I want to call a JS function on anchor hover
newbie question in css:
I have the following style defined:
TABLE.tabulardata th {
font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
background: #CAE8EA url(images/bg_header.jpg) no-repeat;
}
I want to create an identical style but with different background color.
question: is it possible to parameterize the attribute. Background color in this case Or do i need to copy the same style again
Hello there...
I'm using JQuery for this. The problem is that, when I drag an object from the side bar, the DIV that I'm dragging appears behind the main area, thus it looks really bad. I took a screenshot of the problem: http://i.imgur.com/Xu4GM.png
The div I'm dragging has this CSS:
.reporte_arrastrado{
width: 150px;
height: 60px;
background-color: silver;
background-image: url(chart.png);
background-position: left center;
background-repeat: no-repeat;
padding: 10px 0 10px 26px;
position:relative;
}
And, the one that represents the main area has this CSS:
#tabs{
position:relative;
}
That's it... I've read some answers here, and people always suggest to set the position property to relative. But, it does not work for me.
Thanks for reading.
Hi,
I need to produce a very simple website (no dynamic-content, 2-columns, header&footer) and I have a basic knowledge of xhtml/css.
So I could probably come with something from scratch, but it would probably won't work in "all" browsers.
I've done some googling, but it's difficult for me to evaluate the quality of the "free templates" advertized all over the place.
So is there any web developer here that has good references or even such models/templates
?
I want to create a headline (h2) with an image at the right-most area of the bounding box. I have the layout almost right except I can't push the image a little bit to the right of the element's bounding box -- how would I tweak my css so it is displayed correctly?
I'm trying to do something like this:
[{someHeadLineText}{dynamic space }{image}{5px space}]
where the [] indicate the total available width of my content.
Html:
<div class="primaryHeader">
<h2>News</h2>
</div>
Css:
.primaryHeader h2 {
background-color: green; /* the header looks like a box */
color: black;
background: transparent url(../images/edit.png) no-repeat right center;
border: 1px solid red;
}
I am placing the image to the right of my h2 element and centered vertically -- but how do I adjust the placement of the background image?
Hello, I have good familiarity with CSS but for some reason I am unable to achieve the result I want in this case.
Here is the link to my test site
http://danberinger.com/test.html
Keep in mind that I want a 2 column layout and that the background wrapper color (gray) is not showing. Instead the body background color image is being put in place of where the wrapper background should be. Any suggestions would be greatly appreciated.
Is there a way (ideally easy) to make headings and sections autonumber in HTML/CSS? Perhaps a JS library?
Or is this something that is hard to do in HTML?
I'm looking at an application for a corporate wiki but we want to be able to use heading numbers like we always have in word processors.
I found a weird CSS validation result: when rgba() is used to background, it does not validate, however, the workaround is rgba() for background-color. Why that rule exists? Is it a validator's bug?
Try to validate the following there, and you can see the result:
div {
background: rgba(0, 0, 0, 0.5);
}
and
div {
background-color: rgba(0, 0, 0, 0.5);
}
hello
i have a application on php , i want to create some report in my application, but i wnat users print some of them on A4 and some of them in A5 and some of them on A3
how should i config css?
thank
I am having trouble applying a style that is !important. Ive tried:
$("#elem").css("width", "100px !important");
This does nothing, no width style whatsoever is applied. Is there a jquery-ish way of applying such a style without having to overwrite cssText (which would mean id need to parse it first etc)