David Pratt wrote:
I am trying to get rid of a table at the top of a site layout that it
100% width. It is a quick search form and a table has been the only
way I have found to contain everything horizontally so it does not
appear severely skewed. I have tried in CSS but cannot seem to keep
Hello everybody!
This is my first post, so hopefully I do it alright.
Here is my question/problem:
I'd like to make a menue with a simple list (ul), shown in three
columns. Putting the list in a div, filling it with nine li and
formatting it with something like
ul {display: block; height:
Hi Dwain and Omar Kilani,
You wrote:
http://www.dur.ac.uk/ITS/WWW/accessibility/guidelines/priority2/.forms.php
this link is no longer good.
dwain
Try:
http://www.dur.ac.uk/its/services/web/accessibility/guidelines/priority2/forms/
Instead.
Thanks--I'll change my notes on that one.
OK - so I spotted my stupid error. It didnt seem right when I tried to
relate collapsing margins to a padding question. The fact is Padding does
work on the a element - what was stopping it was poor speficity, my test
page was importing a style sheet that had a:link and a:visited set to
Steve
Ensure that you remove whatever amount of padding you added to the
element from the elements width.
For example:
width:200px;
padding:0;
width:160px;
padding:0 20px 0 20px;
Steve Ivy wrote:
Hi All,
I'm having some weird padding issues:
Hi Steve,
The culprit seems to be these lines, which set the width of your sidebar
wider than your intended 216px and causes the protrusion:
htmlbody #sidebar {
width:227px;
}
Remove them and everything works as intended.
Cheers.
Mike
Steve Ivy wrote:
Hi All,
I'm having some weird
Hi, Steve:
Try floating the sidebar right and change the background position to bottom
right. It worked for me in 3 different browsers.
#sidebar {
background-color:#DBEEFA;
background-image: url(images/sidebar_background.jpg);
background-repeat: no-repeat;
background-position:
Hi Matthew. Many thanks for your reply. I figured it out. I increased
the font size in the input area to 110% and styled the button to be a
bit wider also now it is all pretty much uniform horizontally. Opera
seems to have wider selector for pull downs. So now everything is in
div and spans
This page: http://dev.facilityplanners.com/portfolio/ works fine in FF, but
fails in IE6, why?
I tried to use IE7, but that did not work.
Here's the inline style:
ul {list-style: none;
}
li {margin-bottom:5px;}
a {text-decoration:none}
Hi all,
This is a first post.
I'm developing a web application that must support RTL languages (Hebrew
and Arabic). I'm finding that Mozilla's support is fairly good, but IE
falls apart in RTL mode (although both browsers become noticeably more
fragile). There is very little practical
Really? Do you know the browser support on that?
Also, will the last one always be followed in case of a conflict?
On 7/18/05, Chris Hayes [EMAIL PROTECTED] wrote:
You can apply multiple classes to an item and they will cascade.
class=action last
Will apply both the action class and
Rahul Gonsalves wrote:
http://jaithirtha.net/rahul/Elastic%20John/Index.htm
...
I was testing at 800*600, and then maximised to my screen (1152 *
864). The footer slipped to the right. I was a bit curious, and
have narrowed this down to occuring between 1096 and 1097 px
(web-dev).
This
Rahul Gonsalves wrote:
http://jaithirtha.net/rahul/Elastic%20John/Index.htm
Correction:
#wrapper {
display: table; /* Opera, Mos-FF, Safari */
height: 0; /* 'hasLayout' for IE-win */
}
...no need to hack in the 'hasLayout' trigger for IE/win, as the other
browsers will treat it as
Hello,
I'm trying to layout a page using paragraphs and images floated to the
right. If I don't set a height for the paragraph style, then the
images will be somewhat staggered. If I set a height for the paragraphs,
then any overflow is lost, since I don't want to use scroll or
anything. And, I'd
Lst Recv wrote:
Do classes cascade?
That is:
style
a.content { font-size: 120%; }
/styke
div class=content
a href=urlurl/a
/div
I think what you are looking for is this.
style
div.content a { font-size: 120%; }
/style
div class=content
a href=urlurl/a
/div
By specifying a.content, you
I've got a news-type box that's floated right. If the box gets big
enough, it overlaps (in Firefox) a background-color and border that I've
got on a paragraph. In IE, it gets covered up by the
border/background-color. The text flows around the box just fine. I read
somewhere that it's normal
Do classes cascade?
That is:
style
a.content { font-size: 120%; }
/styke
div class=content
a href=urlurl/a
/div
Is that correct? If not, what is the preferred way of doing it?
(Also, BTW, what is what I sometimes see font-size: 80%/130% - what is the / ?
)
Please cc me on all responses
I've got a site: http://dev.ewriteonline.com which is behaving badly on
a number of platforms:
for starters - in IE 6.0 both the yellow and green bars below the logo
wont slide under the logo itself.
Any pointers? For extra credit look at it in Firefox or on any mac
browser ... why they
I would think it should be either:
style
#content {}
#content a { font-size:120%; }
/style
div class=content
a href=urlurl/a
/div
OR
style
a.content { font-size:120%; }
/style
a href=url class=contenturl/a
Lst Recv wrote:
Do classes cascade?
That is:
style
a.content { font-size: 120%; }
Hi Chris,
At 11:50 AM 7/18/2005, you wrote:
I forgot to mention, that the ul / li structur is generated by a cms
system (mambo CMS). So I can't apply different ids or classes to different
lis unless I make some changes of some sourcecode (which i can't).
all I have is a simple list... So I
I've never been able to figure out how to center fancier graphical
form buttons. I typically implement them like this:
a class=Btn href=# onclick=doSomething();span
class=CtrButton Label/spanspan class=Right/span
It's not the prettiest HTML ever, but it allows me to do variable-
sized
Ryan Becker schrieb:
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN
http://www.w3.org/TR/html4/strict.dtd;
html dir=rtl
head
titleUnderline Test/title
style
.underlinedText {
display: inline;
position: relative;
top:
Has anyone heard of or noticed this issue? When you give a container
element a height value (in order to give an element within that
container a 100% height) and you place two elements within that
container, one that has a fixed height and one that has a height of
100%, the fixed height
Hi all:
http://jaithirtha.net/rahul/Elastic%20John/Index.htm
I'm having a bit of a strange (to me) problem. I have a footer division,
with some text in it (contact info).
Now, looking at it in Firefox, it looks fine (as fine as pre-alpha
stages look), but there is a strange thing happening
No, styles, in general, cascade, but class declarations don't. What
you're looking for is probably something like
div.content a {
/* style for any anchor descendent of a div with a class of
content */
}
- Justin Makeig
On Jul 18, 2005, at 1:11 PM, Lst Recv wrote:
Do classes
Ryan Becker schrieb:
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN
http://www.w3.org/TR/html4/strict.dtd;
html dir=rtl
head
titleUnderline Test/title
style
.underlinedText {
display: inline;
position: relative;
top: 20px;
At 01:11 PM 7/18/2005, Lst Recv wrote:
Do classes cascade?
Lst,
I believe you really need to read this document:
CSS 2.1 Specification
http://www.w3.org/TR/CSS21/
It's very interesting and can be read inside of a day. It will answer most
of your questions at this early stage of your
I've been considering what would be a better test. Consider this page:
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN
http://www.w3.org/TR/html4/strict.dtd;
html dir=rtl
head
titleUnderline Test/title
style
.underlinedText {
border-bottom: 1px solid #FF;
On 7/18/05, Geoffrey Alan Colbath [EMAIL PROTECTED] wrote:
characters... so I am wondering if there's a way to set a minimum height
for a paragraph, with the option for the height to expand to accomodate
additional content?
There is a 'min-height' attribute you can use, but I do not believe it
Neal,
You may want to do a demo page so we can see the problem and look at
your markup.
Here is a quick demo I did, but I can't duplicate the problem you describe.
http://www.jimdavis.org/test/box_test.htm
Jim
On 7/18/05, Neal Wollenberg [EMAIL PROTECTED] wrote:
Has anyone heard of or noticed
Another idea is to drop that border-underlining
.underlinedText {
display: inline;
position: relative;
top: 20px;
right: 20px;
color: red;
text-decoration: underline;
}
em {font-style:normal; color: black;}
div class=underlinedTextemThis should have a red
underline./em/div
Its a bit
A good idea. It's the ability to make the underline a different color
that's most important. Being able to adjust the width is nice, but
simpler is better. Good thought - I'll probably settle for that.
Thanks!
Ryan
-Original Message-
From: Ingo Chao [mailto:[EMAIL PROTECTED]
Sent:
Olá a todos,
Is there any CSS alternative to the deprecated ALIGN attribute of
LEGEND? This attribute made possible the relative positioning of a
LEGEND in a FIELDSET on visual browsers. Possible values were top,
bottom, left, and right.
Obrigado,
Roberto Gorjão
On 7/19/05, Geoffrey Alan Colbath [EMAIL PROTECTED] wrote:
Hello,
I'm trying to layout a page using paragraphs and images floated to the
right. If I don't set a height for the paragraph style, then the
images will be somewhat staggered. If I set a height for the paragraphs,
then any
At 4:54 PM -0500 7/18/05, Akins, Chris wrote:
In the example of font-size: 80%/130% the first number is the actual size
of the text. The second number is the line height.
I believe this is correct. Someone correct me if I'm incorrect.
It's incorrect because 'font-size' doesn't accept
Hello,
on my home page (http://www.inspired-evolution.com), I have created a
fancy dropcap for the I in inspired and noticed a couple of issues.
1) The I in inspired isn't centered in the blue background like I
want it to be.
2) In IE the rest of the word (nspired) looks indented to the right,
I want to put the navbar at the *end* of the html, and use CSSP to
dispkay it at the top. Easy enough. But, is there anyway to have it
automatically push down the content that would have been on the top
otherwise? Right now, they are somewhat overlapping.
Thanks
Table criticisms aside, is it possible to float a short narrow
table into the top-right corner of a longer wider table, such
that shortnarrow looks like a column of longwide?
My aim is to have the text in longwide flow around the bottom of
shortnarrow when the latter finishes.
--
We take
Neal Wollenberg wrote:
Has anyone heard of or noticed this issue? When you give a container
element a height value (in order to give an element within that
container a 100% height) and you place two elements within that
container, one that has a fixed height and one that has a height of
Bill Hely wrote:
Table criticisms aside, is it possible to “float” a short narrow
table into the top-right corner of a longer wider table, such
that shortnarrow looks like a column of longwide?
seems to me you would use a {vertical-align:top;horizontal-align:right}
rather that a float. i
how come
position: absolute;
left: 200px
is a different place in IE than in firefox?
and how do you do workarounds these days if IE reads the box-model-
hack-parsing-error-trick-characters correctly now?
__
css-discuss
Lst Recv wrote:
I want to put the navbar at the *end* of the html, and use CSSP to
dispkay it at the top. Easy enough. But, is there anyway to have it
automatically push down the content that would have been on the top
otherwise? Right now, they are somewhat overlapping.
Thanks
Do you
travis laduke wrote:
how come
position: absolute;
left: 200px
is a different place in IE than in firefox?
and how do you do workarounds these days if IE reads the box-model-
hack-parsing-error-trick-characters correctly now?
Schalk Neethling wrote:
Greetings All
I wonder how many posts has had that subject :)
Anyway, I have a problem occurring in IE Win. Please have a look at
the following page:
http://www.volume4.com/caradvisory/index.html
As you will see in IE the right side nav bar is offset slightly from
I couldn't get it to work with margin either.
Goal:
NAVBAR
Other content entirely beneath it - no overlap
Simplified code:
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
html lang=en
head
meta http-equiv=Content-Type
Bruce Gilbert wrote:
Hello,
on my home page (http://www.inspired-evolution.com), I have created a
fancy dropcap for the I in inspired and noticed a couple of issues.
http:www.inspired-evolution.com
CSS http://www.inspired-evolution.com/Gilbert.css
Dunno, but would guess if you really mean
I've compiled some basic information about inconsistencies and bugs
regarding pseudo-elements and pseudo-classes in IE6/Win:
http://www.satzansatz.de/cssd/pseudocss.html
it's a work in progress, though.
If you have weired experiences related to :hover, :first-letter Co.
not listed in this
47 matches
Mail list logo