Jonathan Mao wrote:
The problem is, when the browser window is less than the height of
the page the content seems to go out of the DIVs.
http://www.abcreative.net.au/folio_print_case.html
http://www.abcreative.net.au/folio_tv_showreel.html
It's the div#bgLayer {height: 100%;} and
James,
James Eaton wrote:
In this test I have two forms, each with text input field and submit
button. In the top example the button is a standard type=submit, and
the two items line up as I'd expect. In the bottom one I use a
type=image button. What causes the vertical alignment
James Eaton wrote:
http://dm126.mediaodyssey.com/form.htm
Hmm, maybe
.sitesearch input {vertical-align: bottom;} ?
probably other Browsers don't like this, so serve it to IE only.
Ingo
--
http://www.satzansatz.de/css.html
http://www.itshere.org.uk
I've inherited this table-based site, which is going to be replaced with
a CMS-based site at some point in the next six months. I've worked
styles into some of it, and the rest can remain until the switch.
However, I am not happy with the menu and would like to
cj wrote:
[...]
On 2/7/06, francky [EMAIL PROTECTED] wrote:
Oops, the % was in the direction, but I was too much in a hurry. - A
(bottom-2em) is indeed impossible AFAIK, but what you can do is to hang
the bg-img in the footer, and then push him upwards:
unfortunately other themes use a
Hi,
I am struggling to educate the design team about using sensible font
sizes - all their designs come out with tiny fonts and then when I
create the layout with sensible sizes it tends to knock out the layout.
One of the biggest problems is that they bounce around design 'proofs'
in PDF
Julian:
Julian Voelcker wrote:
Have any of you come across any good sites covering the issue of font
sizes and providing sensible (and preferably backed up) guidelines that
I can wave infront of them saying 'it's not just me'?
http://www.useit.com/alertbox/designmistakes.html
Julian Voelcker wrote Thu, 09 Feb 2006 10:30:10 -:
I am struggling to educate the design team about using sensible font
sizes - all their designs come out with tiny fonts and then when I
create the layout with sensible sizes it tends to knock out the layout.
One of the biggest problems
On 09/02/2006, at 9:58 PM, Cem Meric wrote:
The problem is, when the browser window is less than the height of
the page the content seems to go out of the DIVs.
In other words, the user scrolls down to see the content (that's ok)
but the white background doesn't extend to the bottom of the
For long I have been looking for the easiest way to create forms without
tables. I found several methods:
- floating
- position:absolute
- display:inline-block display:-moz-inline-box
All come with their own caveats and problems. The floating is usually
considered the best. However, it's not
the ie developer toolbar beta 2 was released.
direct link:
http://www.microsoft.com/downloads/details.aspx?FamilyID=e59c3964-672d-4511-bb3e-2d5e1db91038displaylang=en
blog:
http://blogs.msdn.com/ie/
[no, i don't work for ie.] :)
Cj announced:
the ie developer toolbar beta 2 was released.
I installed the first beta and while it worked fine it seemed to attach
itself to the Adobe bar... I couldn't hide one without the other hiding, or
show one without the other showing.
Maddening... especially since deleting the
On 2/8/06, Zoe M. Gillenwater [EMAIL PROTECTED] wrote:
Kike Estellés wrote:
I've seen in www.csszengarden.com an effect that I can't reproduce.
In this website, when you make smaller the window, it gets a point where
the
rigth button panel stops and the horizontal scroll bar appears. I
Hi,
I'm a newbie and trying to learn CSS as i go along.
Tried to convert my website from tables to css, but have a problem in
Win/IE.
Other browers (Firefox(lin,mac), Opera(mac), IE(mac) don't show this
problem.
Used borders to have same lenght columns, tried several other systems (Faux
columns
Thanks both of you, great help.
--
Cheers,
Julian Voelcker
Cirencester, United Kingdom
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub --
Hi,
This has probably been discussed before but anyhow.
http://stressed.180bpm.co.uk/stuff/design/float.htm
The above page looks fine in Firefox and Dreamweaver incidentally.
However in IE a lot of the text doesn't appear until you resize the
page. It goes again if you refresh it. I'm using
David Laakso wrote:
[EMAIL PROTECTED] wrote:
Site: http://www.girlscantwhat.com
CSS: http://www.girlscantwhat.com/css/gcwcss.css
Gretchen,
With regard to readability and breaking on zoom:
Work in FF:
Set the font- size on html to 100%; and 1em on the body;
Set the main content p to
I am looking for a good tutorial on creating Tables that validate.
any good recommendations?
-jeremy
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub --
On 09/02/06, jeremy [EMAIL PROTECTED] wrote:
I am looking for a good tutorial on creating Tables that validate.
any good recommendations?
http://www.w3.org/TR/html4/struct/tables.html
--
David Dorward http://dorward.me.ukhttp://blog.dorward.me.uk
Hi Nick,
You've already received some good lists in response to this, but as an
aside I would suggest one thing which seems to concentrate designers'
minds: make them turn off antialiasing of fonts in Photoshop (or whatever
design tool they use).
Great idea - never considered that one,
Hi List,
I am almost finished with this site I'm making. All pages validate.
This is my first site I've done that looks the closest to professional
that I've done so far (very new to web site design).
Please be kind; I'm looking for any helpful suggestions on improvements.
Thank you in
This is an excellent write-up:
http://www.456bereastreet.com/archive/200410/bring_on_the_tables/
On 2/9/06, Zoe M. Gillenwater [EMAIL PROTECTED] wrote:
jeremy wrote:
I am looking for a good tutorial on creating Tables that validate.
any good recommendations?
Jeremy,
This a question
Thanks to Rahul Gonsalves for fixing that unwanted color border on
the actual image thumbnails and nav arrows. He suggested a img
{border:none} attribute and it fixed the Firefox problem.
I checked the site last night on a friend's PC and it fails totally
in IE6 and Opera. It looks fine on
Donna,
Donna wrote:
I am almost finished with this site I'm making. All pages validate.
This is my first site I've done that looks the closest to professional
that I've done so far (very new to web site design).
Please be kind; I'm looking for any helpful suggestions on improvements.
On 2/9/06, Donna [EMAIL PROTECTED] wrote:
Thank you in advance to all who feel inclined to help! Here's the link:
http://sswd51.accountsupport.com/index.html
these are probably personal preferences, so feel free to take them as such!
- the navigation looks weird to me with a background
Donna wrote:
Hi List,
Hi Donna :-)
I am almost finished with this site I'm making. All pages
validate. This is my first site I've done that looks the
closest to professional that I've done so far (very new to web
site design).
Please be kind; I'm looking for any helpful suggestions on
Hi Julia,
http://www.unc.edu/~jkullama/inls181/final/font.html
Thanks Julia.
--
Cheers,
Julian Voelcker
Cirencester, United Kingdom
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2
I've been studying the archives on this subject and experimenting a bit,
using the suggestion to set font-size: to 75% and 12px in the body, like so:
body {
font-size: 12px;
_font-size: 75%;
}
I downloaded Calipers and tested this out on Firefox and IE6 and found
Hi, all...
I'm working on an web-based office application,
so I'm trying to put as much functionality on a single
screen as possible.
I've using scrolling div's for areas to add, update, and
delete
content.
Everythings going well except for trying to place an anchor
inside a div for client
I have a #container div:
#container {
border: .4em solid #cc6;
background-color: #fff;
height: 42.1em; --must be set specific value, otherwise
collapes--
font-size: .95em;
margin: 0 auto;
padding: 0;
Stan Winchester wrote:
I have two different methods of trying to layout a page that has a header,
footer, left column for navigation buttons (client insists on the image
based buttons), and a main content column as seen on:
http://www.asian-herbs.com/index.cfm
The problem with the above is
css man wrote:
I've been studying the archives on this subject and
experimenting a bit, using the suggestion to set font-size: to
75% and 12px in the body, like so:
body {
font-size: 12px;
_font-size: 75%;
}
I don't know yet what IE7 will do with the pixels,
[EMAIL PROTECTED] wrote Thu, 09 Feb 2006 10:32:34 -0600:
David Laakso wrote:
[EMAIL PROTECTED] wrote:
Site: http://www.girlscantwhat.com
CSS: http://www.girlscantwhat.com/css/gcwcss.css
Reduce the size of all headings (h1, h2) and declare font-weight 200
on them.
I have no idea
Thanks for this, Rakesh.
My problem is, I can't work out how write the css to get a different
colored box into the different list items when I rewrite the menu as a
list, as per
http://css.maxdesign.com.au/listamatic/vertical05.htm
which uses just one image.
That weird mouseover event is one
Jonathan Mao wrote:
The problem is, when the browser window is less than the height
of the page the content seems to go out of the DIVs.
http://www.abcreative.net.au/folio_print_case.html http://
www.abcreative.net.au/folio_tv_showreel.html
...
We naturally want the DIVs to
Donna wrote:
***I'd give the links in the navigation a bit more
styling, and make them clickable in the full width of the
container, not just over the text.***
I don't know how to go about doing that, could you explain?
Sure.
If you have a list like this:
ul id=nav
lia class=currentHome
Hello all,
I have nearly completed a site, and would appreciate a review.
Since i am on mac, please point out any PC bugs to me.
http://www.thetravelingmarathoner.com/testhttp://www.thetravelingmarathoner.com/test/top12.html
This is how is screenshot of Mac view.
Felix Miata wrote:
I like small caps.
Originals:
http://mrmazda.no-ip.com/SS/gretcg1.jpg
http://mrmazda.no-ip.com/SS/gretcg2.jpg
Current:
http://mrmazda.no-ip.com/SS/gretcg3.jpg
http://mrmazda.no-ip.com/SS/gretcg4.jpg
Now that the base text size is medium, the fixed width is even worse for
high
Paul Hilder wrote:
http://stressed.180bpm.co.uk/stuff/design/float.htm
The above page looks fine in Firefox and Dreamweaver incidentally.
However in IE a lot of the text doesn't appear until you resize the
page. It goes again if you refresh it.
A well known IE/win bug - related to
Els wrote:
#nav li a:focus,
#nav li a:hover,
#nav li a:focus{
I meant to write
#nav li a:focus,
#nav li a:hover,
#nav li a:active{
#nav li a.current:link,
#nav li a.current:visited,
#nav li a.current:focus,
#nav li a.current:active,
#nav li a.current:hover{
And here I meant to have
http://wwwdev.eglin.af.mil/faq.shtml Our users are primarily IE --
but
I couldn't connect to your page ...
Sorry -- that's a test environment before it goes to public.
Site page is http://www.eglin.af.mil/faq.shtml
I am so trying a JavaScript solution one of you kind folks suggested.
It's
An update on www.rubybluestudio.com
I went through and validated each page as in strict mode. Again,
thanks to Rahul Gonsalves for pointing out that I needed a closing
/ at the end of my images and to replace any capitalization that I
had in my markup. That seemed to help. It looks good in
I have searched and searched and I think my brain is tired. I want the main
content of the page to butt up against the top navigation bar. How do I make
this happen? Thanks in advance for your help!
http://www.floloweb.com/test/index4.html
http://www.floloweb.com/test/4style.css
[EMAIL PROTECTED] wrote:
David Laakso wrote:
[EMAIL PROTECTED] wrote:
ite: http://www.girlscantwhat.com
CSS: http://www.girlscantwhat.com/css/gcwcss.css
David - I appreciate your taking time to offer feedback. I have made
most of the changes that you have suggested and it is working well so
Essentially, I'm attempting to position non-background graphics outside
of a page's main content area (in the right and left 'margins'), but
trying to avoid having them call up scrollbars.
What I've done is attach these graphics to (that is, enclose them in
the div of) absolutely positioned
David Laakso wrote:
[EMAIL PROTECTED] wrote:
David Laakso wrote:
Sorry, sent wrong uri for the Opera captures:
http://www.browsercam.com/public.aspx?proj_id=227152
~davidLaakso
__
css-discuss [EMAIL PROTECTED]
Julie Flolo wrote:
...I want the main content of the page to butt up against the top navigation
bar.
http://www.floloweb.com/test/index4.html
http://www.floloweb.com/test/4style.css
In Fx, zero the default margin of the ul
#topmenu ul {margin-bottom: 0;}
Ingo
--
Your best bet would be to use absolute positioning and top/right/bottom/left
to specify. Example:
img src=image style=position: absolute; bottom: 0; right: 0; / -- this
will put the image on the bottom right hand side of the page, and still
scroll.
Or you can try this
img src=image
Hi all,
first off, sorry to be a pain! I have already requested a little help
with this.
I have been working on www.tuxdiscs.com and all is well in IE and I
thought all was well in FF - however, the background doesn't always go
all the way to the bottom of the content (sometimes it does,
if anyone was interested in what the ie7 experts had to say in the
live chat today, i went through the answers after the session and
tried to copy/paste all the css-related questions into one page.
http://sltclan.com/images/cj/ie7.html
very quick summary:
- haslayout still exists, but they hope
Vincent Hide wrote:
I have been working on www.tuxdiscs.com and all is well in IE and I
thought all was well in FF - however, the background doesn't always go
all the way to the bottom of the content (sometimes it does, sometimes
it does not.)
I have no idea what is wrong. But I'd start by
cindy Smeulders wrote:
http://roundtheworld.homelinux.com
If you go the website the first time it all looks like it should. When you
do a refresh or try a link the borders are all screwed up.
I looks like it first displays the menus and then draw the border over it,
so you can't see the
Hi,
Suppose I have an inline div and I want an invisible but perfectly
matching div overlaying it. How do I do this so that when I resize the
window or scroll the two div's remain overlayed?
The reason I ask is for detecting a dragging item over a drop zone.
The drop zone won't respond to the
From: TMH Design [EMAIL PROTECTED]
To: css-d@lists.css-discuss.org
Sent: Friday, February 10, 2006 1:56 AM
Subject: [css-d] New IE 7 Ruined my Nav???
Please look at this page - www.thomashall.com
http://www.thomashall.com/
in IE 7 and Firefox. Can someone tell me what is going on? It was
TMH Design wrote:
Please look at this page - www.thomashall.com http://www.thomashall.com/
in IE 7 and Firefox. Can someone tell me what is going on?
/* Hide from IE-mac \*/
* html .vnav ul li a/* hide from IE 5.0 */ {height: 1%;}
/* End hide */
The star html head is dead, but not the bugs.
Can someone please explain this validation:
Error Line 43 column 29: document type does not allow element h3
here; missing one of object, ins, del, map, button start-tag.
a href=recentwork.htmlh3Recent Assignments/h3/a
The mentioned element is not allowed to appear in the context in
which
On 10/02/06, TMH Design [EMAIL PROTECTED] wrote:
Please look at this page - www.thomashall.com http://www.thomashall.com/
in IE 7 and Firefox. Can someone tell me what is going on? It was perfect in
IE 6
1) IE7 is still just a beta, so there's no use relying on it to get
things right just yet.
On 10/02/06, Maxwell Balmain [EMAIL PROTECTED] wrote:
a href=recentwork.htmlh3Recent Assignments/h3/a
One possible cause for this message is that you have attempted to put
a block-level element (such as p or table) inside an inline
element (such as a, span, or font).
What could I
On 09/02/06, Maxwell Balmain [EMAIL PROTECTED] wrote:
One possible cause for this message is that you have attempted to put
a block-level element (such as p or table) inside an inline
element (such as a, span, or font).
There's what's gone wrong. You've put an h3 (a block-level element)
into
You can give each menu item a different id and then style these IDs
accordingly, such as in:
ul class=menu
li id=homeHome/li
li id=aboutAbout us/li
li id=servicesOur Services/li
/ul
style type=text/css
ul.menu {
list-style: none;
margin: 0;
padding: 0;
}
.menu li {
border-left:
Ingo Chao wrote:
TMH Design wrote:
http://www.thomashall.com/
It was perfect in IE 6
The navigation is still jumpy, and the zooming the text size is not
possible in IE6.
Of course it is, but that doesn't make it come through any better...
http://www.gunlaug.no/tos/alien/cb.png
...since
Maxwell Balmain wrote:
An update on www.rubybluestudio.com
[...]
The navigation links drop
down in Opera 6 for the Mac.
Opera6 on any OS is going way back there, IMO. Most Opera users stay
relatively up to date-- and your pages look fine in Debian Opera
8.51/Firefox1.0.7.
I am
James Eaton wrote:
What causes the vertical alignment offset in the
bottom example?
http://dm126.mediaodyssey.com/form.htm
I have no idea what's causing it, but in Firefox any value of
vertical-align will change the alignment, vertical-align:top gives
the best result.
Don't forget that IE
Gunlaug Sørtun wrote:
Paul Hilder wrote:
http://stressed.180bpm.co.uk/stuff/design/float.htm
The above page looks fine in Firefox and Dreamweaver incidentally.
However in IE a lot of the text doesn't appear until you resize the
page. It goes again if you refresh it.
A well known IE/win
Maxwell Balmain wrote:
www.rubybluestudio.com
Can someone test this for me and give me a quick report to compare it
in IE6 vs Firefox? I am assuming this problem is a margin issue?
Sort of... :-)
IE6 is showing its 'margin-doubling bug on floats' on those logos, and
is running out of space
Paul Hilder wrote:
http://stressed.180bpm.co.uk/stuff/design/float.htm
#container {position: relative;}
Ok that fixed most of the disappearing text.
However the h3s are still not showing in IE. I can see they're
there. There's the right amount of space to allow for them. But IE
just
Hey all,
I recently tried to make my website using 100% CSS and make it valid
XHTML1.0. It worked but the result is kind of ugly, well I'm not a
designer as you might guess. I was wandering if you had some
tips/links to make my site more sexy such as by rounding my div blocks
or things like that.
Gunlaug Sørtun wrote:
http://stressed.180bpm.co.uk/stuff/design/float.htm
#container {position: relative;}
Ok that fixed most of the disappearing text.
However the h3s are still not showing in IE. I can see they're
there. There's the right amount of space to allow for them. But IE
just
[EMAIL PROTECTED] wrote Thu, 09 Feb 2006 13:26:00 -0600:
Also - what are the advantages/disadvantages of using em width verses %
width on the columns?
I don't see anything to directly address this on the wiki home page.
Both are relative measures. The difference is what each is relative to.
Maxwell Balmain wrote:
Thanks again Rahul,
Please don't mention it.
I REALLY appreciate your taking the time out to explain some of this
stuff. I will make these changes and move on from there.
www.rubybluestudio.com
From one obsessive, compulsive person, to another.
Add
meta
Maxwell Balmain wrote:
Thanks again Rahul,
Please don't mention it.
I REALLY appreciate your taking the time out to explain some of this
stuff. I will make these changes and move on from there.
www.rubybluestudio.com
From one obsessive, compulsive person, to another.
Add
meta
Patrick Aljord wrote:
Hey all,
I recently tried to make my website using 100% CSS and make it valid
XHTML1.0. It worked but the result is kind of ugly, well I'm not a
designer as you might guess. I was wandering if you had some
tips/links to make my site more sexy such as by rounding my div
Hi there,
I'm having problems with this site: http://www.jd-associates.com.au/
test/permissions/
The CSS is at http://www.jd-associates.com.au/jd.css
In IE, the main column content gets lopped off below the line of the
sidebar (you can see different examples on other pages). I've put
some
Patrick Aljord wrote:
[...]I was wandering if you had some tips/links to make my site
more sexy such as by rounding my div blocks or things like that.
[...]
Here is my website http://2e2c.free.fr/
Hi Patrick,
For sexy roundings p.e. you can have a look at the method Liquid Round
Corners
On 10/02/2006, at 5:54 AM, Gunlaug Sørtun wrote:
Jonathan Mao wrote:
The problem is, when the browser window is less than the height
of the page the content seems to go out of the DIVs.
http://www.abcreative.net.au/folio_print_case.html http://
www.abcreative.net.au/folio_tv_showreel.html
CSS Experts
Can anyone take a look at the following site and accompanying CSS and tell
me why the Media page continues to shift from left to right while browsing
the site.
When I comment out the main div, which stores the page text on the media
page the menu works flawlessly without
On 10/02/2006, at 5:54 AM, Gunlaug Sørtun wrote:
Jonathan Mao wrote:
The problem is, when the browser window is less than the height
of the page the content seems to go out of the DIVs.
http://www.abcreative.net.au/folio_print_case.html http://
www.abcreative.net.au/folio_tv_showreel.html
On Feb 9, 2006, at 8:54 PM, K Husbands wrote:
CSS Experts
Can anyone take a look at the following site and accompanying CSS
and tell
me why the Media page continues to shift from left to right while
browsing
the site.
it's not shifting on safari, the scroll bar comes up after you
Jonathan Mao wrote:
I've added the height parameter to the #bgLayer DIV and that's
resolved the problem for Safari and FireFox... haven't tested IE/Win
yet.
http://www.abcreative.net.au/test/
and it validates! woo hoo!
So it should, since 'CSS table'[1] is valid CSS2/2.1 ;-)
On 10/02/2006, at 9:32 AM, Cem Meric wrote:
Ideally, I'd like the pages to be the full height of the browser
window.. so that there's the white background all the way to the
bottom of the viewport.
Is that achievable? I've used repeated background images but that
doesn't seem to do the
On 10/02/2006, at 4:32 PM, Gunlaug Sørtun wrote:
Jonathan Mao wrote:
I've added the height parameter to the #bgLayer DIV and that's
resolved the problem for Safari and FireFox... haven't tested IE/Win
yet.
http://www.abcreative.net.au/test/
and it validates! woo hoo!
So it
I have a client that is requesting something a little strange. Well
basically it is best to look at it.
http://www.webnonsense.org/dan/
What they want is for the blue footer to extend all the way to the
right edge of the screen, but NOT the LEFT. I am kinda stumped on how
to do that.
I
I have a definition list where each dt has an id. I'd like to style
each dd depending on the preceeding dt. I'd rather not have to class
each dt/dd pair, so the most obvious approach to me was dt#id + dd,
but just as obvious it doesn't work for IE.
Is there a CSS only way to simulate the
83 matches
Mail list logo
