So I'm creating this website and there is a strange untraceable bug that causes the header to move down 10 or so pixels. On a refresh the header could be correct or it could be broken. I've been testing it on Adobe Browserlab and the results are different every time.There is no discernible pattern making it incredible hard to track down.
http://www.freeimagehosting.net/uploads/c866bf594d.jpg
Has anyone ever had this problem and been able to fix it?
Hi,
I have this page.
login: [email protected]
password: m
As you can see in IE7 there isn't any border below 'Alcorcon', 'Madrid', etc. In FF yes.
Why?
Regards
Javi
I have a div with paragraphs inside:
<div>
<p>...</p>
<p>...</p>
</div>
I want dynamically to apply a certain style to paragraphs inside this div. Is it possible to do that without handling each paragraph element, but just attach somehow style to div element and all inside paragraphs would be affected?
Maybe with jquery.
It sounds for me like dynamical change of the stylesheet, is it possbile?
Thanks.
is it possible with just css2 to have the following:
3 divs:
<div id="wrap_centre">
<div class="top"></div>
<div class="mid"></div>
<div class="bot"></div>
</div>
all the content to be in the flexible div.mid section
overlap the top and bottom parts
not fussed about ie6
here's the photoshop with centre slice:
as you can see the top and bottom parts are quite large and i need to overlap them from the middle slice...
Hi I'm not too sure how to create the attached image effect where the right hand side is my main content and it shades onto my left sidebar which has a gradient effect downwards.
I have asp:Table with number of asp:Label inside asp:FormView, it represents short stats info.
I need to set Label.CssClass to "red" if it's text isn't "0".
Currently I do this on FormView.DataBound event. But think that it's better to use JavaScript and probably jQuery. How can I do that?
I want basically the same as
http://stackoverflow.com/questions/530701/jquery-select-image
a row of images that you can select one of.
But I'm trying to style the one I select, and store it.
var selectedicon = "";
function selecticon(){
$('#iconselect').children().click(function(){
$(".selectedicon").removeclass("selectedicon");
selectedicon = $(this).attr("src");
$(this).addclass("selectedicon");
});
}
on this
<div id="iconselect">
<img src="/red-dot.png" class="selectedicon" />
<img src="/green-dot.png" />
<img src="/blue-dot.png" />
<img src="/orange-dot.png" />
</div>
What am I doing wrong?
I have created a navigation menu which has a 'sliding underline' effect for each hyperlink.
JS Fiddle: http://jsfiddle.net/ZZuQR/12/
RELEVANT CODE:
/* sliding underline */
nav li a:after {
content: " ";
display:block;
margin: 5px 0px 0px 0px;
border-bottom: 3px solid transparent;
width: 0px;
transition: 0.5s ease;
}
nav li a:hover:after {
border-bottom: 3px solid #0076a3;
width:50px;
}
This solution works in Chrome but not in Safari. Does anyone know why this might be?
Hi,
I have an ordered list in HTML.
I would like to add styling only to the numbers (1,2,3,...), and not to the list items themselves.
Is there a way to refer to these numbers ?
Thanks !
I have blocks on page with background images, when I refer (click link) to the same page-images blink. How can I set chache or something else to extract this problem?
Greetings good people -
I need some help. I have until now buildt web-pages with floats, but now I need z-index, and therefore I need to use position
The test page is here http://www.it-stud.h...hovedp/combine/
The problem being the timelines (vertical multicoloured lines on the right), and this looks and works fine in FireFox and Opera for Mac and Pc, IE8, but scary things happens in Chrome and Safari.
It validates XHTML Transitional.
I have position inherit on some of the elements, but I have problems finding a solution.
Any help would be greatly appreciated, as I am out to sea on this one.
All the best -
this is what im trying to do...
ul#newnav a{ /*--This is basically the hover state of navigation--*/
color: #555;
background: url(images/a_bg.gif) repeat-x left bottom;}
ul#newnav a{ background: url(images/navpic.png) no-repeat top left;}
and of course its only loading the last one but is it anyway I can load both.
I have just embedded a newsletter field and button into my website, the field sits nicely but the button is too low. I tried different styles but nothing seems to work.
http://www.pazzle.co.uk/
Just underneath the banner.
<!-- Begin MailChimp Signup Form -->
<div id="mc_embed_signup">
<form action="http://pazzle.us6.list-manage.com/subscribe/post?u=7167bf73b26b7bd1298d4f925&id=a48b73e435" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required><div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</form>
</div>
<!--End mc_embed_signup-->
Hi folks:
I cannot ensure whether the background-image style is valid for <tr> b\c the image doesn't display in my computer.
<tr style='background-image: url(/images/Bet188/LeftMenu/xyz.png>...</tr>
Thanks.
I'm having trouble with the alignment of two images on the footer of my temporary website (http://www.rotimioyewole.com). I'm new to the YUI grid, which I think may be a factor.
It should look roughly like this (works correctly in Chrome and Safari, haven't tested IE yet):
(http://cl.ly/44fH)
But on FF and Opera look like this:
http://cl.ly/44aO
If I can have some sort of consistency then the website would at least be presentable. Ideally, I would also like to align both images on the same Y axis, as well as the text next to the icons. I had trouble figuring out how to search for a solution..can anybody help me?
Thanks in advance
Hello,
I need to have resizable menu and content background images for my site, so both of them get stretched whenever the menu entries are too many, or the contents go outside the borders of the content background. I need vertical stretching.
Could you, please, give me a hint (an actual answer would work as well) or a link to a good example?
Thank you very much in advance!
hi! :)
anyone know if is possible to reproduce this effect
background-image: -moz-linear-gradient(top, #666666, #000000);
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #000000),color-stop(1, #666666));
also on ff < 3.6?
im tryin' to generate a gradient background without images!
thanks a lot in advance for any advice.
I have a navigation bar, and underneath a black div on which the drop-down elements from the navigation bar drops. This is not the main function of the black div. It is just for design, but it works really well. You can see here what i am talking about: http://www.ecoloc.ro/interior/test/regeneration . Now, what i want to do is that every time a main element from the navigation bar is hovered, an image big enough to cover the main element and a part of that black div beneath it will appear. You can see in the link that i posted, on that black gap i want the image. Can this be done?
Thank you!
I'm trying to figure out why the text in the left navigation panel on the following page is shrinking & underlining when you mouseover in Firefox.
http://fundcentre.newireland.ie/
Everything on the left & top is part of a wrapper that we inject our content into. Our content is everything from "FUND CENTRE" down.
Can someone suggest something I could do to sort this issue out? Thanks.
Hi guys:
I got some elements whose style is dynamically modified by a JS. However, I hope one of which would not be modified.
How could I specify its style, which is static, not to be overriden anyway. Thanks.
When I show a hidden div that is stored inside an <li> tag the icons are pushing down to the bottom of the <li>. How can I prevent this?
Here's the HTML:
<ul>
<li>Utah
<ul>
<li>Park City
<ul>
<li>Park Cat 1
<div><img class="portf_edit" /></div>
<div><img class="portf_archive" /></div>
<div><img class="portf_delete" /></div>
</li>
<li>Skiing
<div><img class="portf_edit" /></div>
<div><img class="portf_archive" /></div>
<div><img class="portf_delete" /></div>
</li>
</ul>
</li>
</ul>
</li>
</ul>
Here's the li css:
li {
list-style-type:none;
vertical-align: top;
list-style-image: none;
left:0px;
text-align:left;
clear: both;
}
.portf_edit{
float:right;
position: relative;
right:50px;
display:block;
}
.portf_archive{
float:right;
position: relative;
right:-5px;
display:block;
}
.portf_delete{
float:right;
position: relative;
right: -60px;
display:block;
}
Here's a screen shot prior to expanding which shows the icons how I want them to line up:
Here's the screen shot prior to expanding which shows where the icons are being pushed to: