Re: [css-d] Looking for a consultant to heal me with a redesign of my ui.
Looks like you require someone to help you with the back-end, as well: http://www.eswap.com:8080/ -- snip -- Bad Gateway The proxy server received an invalid response from an upstream server. Additionally, a 502 Bad Gateway error was encountered while trying to use an ErrorDocument to handle the request -- snip -- Are you sure about the port? Trying it without the port, it times out. brian __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] table cell and position absolute/relative
On 4/24/06, brian ally [EMAIL PROTECTED] wrote: I'm putting together a calendar (no link - i'm still at the fiddling stage) and want to have details of certain events show up on hover. That is, dates with events have a link w/ abbreviated title, and a hidden span with more info. The calendar has been marked up as a table. When the link is hovered, the hidden span (also in the table cell) should appear, originating at top-left of that particular cell. I figured it'd be as simple as setting event cells to have position: relative, and the span, position: absolute; left: 0; top: 0; Unfortunately, this causes the span to appear at top-left of the entire table. The only way to get the span to appear at the origin of the cell is to give the td display: block. But that causes the table to fall apart. Unless i float the cells, but i'd rather notdo that. Does any of this sound familiar? Is there some other way to cause the span to find it's proper relative positioning point within the table cell? Paul Debban wrote: If you give an element (I would use a div, as it is a block element), position: absolute but DO NOT SET any position properties (left, top, etc), the item will position itself as if the upper left corner of the element is in the flow. If you are not satisfied with the position, use margin properties to bump it in place. Works like a charm! I did, indeed, have left top set. Luckily, i was forced to put that aside for a few days while i worked on something else. Now, i needn't muck about for another solution. Thanks, Paul. brian __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] table cell and position absolute/relative
I'm putting together a calendar (no link - i'm still at the fiddling stage) and want to have details of certain events show up on hover. That is, dates with events have a link w/ abbreviated title, and a hidden span with more info. The calendar has been marked up as a table. When the link is hovered, the hidden span (also in the table cell) should appear, originating at top-left of that particular cell. I figured it'd be as simple as setting event cells to have position: relative, and the span, position: absolute; left: 0; top: 0; Unfortunately, this causes the span to appear at top-left of the entire table. The only way to get the span to appear at the origin of the cell is to give the td display: block. But that causes the table to fall apart. Unless i float the cells, but i'd rather notdo that. Does any of this sound familiar? Is there some other way to cause the span to find it's proper relative positioning point within the table cell? brian __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] FIR header with anchor
Further to the the problem of using image replacement, yet requiring an anchor, Thierry Koblentz sent me the following link offlist: http://www.tjkdesign.com/articles/tip.asp The last version worked for me, though i put the text inside the anchor, rather than leave it empty. Works for me, and i don't understand why it was left outside in the first place. I also set the font size to .1em (from 1em) and changed the colour to the same as the banner bg. I had to do that because the logo is a 24-bit transparent PNG. I'll play with it some more to see if i can avoid even that. Works, in any case. brian __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] FIR header with anchor
I'n using an image replacement technique for my headers. I had wanted to
use the same technique for a site's logo in the top banner as well, but
have run into validation issues with XHTML 1.0 Transitional DTD.
The problem is that the logo must be wrapped by an anchor linking back
to the front page (the nav is always available, but the client insists,
and i agree, in any case, that banner logos should do this, if
possible). But the height:0 rule causes the anchor to collapse as
well, of course. So simply wrapping the anchor around the header text
doesn't work.
In order for the header to be clickable, i must wrap the anchor around
the header. But that won't validate because then i've got a block
element inside of an inline element.
This is how the replacement is set up:
div id=banner
a href=/ title=blah blahh1my logo text/h1/a
/div
/* \*/
#banner h1 {
display: block;
overflow: hidden;
background-image: url(/images/logo.png);
background-repeat: no-repeat;
width: 405px;
padding-top: 25px;
height: 25px;
voice-family: \}\;
voice-family: inherit;
height: 0px;
}
/**/
I've tried marking it up properly, and then adding:
#banner h1 a
{
display: block;
min-width: 405px;
min-height: 25px;
}
to no avail. Does anyone have a suggestion? I'm willing to try other
replacement techniques, though this one has served me very well in the past.
brian
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Using the DOM to update a DIV height
The PROBLEM: When I use JavaScript to update a div's height, it works good
in IE, Moz, FF, Opera. However, the offsetHeight does not seem to
update correctly in FF Opera.
Thus, the CSS border-left and border-right properties do not update
correctly and I end up with a partially naked central content section. Just
have not been able to find a fix!
You can see an example of this at:
http://www.la5ta.com/qm14/english/beach-life.htm
Note that the side borders of the central div stop 1/2 way. That is
because, after I update the div.style.height, it resizes correctly.
However, internally, the div.offsetHeight remains unchanged, and it would
appear that this is what limits the borders from getting redrawn correctly.
The issue is the float: left you have on #Content p and #Content img. By
doing that you've allowed them to escape the Content. You could either
find a different way to mark them up to retain the look you have or you
could try something like this:
#Content:after {
content: .;
display: block;
height: 0;
clear: both;
visibility:hidden;
}
That serves to pull down #Content to once again contain the floats which
have escaped it.
HTH,
b
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] transparency in IE
I would like to make a transparency for this pages background for IE6 ?
I tried it and get a gray BG in IE.
site : http://www.rockstar4u.com/index.html
Try this (recognized by IE only):
* html body {
background: none;
filter:progid:DXImageTransform.Microsoft.\
AlphaImageLoader(src='/graphics/musicsheet_1.png',\
sizingMethod='image');
}
The backslashes (\) show where i've broken the lines for email
formatting. Get rid of those.
brian
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Firefox :hover bug?
I'm having trouble isolating/working around a seeming :hover bug in Firefox. If you look at my site's navigation bar[1], the tabs disappear when you hover over the list. Just FYI, it works fine for me with linux/mozilla 1.7.5, OS X/moz 1.6, OS X/FF 1.0.4 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] new 3 col layout with header and footer
i was searching for some simple source ordered floating 3 columns tableless CSS layouts. i've found lot of more or less cool solutions but none was matching my needs. so i decided to try and compose my own: http://www.ground.cz/luci/css/my3cols.html looks fine in moz 1.7.5/linux Also good in FF 1.04, Safari 1.3, Opera 7.54 (OS X) No styles for Explorer 5.2 ;-) b __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
