I hate being *THAT* person, but looks like I have to be this time...
I don't have my CSS-D password anymore, so went to the site to get a
reminder and noticed a catch-22:
http://www.css-discuss.org/mailman/listinfo/css-d/
--
To change your subscription profile (set account options, *get
Over the past year or so, my HTML + CSS work has been mostly producing
layouts for other visual designers. CSS has been great and it's been
fairly easy to layout the pages from scratch. Most of these were
2-column layouts where we had control over the content.
I'm now wanting to build a 3-column
Hi Darrel,
This approach used to be very common, but now most authors don't want
to
have their content come last.
Good point, Thierry. I do imagine most of the complexity comes from
wanting source order options.
In this case, we're OK, given it's an intranet.
Bill...I just saw your Holier
The w3 validator clearly is not compatible with Microsoft ASP.NET
code.
Here is an example - http://www.cargovango.com/start.aspx. All of the
code that it flags is generated at run time. It's nothing that a
developer adds.
That's one way to spin it!
It's probably more accurate to say
There are some elements of .NET output a developer has no control
over.
For example, this source code:
asp:DataList
Well, a developer can choose NOT to use a DataList. That said, that
somewhat defeats the RAD concepts of using ASP.net + VS.net to whip out
code.
In ASP.net 1.1 I ended up
But I still can't get rid of the yellow and purple.
Could
one of you gurus please help? This page does validate.
http://chekmed.com/test_transparent.html
Test_transparent.html is the page (frameset) you are controlling.
The iFrame contents is a different page:
Site is dynamic, and there would be far too much
overhead to parse all the content and append a style to any numbers
Is the site run from a CMS? One could parse the content going into the
CSS with regular expressions and wrap the numbers with Span tags. Of
course, to prevent things getting
Moving the span isn't a bad idea, however if you're doing this out of
concern for non-visual browsing, the title tag can do this part of the work.
It *should* but AFAIK, many of the common screen readers ignore TITLE
attributes by default.
-Darrel
I have created a simple website where the logo is inserted as a background
image in the CSS.
However, I would like the logo to be linked to the index page (so that the
user can click it). Is there
any way to do that with the background image (in other words, is it possible,
in any way at
I'm using this very nice bit of javascript and CSS to create a
expandable/collapsible DL:
http://www.tjkdesign.com/articles/toggle_elements.asp
The specific CSS that is used to toggle the positioning of the DD is
this:
#TJK_DL .showDD {position:relative;top:0}
#TJK_DL
So what are the thoughts?
...about what? Not quite sure what you are asking.
I've built an image/portfolio management tool. The front end CSS is
somewhat arbitrary. I could use a CSS template or a table template
interchangeably.
IMHO, a good content management tool does just that...and leaves
I've looked around for a stable solution which doesn't
involve putting nbsp, emsp; etc all over the content
(that's presentational :-) ) and can only come up with using
the old s tag (for strikeout):
s{
padding-right: 1em;
text-decoration : none;
}
Strikeout implies
Is there a way in CSS to turn a single space after a
period into a double space - without using nbsp; (the no
break HTML code)? The drawback to using nbsp;, besides
having to type it in, is that if a sentence in the middle of
a paragraph starts on a new line, that line is indented
Is there a way in CSS to turn a single space after a
period into a double space - without using nbsp; (the no
break HTML code)? The drawback to using nbsp;, besides
having to type it in, is that if a sentence in the middle of
a paragraph starts on a new line, that line is indented
If you turn of javascript and CSS can you still see the menu items?
If
so, then yes, search engines shouldn't have a problem with it.
I think we're on off-topic ground here, but just wanted to
step in on this one point. A menu can indeed have its
sub-menus hidden, even with script
I was wondering if in general, text based submenu(s) would
be searchable by search engine spyders or robots?
If you turn of javascript and CSS can you still see the menu items? If
so, then yes, search engines shouldn't have a problem with it.
The main issue is that two popular web tools
Though I note that it is, somewhat ironically, itself a fixed-width
column of text. :)
Not just that, but EXTREMELY wide. Good example of 'do what we say, not
as we do'. FYI, if it bothers anyone else, I built a scriptlet that will
covert ALAP's CSS to a nice liquid-width layout:
Does anyone know of good solutions that I could test and try
to make the files compatible for both resolutions (600x400
and 1024x640) ?
First of all, don't design for screen resolutions. It's mostly
irrelevant. What matters are browser viewport sizes, and that can be
anything and everything.
Well, I suppose you could just let the software do its thing
without intervention :-) ?
http://www.chelseacreekstudio.com/ca/cssd/layout04.html
I could, but that's not what we want to happen. So that's not a viable
solution.
(and thanks for fixing the 'no subject'...me = embarrassed ;o)
Why not apply that fix to IE only and spare Firefox? You could do:
Because...uh...umm...well...that's a good point. ;o)
-Darrel
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing
I'm using a 3-column layout on our new site. To avoid the dreaded
'dropped column' problem in IE where if the total column widths are
greater than the width of the browser, one or more of the column DIVs
will jump down the page, I've set any element in the center column that
may be too wide to get
I'm on my 3rd CSS overhaul of our site templates. I'm actually fairly
happy with this latest solution, and took some advice from previous
queries on how to handle content that is too-wide for the columns
(thereby pushing other columns down the page) and decided to set all of
the objects within the
I'm stumped on my layout. I have a div that surrounds all my page
content:
#pageFrameRight {
background-color: #fefefe;
border: 0px;
background-image: url(/assets/bgnd_wrapShadow_right_33.gif);
background-position: right top;
padding: 0px 15px 0px 0px;
What about using a min-width value to prevent the problem?
Because I'm not in control of the content, therefore, someone can always
put something wider in the content area than any min-width attribute I
set.
Seems like all the 3-column layouts work great if one is also in control
of the
well isn't that quite obvious? if you don't wan't it to drop,
you simply can't make them too wide.
I'm in control of the template. Not how wide the content inside the
template is on a page-by-page basis.
i think you should look
for something like an auto resizeable columns tutorial. not
In any case, if you cannot control how wide the main content
will be then you either
a) have a very bad CMS that allows the editors too much
freedom in designing the page rather than editing content or
It's our own CMS and we can only restrict content editing to a point. If
somone needs
I've had much success in avoiding this problem w/ a judicious
use of overflow:hidden
Well, we can't HIDE the content ;o)
I did try overflow: scroll, but that, while works, is goofy looking and
I'm afraid will just confuse most folks that encounter it.
There are two main culprits:
- large
hover links to expand the submenus. The thing is, some of
the lists get *really* long, and when you hover over a menu
selection, the dropdown will fall below the viewable area of
the screen (I'm on 1280 x 1024 - and it even does it to me -
I can't imagine what's being cut off from view
Bascially, I'm a subcontractor for the designer. And I know
you all have had those clients that will *just not listen* to
you when you say something can't be done. This is the issue
we're having. The client wants the Son of Suckerfish
dropdowns (which were implemented and work great).
Well, I've looked through the exhaustive list of 3 column layouts that
the Wiki crew has so remarkably maintained:
http://css-discuss.incutio.com/?page=ThreeColumnLayouts
Alas, I couldn't find a single layout that prevented the IE/PC problem
where if one of the columns has content too wide, it
The UDM4 menus were actually a suggested method - but I was
putting that off because I didn't want to start from scratch
again
FYI, the better menu scripts like UDM4 and PVII's just work off of a
standard nested UL. So, in terms of your markup, there shouldn't be much
that you need to
Look at example #3 on this site:
http://www.antix.co.uk/code/css/imposing_minimum_width/
Thanks. I need to do some min-width anyways, I've decided. Alas, the
expression method crashed my IE. So, I'm not too trusting of it. ;o)
Think I'll go with the spacer image. Old-fashioned, but it'll
I don't know what the name of this IE-phenomenon is, but it's
indeed a non-uncommon problem. IE is computing the width of a
column in a % of (in this case) the body width. That is too much!
With an extra box inside you can set the parent width to
100%, and then IE is performing as it
Is there a common way to solve DIVs from dropping down the page when the
browser is shrunk short of using min-width settings?
I'm having a problem mainly in IE. My markup is like this:
Div pageWrapper
div leftNav {width: 200px; float: left;}
Div contentColumnsWrapper {margin-left: 210px;}
Secondly, I've a bit of an accessibility issue with this
menu,
A CSS-only menu will be less usable/accessible than a good
javascript+css menu. Note that there are a LOT of bad javascript+css
menus too.
The problem with an all-css solution is that you don't have the ability
to add some of
Is there away to wrap an image in a container (span or div) without
having to give the span or div an explicit size?
DIVs by default, of course, are wrapping the height of the image just
fine, but want to take up the full horizontal space of the parent
container.
SPANs seem to be doing the
I would expect spans to wrap with and height as long as you
count the
space for the tails of p and y as images sit in the text baseline.
Do you have a test page or other url we can play with?
http://www.darrelaustin.com/stuff/spanTest/
I have an image surrounded by 3 spans all with
What if you floated the div? That will shrink wrap the div to content.
Yep. That did it. Thanks!
-Darrel
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub --
I've been struggling with getting a UL formatted so that there isn't a
gap between each LI.
Set each LI to have a margin of 0, and that worked great for firefox,
but not for IE/PC.
I finally discovered the fix was to change my HTML from this:
li
a href=link/a
/li
li
a
We are trying to create multi-level tabbed navigation for the
new UC Berkeley calendar. We have one instance where we have
three levels of tabs, with the third level having two lines:
http://mms.media.berkeley.edu:8901/UCBCNUsabilityMockups/Gatew
ay/New/UCBEven
Most UI folks would point
I have a typical two column layout using floats.
The problem I am having is that in IE, if the right column is narrower
than an object within it, the contents of the column is pushed down
below the left float in IE.
I've seen this before so am hoping it's a common problem (and, really
hoping
+1. The client id is very tricky due to the concept of naming
containers
causing your server side ID to be expanded to a name that's
guaranteed to be unique within the scope of the page
(required for PostBack resolution).
However, as stated, classes work flawlessly.
You can work around
Most of my output is through datagrids-(
Just MHO, but I've long given up on using .nets built in datagrids for
anything more than internal web applications where the interface isn't
terribly important.
Otherwise, I use a string builder and make my own output ala the asp
days. Not ideal, but
The problem with that approach is you're sacrificing control
over your markup with proper seperation of functionality and
design.
Yes, but...
If you wanted to make a change to the layout of the
content, you'd have to do a recompile to make the changes,
which is exactly what you want
Now here's another example for you all:
http://pro.html.it/esempio/proglayout/2col.html
Assume this was only given to IE. No jitters. Just a smooth
snap. Any complaints?
Looks nice.
Al has a point *if* one is resizing their browser while reading, but the
entire point of the jello layout
http://www.3tc4u.co.uk/
Notice the max-width on the center column. A great example.
Yes, not bad at all!
It's broken in IE6 when the window is resized.
Seems to be working for me. It appears they're using the javascript hack
for that.
-Darrel
46 matches
Mail list logo