I'm creating some menu's and they look fine locally. When I upload them to
the server they are completely different. I know I'm not supplying much
information here , but what are some reasons for this behaviour ?
TIA
Mark
__
I applied the IE hacks and found they made absolutely no difference. I went
back through the form styles and commented them all out adding in one at a
time. What I found is the only styling that is truly making a difference in
browsers (at least between FF and IE) is the 'fieldset'
-Original Message-
From: [EMAIL PROTECTED]
Sent: Saturday, September 23, 2006 11:58 AM -07:00
To: CSS List [EMAIL PROTECTED];[EMAIL PROTECTED]
Subject: [css-d] Complex forms - is there a final consensus
I applied the IE hacks and found they made absolutely no difference. I went
back
Actually it's not working in IE at all. Just had someone else check it.
-Original Message-
From: [EMAIL PROTECTED]
Sent: Friday, September 22, 2006 12:06 AM -07:00
To: Mark Fellowes [EMAIL PROTECTED]
Cc: CSS List [EMAIL PROTECTED]
Subject: [css-d]
Complex forms - is there a final
Anyone, have an idea why ?
Mark
Mark,
One caveat, on my IE it doesn't display at all. Only in FF
http://pamshop.com/something/rails.html
It's completely blank in Safari 2.0.3, also.
Ted
__
css-discuss [EMAIL
-Original Message-
From: [EMAIL PROTECTED]
Sent: Friday, September 22, 2006 3:47 PM -07:00
To: Mark Fellowes [EMAIL PROTECTED]
Subject: [css-d] Complex forms - is there a final consensus
I don't know if this will make a difference, but you don't have a complete
doctype.
Yes, I should
I have a form that is fairly large - 18 elements not including the submit
button. After trying a multitude of css styles and layouts I'm still looking at
a poorly layed out form. It could use at least 3 columns to fit nicely on the
page. So, I've done some googling and see the controversy of
I'm running into an issue where within my app I'm using a plugin that has
it's own CSS stylesheet.
I've tried editing it and while it seems I can make some changes the damn thing
just won't line up with my other elements.
In my main stylesheet I have the following:
label, select{
display:
PROTECTED]
Sent: Monday, August 7, 2006 6:16 PM -07:00
To: Mark Fellowes [EMAIL PROTECTED];CSS List [EMAIL PROTECTED]
Subject: [css-d] Form pain
Hi,
First, the fieldset/form tags are improperly nested. You need to have
valid HTML for your CSS to work right. You can use
http://validator.w3.org/ to check
I'm trying to get some simple style and line up my form elements. Running
into some issues. I did read through and used some of the material from the
links on the wiki.
I can't post the page here because I'm working in Rails and currently
development under a local server. From the code
David,
You mean with the comments ?
Mark
-Original Message-
From: [EMAIL PROTECTED]
Sent: Tuesday, May 30, 2006 1:34 PM -07:00
To: Mark Fellowes [EMAIL PROTECTED]
Cc: CSS List [EMAIL PROTECTED]
Subject: [css-d] Elastic and liquid layout
Yet to set the max-width but it seems
going to look into the jello layout and see if that can accomodate my
wishes.
Mark
-Original Message-
From: [EMAIL PROTECTED]
Sent: Tuesday, May 30, 2006 7:17 PM -07:00
To: Mark Fellowes [EMAIL PROTECTED]
Cc: CSS List [EMAIL PROTECTED]
Subject: [css-d] Elastic and liquid layout
Mark
Hoping I can get some assistance on this type of layout.
I've beein working through Mike Purvis's explanation and code and have made
adjustments to my page which was originally elastic.
If your familiar with Mike's tutorial then I used his bodydiv in the body
style, I took the expander code
Tom -
Meant to ask in my last email, why do you set the elements in px, shouldn't
they be set in % ?
Mark
-Original Message-
From: [EMAIL PROTECTED]
Sent: Wednesday, May 31, 2006 2:01 PM -07:00
To: Mark Fellowes [EMAIL PROTECTED]
Subject: [css-d] Jello layout
Mark,
I have a sample
: [EMAIL PROTECTED]
Sent: Wednesday, May 31, 2006 7:49 PM -07:00
To: Mark Fellowes [EMAIL PROTECTED]
Subject: [css-d] Jello layout
jello
To be honest, I used the tool on the web page I sent you. Grabbed the
source and didn't touch it. ;-)
I add my own wrappers where necessary to aid in positioning
-Original Message-
From: [EMAIL PROTECTED]
Sent: Sunday, May 28, 2006 9:59 PM -07:00
To: Mark Fellowes [EMAIL PROTECTED]
Cc: CSS List [EMAIL PROTECTED]
Subject: [css-d] Elastic and liquid layout
BTW: the whole thing about scaling the width in em for all
column-containers, is a bit flawed
=password name=kt_login_password id=kt_login_password value=
size=20 /
/div
Here is the link:
http://pamshop.com/Template1/exp1.php
TIA
Mark
-Original Message-
From: [EMAIL PROTECTED]
Sent: Monday, May 29, 2006 7:32 AM -07:00
To: Mark Fellowes [EMAIL PROTECTED];CSS List [EMAIL PROTECTED
Yep, thank you. The br class is getting added after parsing. It's most
likely in one of the class files. My apologies.
Mark
-Original Message-
From: [EMAIL PROTECTED]
Sent: Monday, May 29, 2006 2:29 PM -07:00
To:
Cc: CSS List [EMAIL PROTECTED]
Subject: [css-d] Forms
Mark,
view
max-width being set in ems or percentages ?
Mark
-Original Message-
From: [EMAIL PROTECTED]
Sent: Sunday, May 28, 2006 8:34 AM -07:00
To: Gunlaug Sørtun [EMAIL PROTECTED]
Cc: CSS List [EMAIL PROTECTED]
Subject: [css-d] Elastic and liquid layout
You can combine elastic and liquid
Here's another question , same topic.
In the article by Patrick Griffiths http://www.alistapart.com/articles/elastic/
he uses a 100% font-size for the body and then makes the width at 36ems so that
(if I'm correct in my understanding) the text and elements scale in proportion
to each other.
-Original Message-
From: [EMAIL PROTECTED]
Sent: Sunday, May 28, 2006 7:41 PM -07:00
To: CSS List [EMAIL PROTECTED]
Subject: [css-d] Elastic and liquid layout
Here's another question , same topic.
In the article by Patrick Griffiths http://www.alistapart.com/articles/elastic/
he uses a
Georg,
Thank you for the excellent clarification. Regarding the issues iwth mix-width
and IE, are there any workarounds ?
Mark
-Original Message-
From: [EMAIL PROTECTED]
Sent: Sunday, May 28, 2006 9:59 PM -07:00
To: Mark Fellowes [EMAIL PROTECTED]
Cc: CSS List [EMAIL PROTECTED
I'm just starting out on forms and CSS. I'm not having luck with one little
bit and it maybe difficult to see since it's php code.
The form has 3 fields , 2 text for username and password, 1 checkbox for a
remember me.
Next to the username and password are hint text. It doesn't show up in
I don't believe I've ran into this before, meaning not asked about this type
of problem before here. Problem is the header in IE (haven't checked Opera or
Netscape), looks right in Firefox. In IE, the height is off and the
background graphic has a gray background.
Message-
From: [EMAIL PROTECTED]
Sent: Friday, May 26, 2006 4:17 PM -07:00
To: Mark Fellowes [EMAIL PROTECTED]
Cc: CSS List [EMAIL PROTECTED]
Subject: [css-d] Header problems
IE, the height is off and the background graphic has a gray background.
Is the PNG transparent? Sounds like it. IE won't do
Just wanted to thank everyone who responded explaining how the graphic was
used. I'm still learning CSS and think that I am still sort of more easily
taken in with graphics and using graphics to spiff up a site. However, I'm
working to control that jones and create sites that have a wider
I've noticed a number of website , where graphics hang below or through
various elements. As an example: http://www.missiondata.com/
where the logo is below the header into the content area. Hope this isn't a
stupid question but wondering how it's accomplished. My first thought is maybe
I'm a little confused about my direction. I know that with elastic layouts you
set the element widths using ems. What about margins , would those also be in
ems ?
TIA
Mark
__
css-discuss [EMAIL PROTECTED]
Oops..forgot the url
www.pamshop.com/Template1/exp9.html
Sorry
Mark
-Original Message-
From: [EMAIL PROTECTED]
Sent: Thursday, May 18, 2006 10:26 PM -07:00
To: CSS List [EMAIL PROTECTED]
Subject: [css-d] float elastic layout haywired
In my quest for experimentation I've run into
I'm trying my hand at an elastic layout. Where the page expands according to
the font size set. I know that static size graphic images are probably not a
good idea but designers do use them. As an example:
http://www.nicktoye.co.uk/
I englarged the text and noticed the text going out of
-Original Message-
From: [EMAIL PROTECTED]
Sent: Sunday, May 14, 2006 6:00 PM -07:00
To: Mark Fellowes [EMAIL PROTECTED]
Subject: [css-d] Making a mess, navigation and footer weirdness.
I seem to be running into an error on the ALA article. The 2 - Col layout.
The content area seems to fall
I think this clears up a misconception for me. Like absolute I was
considering floats to also be out of the document flow. Seems that was wrong
thinking.
Mark
-Original Message-
From: [EMAIL PROTECTED]
Sent: Sunday, May 14, 2006 1:38 AM -07:00
To: Mark Fellowes [EMAIL PROTECTED
I certainly have some reading ahead of me. I think the point where theory and
practice fall apart is when one actually starts to work within the general
layout and implement design elements. So the layout tutorials have been a good
starting point for me but much more to go.
Mark
Not sure what I'm doing wrong . As suggested earlier I've removed the heights
from the content1 and content2 divs but the side nav is still off (except for
IE). Also the footer doesn't seem to want to move.
Relevant page:
http://pamshop.com/Template1/exp8.html#
Navigation css:
I didn't try it with the /**/. I will as soon as I get back to my desktop.
Does the comments mean something different then float:left ?
Mark
-Original Message-
From: [EMAIL PROTECTED]
Sent: Saturday, May 13, 2006 7:17 PM -07:00
To: Mark Fellowes [EMAIL PROTECTED]
Cc: CSS List
Oh, sorry. I did mean: just delete the float:left over there.
In css, the /* */ means: between this is a comment; browsers,
don't use it as css-rule.
When I'm trying things and don't want to get rid of the version before,
I place the /* and the */ before and after the part I guess I
I came across this one and while I'm sure most of you have seen it it's
scratching an itch of mine. Works pretty well on my first experiments though I
made a slight mistake in my image creation. If anyone has experience with
these I'd be interested in hearing.
I thought I had it all down pat after 3 weeks of reading but now not so sure ;)
I've been working on this layout which is basically a two column fixed width
using floats.
http://www.pamshop.com/Template1/exp8.html
Now I'm wondering if I'd be better off using absolute positioning instead.
Sorry, but I've made some progress (fixed my side navigation). However my
most recent issue is a background issue in IE.
If you look at the page the 2 boxes on the right companies and users have a
white background applied to the p. The box containing them have a background
color. In Firefox
the navigation it corrects, but it
seems to be a pretty weird thing.
Mark
-Original Message-
From: [EMAIL PROTECTED]
Sent: Tuesday, May 9, 2006 4:54 PM -07:00
To: Mark Fellowes [EMAIL PROTECTED]
Cc: CSS List [EMAIL PROTECTED]
Subject: [css-d] Help: IE issue
Mark Fellowes wrote
Not sure what's going on here. I've been looking through the code (XHTML and
CSS validate)
However the side nav is too low on the left side.
http://pamshop.com/Template1/exp8.html#
Here is the CSS for the side navigation:
http://pamshop.com/Template1/exp8_side_nav.css
TIA
Mark
Actually this seems to be a Firefox problem.
Not sure what's going on here. I've been looking through the code (XHTML and
CSS validate)
However the side nav is too low on the left side.
http://pamshop.com/Template1/exp8.html#
Here is the CSS for the side navigation:
Can anyone suggest some of the better methods out there for learning and
creating round corners.
I'm really only looking for a link, and while I'm persuing the CSS Front page,
still like to know what others think
are the better methods. Most important is that they are image free, strictly
Side note - for those that saw my original post about this the other day
(using a liquid layout), I've opted for a centered fixed.
I'm using this tutorial as the basis for my side navigation:
http://tutorials.alsacreations.com/rollover_unique/
I've altered the a:hover's to adjust for the
Bill, not sure which tags you are referring to:
Mark
-Original Message-
From: [EMAIL PROTECTED]
Sent: Saturday, May 6, 2006 1:59 PM -07:00
To: 'Mark Fellowes' [EMAIL PROTECTED]
Subject: [css-d] Help: One Image rollover
Hey Mark...
At the end of your CSS, you've listed a few rules
: Saturday, May 6, 2006 4:20 PM -07:00
To: CSS List [EMAIL PROTECTED]
Subject: [css-d] Help: One Image rollover
Bill, not sure which tags you are referring to:
Mark
-Original Message-
From: [EMAIL PROTECTED]
Sent: Saturday, May 6, 2006 1:59 PM -07:00
To: 'Mark Fellowes' [EMAIL PROTECTED
Sorry Els about the code changes. Still struggling though.
When you say that the use of negative margins will effect narrower windows. We
talking about less then 800px ?
Mark
-Original Message-
From: [EMAIL PROTECTED]
Sent: Saturday, May 6, 2006 4:40 PM -07:00
To: Mark Fellowes
I think this is probably obvious to me but at the certainty of sounding stupid
I'll ask.
I am working on a liquid / fluid layout, 3 columns using floats. If it's
relevant this is the rough layout: http://pamshop.com/Template1/exp10.html
I'm considering using a one image rollover navigation
-
From: [EMAIL PROTECTED]
Sent: Thursday, May 4, 2006 6:20 PM -07:00
To: Mark Fellowes [EMAIL PROTECTED]
Cc: css list list [EMAIL PROTECTED]
Subject: [css-d] Liquid layouts with graphics
I'm considering using a one image rollover navigation thing. Haven't done it
yet but essentially
Trying a simple 3 col fluid layout. It refuses to show up in IE6. Firefox
seems fine.
http://pamshop.com/Template1/exp10.html
I checked markup, simple and correct. #wrapper has min-width: 720px; which i
think is IE incompatible but I expected to see something. Sorry to ask but
anyone
My apologies. I went over the code carefully to makes sure I didn't waste list
bandwidth but negelected commnets.
Mark
-Original Message-
From: [EMAIL PROTECTED]
Sent: Wednesday, May 3, 2006 10:10 PM -07:00
To: Mark Fellowes [EMAIL PROTECTED];CSS List [EMAIL PROTECTED]
Subject
In my experiments to learn layout I've run into this problem twice.
As you'll see in my code, in the right column I've set the H1 to have a white
background
and the right column itself to have a purple.
In Firefox it displays almost correctly, in IE the purple doesn's show through
where the
Now I'm embarassed. Never thought to recheck the markup :)
Sorry and thank you!
Mark
-Original Message-
From: [EMAIL PROTECTED]
Sent: Tuesday, May 2, 2006 1:34 PM -07:00
To: Mark Fellowes [EMAIL PROTECTED]
Cc: CSS List [EMAIL PROTECTED]
Subject: [css-d] Question:Background in IE[6
I'm still having a hard time wrapping my mind around classes, in particular
how they relate to classes in markup.
So, I understand I can create a class like:
.ptext{color: blue;}
Then in the markup I can styple p with that class.
What I find confusing is the uses of classes as opposed to
Just wanted to say thank you to all who answered. The explanations and
examples were very helpful.
Mark
-Original Message-
From: [EMAIL PROTECTED]
Sent: Tuesday, May 2, 2006 2:20 PM -07:00
To: css-d@lists.css-discuss.org
Cc: Mark Fellowes [EMAIL PROTECTED]
Subject: [css-d] Classes
I'm curious how people create page sets for their sites ? What I mean, is
that most sites seem to have some variation from page to page. Not variations
in content but in layout. It's a tough question to answer no doubt. My
thoughts are that perhaps one maintains certain color combinations
realize
there are no quick answers. Just looking for some feedback.
Thank you,
Mark
-Original Message-
From: [EMAIL PROTECTED]
Sent: Tuesday, May 2, 2006 10:56 PM -07:00
To: 'Mark Fellowes' [EMAIL PROTECTED];'CSS List' [EMAIL PROTECTED]
Subject: [css-d] Design question
?I'm curious
Not sure where I'm wrong here but in this layout the maincontent is set to
left 200px
with a width of 600 total, yet it seems to be overlapping a float box set at
800px by about 50px.
Anyone help by pointing out what is probably obvious but I'm missing :) TIA
Mark
HTML:
link rel=stylesheet
I'm using a simple layout tutorial to build my understanding. I might have
been going backwards (tried a few more complicated ones), however this is
confusing me because only the body background is showing, and not the ones set
for the div's.
HTML:
!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01
This relates to the sideNav tag [see code below]
While it's in the right position, just typing into it extends it passed the
width that's set.
Do I need a rule for the p to control that or could it be done with the box
alone ?
html:
body
div id=page
div id=mastheadContent for id fd Goes
for a week now.
Mark
From: francky[mailto:[EMAIL PROTECTED]
Sent: Monday, April 17, 2006 8:24 PM -07:00
To: Mark Fellowes [EMAIL PROTECTED]
Cc: CSS List [EMAIL PROTECTED]
Subject: [css-d] Newbie layout question
Mark Fellowes wrote:
This relates to the sideNav tag [see code below]
While it's
Hi,
Just signed up here. Familiar to some degree with CSS (via Dreamweaver) but
brand new to Page layout with CSS. I've been reading and practicing with
some tutorials. One question I have, in a few tutorials I noticed the use of a
div labeled either container or page-container. Other
62 matches
Mail list logo