Thursday, November 3, 2005, 1:19:18 AM, Graham Reeds wrote:
css and use background images for it. However that would mean 8
background divs for each element that require the border effect - and
There are tons [1] of custom border techniques out there. I made one based
on 4 DIVs and 2 images
Monday, November 7, 2005, 7:08:22 AM, Adriano Castro wrote:
It's a bit of a conundrum because I need display: inline for both
elements to begin on the same line but
Not necessarily. Blocks can be on the same line, too.
Title
Subtitle date
link
All you
http://www.sitevista.com/cssvista/
Haven't tried it yet, but appears to be a nice gift to CSS architects
running XP.
CSSVista is a free Windows application for web developers which lets you
edit your CSS code live in both Internet Explorer and Firefox
simultaneously.
It's alpha software
Wednesday, November 9, 2005, 10:01:21 PM, Philippe Wittenbergh wrote:
.myclass {text-align: center}
td:first-child+td+td {text-align: center} /* the 3rd column */
***But***, and here IE is buggy again, you *cannot* group those
selector, else IE doesn't recognise the .myclass selector.
I
Thursday, November 10, 2005, 1:27:55 PM, CJ Larson wrote:
Making a colgroup for this city *one* time and being done with it is the
intuitive thing to do, but since it doesn't work... problem.
Have you tried it?
http://css-discuss.incutio.com/?page=StylingColumns (Combination method)
table
Thursday, November 10, 2005, 1:59:25 PM, Dan Kletter wrote:
Drawback is colgroup is only supported by IE and limited to width,
border, background and visibility styles.
Thanks to it's non-standard layout engine IE doesn't have these limitations
on styling via COL. Nor do CSS2 browsers styling
Friday, November 18, 2005, 12:24:47 PM, Gale Stafford wrote:
I tried representing this using floats in CSS. It looks fine in IE and
Firefox. But when I decrease the text size in Firefox, my floats start
moving up and around
http://tinyurl.com/cpfgl
And here's a link to my CSS
Wednesday, May 4, 2005, 11:55:48 AM, Tom wrote:
Can I create a div that is say 100 x 150 pixels wide, absolutely positioned,
specify a (thumbnail) background image, then put an anchor tag in with a
display block that simulates the whole div being a link?
Why simulate? How about:
a id=sn
Thursday, May 12, 2005, 7:05:35 AM, Jeroen van der Goorbergh wrote:
I'm looking for a way to position an image in the bottom right corner
of a fluid height container and still have text wrap around it.
http://www.xs4all.nl/~jer03n/sandbox/float-bottom-right.html
Wednesday, June 1, 2005, 9:46:21 PM, Les Mizzell wrote:
I'm experimenting with the Pure CSS popups idea from myerweb.
http://www.happybookseller.com/DEV/events.cfm
However, doesn't work at all in I.E.
IE/win bug. You need to set one of a few properties on a:hover. I'm pretty
sure border is
Scott Haneda wrote:
I have a set of two forms on a page:
billing info and shipping info, there is a checkbox that says make my
shipping info match my billing info. If that box gets checked, I want to
hide the second form.
This would be a good application of CSS3's :checked pseudo-class.
Thursday, July 14, 2005, 2:19:50 PM, Hershel Robinson wrote:
http://www.stephenjoneslaw.com/home
IMHO the main part of the page is quite skinny. Furthermore, on my 17
1024 pixel monitor, the text at default size on FF is very small.
Agreed. Great design, but more comfortable after I shot
Doh.
Sorry Teresa (and Al), I didn't get the latest CSS-d digest until a second
ago and noticed Al had already covered the case of fixed navigation markup
last night. You can ignore my message.
Being on digest is so yesterday.
Tuesday, July 19, 2005, 11:43:36 PM, Al Sparber wrote:
Use a body
Tuesday, July 26, 2005, 9:53:17 AM, Scot Schlinger wrote:
I am trying to arrange four box division such that 1 and 2 are in the
first row and 3 and 4 are in the second row.
Start with the first two. You want a 2-column CSS layout based on
floating 1 to the left then 2 to the right.
See:
Wednesday, July 27, 2005, 4:54:21 PM, Rebecca Cox wrote:
involves giving a negative z index to the text you want to hide behind a
background image.
I have found it OK as long as you don't want to specify a background color
- see samples at http://www.reb.net.nz/csstests/
This was proposed
Thursday, July 28, 2005, 12:26:11 PM, Chris Vannoy wrote:
To get it to work with other backgrounds, I just set a z-index of 1
to the body and the wrap that surrounds the fixed-width, centered
layout and a z-index of -1 to the H1 span.
I made a test page for this:
Friday, July 29, 2005, 6:00:08 PM, Mark wrote:
This example works correctly using IE6. The background of the popup
dd id=area1a href=#spantable cellpadding=0
cellspacing=0
border=0trtdPopup/td/trtrtdtext!/td/tr/table/span/a/dd
You can't have a TABLE in an A. Invalid markup = unreliable
Monday, August 1, 2005, 2:52:32 PM, [EMAIL PROTECTED] wrote:
http://www.advancedscrollsawpatterns.com/indexwithdiv.htm
I get *nothing* in Opera8. The page is invalid:
body bgcolor=#FF
Move this to your CSS so you have
body
Steve
--
http://mrclay.org/ : http://frenchhorns.mrclay.org/
Monday, August 1, 2005, 4:49:35 PM, Lst Recv wrote:
Is there a simple way (without having to give each link a class) of
using CSS to change the background color on text links but not images?
CSS can't do it (selectors can't look down the document tree)...
OFFTOPIC
...but JS can give those
Monday, August 1, 2005, 10:19:11 PM, Jon Trelfa wrote:
That's no completely correct...CSS, in a way, DOES look at the document
On 8/1/05, Steve Clay [EMAIL PROTECTED] wrote:
(selectors can't look down the document tree)...
I should have emphasized down, they can look up of course (descendant
Monday, August 1, 2005, 10:51:21 PM, Matthew Ohlman wrote:
Correct me if I'm wrong, but I think [CDATA sections are] optional. That
Optional when serving XHTML as text/html.
http://developer.mozilla.org/en/docs/Properly_Using_CSS_and_JavaScript_in_XHTML_Documents#Using_CDATA_Instead_of_Comments
Tuesday, August 2, 2005, 12:04:45 PM, Matt Harris wrote:
Is there a way to surround an absolute div (red border) with a relative div
(green border), but not define a height for either?
No. Abs. positioned elements are out of document flow; they can't affect
elements around them. Is there a
Wednesday, August 3, 2005, 11:36:27 AM, Scot Schlinger wrote:
link rel=stylesheet href=style/global.css type=text/css
media=screen /
link rel=stylesheet href=style/index.css type=text/css
media=screen /
Or is there a different/better way?
There are /different/ ways, but there's nothing
Wednesday, August 3, 2005, 6:03:17 PM, Travis wrote:
http://www.j-learning.org/index_working.php
In IE, all boxes get the fourth background. Why's this? How can I fix
it?
It doesn't look like a coding error, but all I can do is suggest another
technique. Rather than use 4 separate images,
Wednesday, August 3, 2005, 9:10:12 PM, Travis wrote:
http://www.j-learning.org/index_working.php/build_it/
But in IE for Windows,
...you get peek-a-boo bugs (probably). Most harmless fix: add
position:relative to the float and float container.
Thursday, August 4, 2005, 10:16:02 AM, Lisa Carter wrote:
For the dropdownlist, I attempted to use
select { text-align: center; } - this did not work.
http://www.456bereastreet.com/lab/form_controls/select/
Particularly the 12th select box is styled with text-align and the
screenshots show the
Thursday, August 4, 2005, 1:40:16 PM, Eric A. Meyer wrote:
Another good discussion would be on hack management-- what are
some good ways to organize style sheets so that hacks are easy to
maintain? A good starting point might be for people who have
As one who shudders at the thought of
Friday, August 5, 2005, 1:32:45 PM, Fred Newtz wrote:
Is there anyway I can align two different pieces of text to two different
sides of a TD? I tried using div and span however it is not working
divtd class=rowclass1. Newtz, Fred span style=text-align:
rightbEnrolled on:/b
Friday, August 19, 2005, 3:07:28 PM, Valette Ragland wrote:
images disappearing upon a page refresh.
I don't even get them the first load in Opera.
HTML and CSS both validate. Any ideas?
I believe your problem is the server being flaky or the images being a bit
malformed or corrupted. Maybe
Friday, August 19, 2005, 3:44:21 PM, cFA wrote:
works just not 5.
http://aenonfiredesign.com/test/iethumbhover/
No worries, the links indeed work in IE5.0, that browser just tends to lose
its pointer cursor with blocked links. You'll need to feed the anchor
cursor:hand. Following it with
Saturday, August 20, 2005, 2:27:51 AM, Bruno wrote:
In IE5.0 links with hasLayout (triggered by any dimension, or float) do
not work over images.
Maybe you could try this: In IE5.0 only, hide the IMGs and replace them
with background images on the anchors...?
Steve
--
http://mrclay.org/ :
Saturday, August 20, 2005, 8:52:17 AM, ross wrote:
.firstname {
width: 100px;
}
long name is entered the div size expands with the text.
In IE/win. You shouldn't see this problem in other browsers that correctly
handle width. That said, there's no standard property to force a text wrap
in
Monday, August 22, 2005, 4:09:27 PM, Rob Cochrane wrote:
IE accepts margin on legend and will move its placement but FF and opera
do not so that one is out.
Opera8 /does/ position LEGEND based on side margins (LEGEND must be sort of
inline-block in that browser), but neither IE6/win nor FF
Wednesday, August 24, 2005, 8:31:00 AM, dimpie wrote:
I have a link which exists only of an image, no text involved.
If I hover over it I want to show a different image. Seems simple and
probably it is.
CSS rollover for IMG links: http://wd.mrclay.org/tests/rollovers/
(Accessible when CSS
Thursday, August 25, 2005, 11:56:15 AM, Andrew Gregory wrote:
setting display:inline and float:left/right is pointless. All floats
are display:block.
Harmless, but not pointless. display:inline fixes some IE/win float issues.
http://positioniseverything.net/explorer/doubled-margin.html
Thursday, August 25, 2005, 12:21:03 PM, ross wrote:
Is there a way to force scrolling in either vertical or horizontal
direction and not automatically in both?
overflow-x and overflow-y (CSS3)
http://www.w3.org/TR/css3-box/#the-overflow-x
Supported already by IE/win, will be in FF1.5
Steve
--
Sunday, August 28, 2005, 12:36:38 AM, t94xr.net.nz wrote:
Whats an easy way to align an image in the centre of a 150px div?
Horizontally? Give the DIV text-align:center;
Vertically? As with all vertical centering, it's a bit more tricky:
I use display:table-cell for CSS2 browsers and a
Sunday, August 28, 2005, 8:48:29 AM, Sarah wrote:
activated by a click or key press ... would I need to employ lots of
Javascript?
Yes, some non-trivial (depending on who you ask) Javascript would be
required.
would it then render the navigation less accessible?
If done well, no, but that's
Monday, August 29, 2005, 11:46:32 AM, Jessica Mays wrote:
What I need to be able to do is control the placement of text
menu within this div container. I know how to so this when my page is
set to be aligned to the left on the browser using absolute placement,
The key is moving your reference
Tuesday, August 30, 2005, 10:00:05 AM, andrew welch wrote:
Hmmm why does html and body need a height? That is surely a hack.
Explanation: http://www.quirksmode.org/css/100percheight.html
The requirement is that the header div must not scroll off the page,
it should remain fixed at the
Thursday, September 1, 2005, 6:17:35 AM, [EMAIL PROTECTED] wrote:
It seems simple: to move an element to the right column - just change its
style to float:right, and the same for left.
It works fine in IE6, as you can see here:
http://tora.us.fm/floattest.html
IE breaks a rule of the float
wendy wrote:
http://www.horseink.com/workroom/dgj/index_hmenu.html
Ingo Chao wrote:
At ~640px, the columns start to drop in IE/Win
I think that's what she's referring to. She gives #wrapper a min-width,
but IE/win doesn't support it. A few options I see:
1) Emulation min-width in IE with
Take any real big CSS file with the same five-six colors repeated tens
of times for various elements and benefits will be obviuos.
And thats very handy for color skining.
Thursday, September 1, 2005, 1:23:09 PM, Tom Livingston wrote:
Still, having Find And Replace in my editor seems easier
Thursday, September 1, 2005, 2:45:59 PM, Adam Kuehn wrote:
Thierry Koblentz wrote:
I'm not sure if this is a safe solution; I wouldn't use float without an
explicite width...
It is safe for all CSS 2 browsers with the sole exception of IE5/Mac.
That browser, and only that browser, requires
Thursday, September 1, 2005, 12:56:23 PM, Pringle, Ron wrote:
http://tinyurl.com/7nngl
My real question is, what can I realistically do about this content?
One option would be to create a special template for certain pages that
removes the right column.
Is there some css/style solution I'm
Friday, September 2, 2005, 3:50:13 PM, Alex Robinson wrote:
http://www.fu2k.org/alex/css/cssjunk/operatopbottom
Looks like a bug. I just can't imagine how I've never run into it
before. I wonder if applying some common rule to BODY (#wrapper's
container) might fix it...
Steve
--
Sunday, September 4, 2005, 11:57:15 AM, Edward wrote:
It seems to me that this is a major failing of CSS positioning, that
a DIV can't recognise it's contents and expand accordingly.
You desire a layout that can handle arbitrary contents, but if you put a
2000px wide table in a table layout,
Tuesday, September 6, 2005, 10:03:26 AM, Martin Petrov wrote:
I don't want to position the image but to indent the text. I tried with
padding, but it just widens the box.
You might remove the border and apply a background image that fakes it and
extends it to the left. This might be more
Tuesday, September 6, 2005, 11:31:02 AM, Guillaume wrote:
Seems the browsers ( Op, Saf, Ff on Mac ) don't catch named anchors if
placed inside position:fixed containers...
Also scrolling areas with overflow:auto/scroll should scroll to make
targeted anchors visible. The specs just don't say
Wednesday, September 7, 2005, 10:21:12 PM, Ricky wrote:
To achieve this effect, I placed the image in a span floated to the left:
Or just give the IMG float:left; margin-right:1em;
Steve
--
http://mrclay.org/ : http://frenchhorns.mrclay.org/
Thursday, September 8, 2005, 9:02:19 AM, Damian Watson wrote:
I've got a layout that uses two absolute positioned column (left/right)
with a centre column that's relative to the page and left/right margins
to reflect the width of those columns.
My problem is that when the two outside columns
Thursday, September 8, 2005, 7:09:44 PM, Rutgers wrote:
I would like to set the table width to 100% (done) and each table cell to
specified percentage width that adds up to the 100%.
No need to set the width of the cells since each will contain the same
sized element.
I can't used % to set
Monday, September 12, 2005, 12:58:29 PM, Rick Faircloth wrote:
I'm trying to line up two DIV boxes horizontally. Instead,
Sounds like you basically want a 2-column layout, minus the header/footer.
You don't say what content will go in these boxes, so I'm assuming they
should expand as
Monday, September 12, 2005, 2:17:47 PM, Rick Faircloth wrote:
I guess, by your comments, that DIV's need to have a float
characteristic to be expandable according to content?
Float-based layouts are typically more flexible than absolute positioning
at least. Floated elements remain in the
Thursday, September 15, 2005, 7:33:59 AM, Bob Easton wrote:
1) the display:none technique is very poor form. It hides information
from exactly the audience who needs it, screen reader users.
While I agree the upgrade notice days are happily over, why would you want
screen reader users hearing
Thursday, September 15, 2005, 7:33:59 AM, Bob Easton wrote:
1) the display:none technique is very poor form. It hides information
from exactly the audience who needs it, screen reader users.
OK, I guess you were referring to general use of the technique. Agreed,
sorry!
Steve
Thursday, September 15, 2005, 9:49:36 AM, shlomi asaf wrote:
why moz doesnt support text-align:center
All major browsers support text-align [1].
The behavior you're expecting (that it affect block elements like DIV) was
a bug in IE5.x (retained in IE6 Quirks mode).
To center block elements,
Thursday, September 15, 2005, 12:50:56 PM, JF Simard wrote:
It seems that Opera 8 does not clear the main floated content in certain
I have Opera 8.02 (7680) on Win2k and the bottoms of these pages:
http://netdiver.net/toolbox/bookshelves/bk_05.php
http://netdiver.net/interviews/
look
Thursday, September 15, 2005, 3:49:31 PM, JF Simard wrote:
Mmmm...and what about this page?
http://netdiver.net/x_editorials/
You're right: float uncontained. Background ends after / Brain bytes.
Sorry...
Steve
--
http://mrclay.org/ : http://frenchhorns.mrclay.org/
Friday, September 16, 2005, 10:58:38 AM, chuck clark wrote:
pSubTotalspan class=rightside$ 10.00/span/p
Even less markup:
trthSubTotal/thtd$ 10.00/td/tr
Really, use a table...
Steve
--
http://mrclay.org/ : http://frenchhorns.mrclay.org/
Friday, September 16, 2005, 12:27:31 PM, Rick Faircloth wrote:
at what point does it become more desirable to use CSS
Good question. I say as use what you're comfortable with. If you don't
understand it, or don't think you could fix it, maybe shouldn't use it on
sites you build for others.
CJ Larson wrote:
The bullet lists line up with each image, so they also need to line *up*
with the images.
+-+
|=== : - bullet |
|Graphic : - bullet |
|=== : - long long
Tuesday, September 20, 2005, 1:22:47 AM, John wrote:
Home Page: http://www.bol.ucla.edu/
Right panel looks fine in Firefox. Not so in IE.
It's fine, you just need it to /look/ like the right panel extends to the
bottom. http://www.alistapart.com/articles/fauxcolumns/ will fix you up.
Steve
--
their background images) and am using a tags instead, styled with
CSS and with href=javascript:... attributes.
The problem is getting the Enter key to submit the form when the
cursor is in one of its fields. In Firefox it's easy: I just add a
...
This a bit off-topic from practical CSS use.
Wednesday, September 21, 2005, 2:16:47 PM, Rick F. wrote:
all of my tabular data
...should be in a table element. The font isn't the problem, it's the
markup.
is all over the place horizontally speaking.
Right, without the right element, your data is nothing but a blob of text
that a few
Thursday, September 22, 2005, 3:32:28 AM, Martin Petrov wrote:
knows how to remove the border that Internet Explorer shows when
using a background image with the hr element.
Styling HR is pretty much hopeless cross-browser. Put a DIV around it,
position the HR offscreen (it may have use to
Friday, September 23, 2005, 10:13:44 AM, Brian wrote:
the textarea can hold in physical shape/size, it obviously clips the
text and is not printed. Whatever is in the scrolling part of the box
This may fail miserably, but in your print CSS you might try:
textarea {height:auto;
Saturday, September 24, 2005, 12:28:32 PM, Dinh wrote:
http://img246.imageshack.us/my.php?image=layoutsidebarallheight1wx.png
http://img332.imageshack.us/img332/1461/4div0gd.png
You need to make #banner the first element nested inside of #container.
Then you can remove #banner's width and float
Saturday, September 24, 2005, 3:46:35 PM, Richard wrote:
divs within this, one floating left and the other floating right. And
then two divs within these divs again floating left or right. Or do I
just have four divs, three floating left and one floating right.
Depends on what order you want
Monday, September 26, 2005, 12:18:28 AM, Anastasios Angelidis wrote:
Hi I mamanged to get 100% working in explorer but not in Mozilla. Is
Google 100% height, 1st result will answer your question:
http://www.quirksmode.org/css/100percheight.html
The key in Standards mode:
html, body,
Sunday, September 25, 2005, 10:16:28 PM, Jeff Chastain wrote:
So, only using CSS, is there a possible cross-browser solution to style the
first table cell differently from the others without have a unique ID or
class on it?
CSS2, yes. IE, no.
td {/* first col style */}
td + td {/*
Monday, September 26, 2005, 10:14:31 AM, Sam Partington wrote:
http://www.luusac.org.uk/styles/base.css
http://jigsaw.w3.org/css-validator/validator?uri=http://www.luusac.org.uk/styles/base.css
It can validate the URL directly, but I suspect the validator has a bug in
its markup parser and is
Tuesday, September 27, 2005, 2:44:58 PM, jleonard wrote:
Which is better for wide spread use; a frameset with a scrollbar or the
CSS overflow: scroll?
CSS overflow can give you the look of a frameset, but not the behavior;
when the user hits the next page, all the CSS scrolling sections will
Wednesday, September 28, 2005, 3:55:14 PM, Peter Beckman wrote:
the idea behind grouping like-content together, but I don't understand when
it is good to have an extra container (div) here and there.
ZG was designed with restyle-ability as the #1 goal and has plenty of
superfluous markup. For
Thursday, September 29, 2005, 10:13:32 AM, Dan_MailLists wrote:
I did have a go at replacing the spacer gifs with real menu gifs - and
making them invisible in the CSS to allow me to do the rollover via CSS -
but that causes problems in Firefox.
Friday, September 30, 2005, 9:59:50 AM, Kristina Floyd wrote:
the column headings need to be level with each other.
http://24.m-corp.com/liCols/index.html
I can not touch the markup.
You'll need to add classes to the 4 top level LIs via Javascript, then
something like:
.li1, .li2, .li3, .li4
Monday, October 3, 2005, 12:11:41 PM, Mark D Hiatt wrote:
Can someone please tell me why my text goes away in this page, in PC
Internet Explorer 6 in the two smaller sizes?
http://www.unl.edu/webtraining/DW01/dw09.shtml
Best guess is that, at the larger sizes, your text pushes your footer
Wednesday, October 5, 2005, 12:18:04 PM, jeremy wrote:
in IE, things that I specify as being strong /strong or
font-weight:bold; dont really show up.
Don't show up as in invisible, not displayed, or just normal weight?
1) validate your markup
2) look for rules affecting strong in your CSS
3)
Wednesday, October 12, 2005, 6:16:09 PM, Scott Haneda wrote:
I really don't want to jam this one in a table, but I need 5 divs across,
butted right up against each other, after the 5th one, I need a new row.
The width of each of the 5 items is fixed, the height is not.
There's a relatively
Wednesday, October 12, 2005, 10:06:21 PM, Diane Tomlins wrote:
The test page is here: http://home.comcast.net/~drt603/dallas/index4.htm
I haven't looked into your CSS, but have you tried the CSS popup IE fix?
http://www.quirksmode.org/css/ie6_purecsspopups.html
Steve
--
http://mrclay.org/ :
Thursday, October 13, 2005, 10:48:06 AM, Jeff Shepherd wrote:
http://www.ashep.com/test/shadow/thumbnail.html
Simply put, I want a DIV that wraps tightly around a linked image
See http://www.brunildo.org/test/shrink_img.html
or check some of the other shrink-wrapping IMG methods:
Thursday, October 13, 2005, 5:13:15 PM, Sascha wrote:
http://www.andybudd.com/archives/2003/11/no_margin_for_error/
But still. I added position: relative to the elements in question to no
avail.
Position:absolute /does/ eliminate the collapsing, but you're right,
relative doesn't. This may be
Thursday, October 13, 2005, 6:09:31 PM, Andreas wrote:
Im trying to vertical-align the button to the middle of the textbox
http://www.selfinflicted.org/css/quick.html
http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align
This property defaults to baseline so although your #button is
Friday, October 14, 2005, 5:35:39 AM, Bill Gates wrote:
Doesn't work in Safari, Omniweb and IE for OSX. I didn't bother trying
iCab. It appears to work in FF and Opera...
Works in IE/win as well, but yeah, not good enough. Apparently the answer
to my question in the subject header is no.
Saturday, October 22, 2005, 3:46:21 PM, Mike Soultanian wrote:
what browser are you using? Seems like this is a problem in ie5.5, 6,
mozilla, yet they all handle the problem slightly differently
http://www2.csulb.edu/colleges/cota/test.html
In IE5.5+ I'm guessing the problem doesn't appear
Tuesday, October 25, 2005, 10:36:39 AM, Denise Hartmann wrote:
It works in IE, Firefox, but it is off a few pixels in Opera.
Without too much investigation I'm guessing you're running into Opera's use
of padding instead of margin on BODY. Replace:
body {
background-color: #22;
86 matches
Mail list logo
