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
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?
hey guys,
i have a probably rather simpel problem:
my website has two layers:
1) a drag&drop navigation on top which should be positioned absolute, so scrolling doesn't affect the bars.
2) a content area in the back behind the navigation which should be scrollable.
you can see what i mean right here: http://jsfiddle.net/Pghqv/
however now, i cannot click links in my content-area in the back. any ideas or solutions how i can still have the same position result and the links in the back are working?
thank you very much.
Filters like
img {filter:flipV;}
I'm guessing are pretty old, I just was asked by a colleague why they weren't working for him in FF. I assume they were an IE only thing that died out a while back?
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...
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,
is there any way to create a table like this below using lists ?
**************
* 1 * 1.1 *
**************
* 1.2 *
********
* 1.3 *
********
* 1.4 *
********
Regards
Javi
I'm a person that learns best from example. Currently, I'm diving into the field of Web Development after fifteen years of developing desktop apps. I'm still getting used to all the web technologies used for developing modern web sites and everywhere I look, I see cool little UI elements and question how they're implemented. So I thought I'd ask you, the web experts...the wexperts :)
What are some straight forward or creative ways you could code this grid-breaking arrow...
The basic layout for this page looks like...
What would the html/css code look like?
Would you split the image into multiple images or could you use a single image?
I'm sure this is a really simple concept and it completely boggles me. I'm sorry if this is a strange question, remember I'm a noob! :)
Thanks in advance for all your help!
Here's a link to the original tutorial where I found these images
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:
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
I'm trying to stray away from using tables to form the layout of my content, and I can think of two alternatives that I'd like to better learn: (1) styling list items to be side-by-side, and (2) using div blocks that float onto the same line. Both of these would have their own uses for what I'm working on.
I'm already using div tags to form the entire layout of my three-column template, but what I need to do now is a bit different. In case it helps, my project can be found here.
In short, here's my question; how would I style a div so that the width of it is 50% of the width of the area it occupies, rather than 50% of the width of the page?
As for my other question, what would be the best approach to styling list items so that they are side-by-side? I'm working on a registration script now, and instead of using a table with "Username" on the left and the input text on the right, I can use two list items.
It's late and I've been working on this project of mine for about 8 hours straight now, so I apologize if I'm asking anything confusing. Feel free to ask me any questions about what I'm trying to do.
Thanks, friends. :)
I know styling is possible in SL, but I have a large web app that has both HTML and SL so it would be really useful if they could use the same style sheet...
Is it possible?
Thanks.
I have the following html (i'm also using Jquery and JqueryUI)
<div style="display:none; position:fixed; z-index:100;padding:0;margin:0" class="ui-state-highlight" id="Info">
<table cellpadding="0" cellspacing="0" style="padding:0;margin:0">
<tr style="padding:0;margin:0;">
<td><span class="ui-icon ui-icon-info"></span></td>
<td width = "100%" style="padding:0;margin:0;"><div id = "InfoText"></div></td>
<td><button style="width:25px;height:25px;margin:0;padding:0" id="closeInfo"></button></td>
</tr>
</table>
</div>
It procudes the following:
See where i circled in red? I want to get rid of that yellow space under the button, but i can't figure out how...
Thanks!
Hi
How to refresh a page every 10 minutes using php background process?
When i login to my account i can check my messages ,on setting timeout function the page reloads every 10 minutes but i need the process to run in background ,
After me logging in,.. if i receive some message i must receive a popup called hai you have a message from this sender
I've had a problem with my styles not being applied after AJAX calls. My styles were not in the < HEAD section of the page, and they were only recognized by IE on initial Page_Load.
If you know of any other ways to fix this problem, post them here.
This is more of a reference, hope this helps some people.
I have a setup lets say like follows:
<div id="nav">
<div id="innernav">
//With dynamic content here.
</div>
</div>
I am running a script that sizes #nav to the size of the browser window in height. But sometimes my dynamic content is now getting bigger than the height of the window.. Is there a way I can enforce that when #innernav exceeds #nav that #nav will increase in size?
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?
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 !
All windows in Aero have this kind of whiteish background on their text. I'd like to create an equivalent of this effect for a GlassWindow I'm using that has a TextBlock in the label area, but I'm not really a designer so I have no idea how to approach this. How can I reproduce this background effect?
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 -
Hello All,
I would like to brighten an image on my webpage on mouseover using css or javascript.
Ive seen some examples using opacity and filters in styles but they dont seem to work for me.
Thanks in advance
CP