Might start with cleaning up the code:
HTML: Failed validation, 21 errors
CSS: Sorry! We found the following errors
URI : http://aflembroidery.com/newlayout/aflmain.css
107 #footspacer Value Error : border-top-style 0 is not a style value : 0
147 .paraheading Value Error :
I am using the Konqueror 3.5.6 browser on Kubuntu Linux. I need text
displayed as white against a dark background. My initial code applied the
color: property to the paragraph. This does not work:
p style=text-align: center; color: white;
h3Title of Page/h3/p
The solution was to place
Getting close!
http://tinyurl.com/ywow9q
Thanks to the suggestions here I was able to close up the gaps and get things
flowing in IE6 and Firefox.
I have it looking like I am expecting it to in IE6. But I had to put a -24 px
left margin on the floated image div to get it to flush left.
I have an example here: http://tinyurl.com/3axpuo
I don't understand what I am doing wrong, but I am getting totally
different results in IE6, IE7 and FireFox 2
Basically I just want a rectangular area with a log at the top, a
horizontal navigation box, a content box, and a footer box. I
This is a png of what I want to get to. I had it set up and was
breaking in IE6 so I went back to start with the box model and try to
get that working before changing in the elements.
http://tinyurl.com/2xs42o
On 5/13/2007 4:35:20 PM, Peter Hyde-Smith ([EMAIL PROTECTED])
wrote:
Robert:
Can
What does that mean?
On 5/13/2007 5:14:47 PM, Peter Hyde-Smith ([EMAIL PROTECTED])
wrote:
- Original Message -
Cheers, mate.
Peter
__
css-discuss [EMAIL PROTECTED]
Example is here: http://tinyurl.com/yonjur
I can't get this to work right! I have been struggling all day with this.
Looks right in FireFox but in IE 6 7 the background is flowing under
the float and adding 10px of gray background to the bottom before the
footer.
How can I get rid of the
I have a page here: http://tinyurl.com/2go7kn
Looks right in Firefox, but I am getting a 12px white space below my
floated image in IE7. Not sure about any other browsers. The code
validated and the CSS validates.
Is this some kind of bug and how can I fix?
Arrggg!
Thanks so much - that fixed it up in IE7 - anyone see any IE6 issues or
other browsers?
On 5/10/2007 4:00:06 AM, Gunlaug Sørtun ([EMAIL PROTECTED]) wrote:
Robert Lane wrote:
http://tinyurl.com/2go7kn
Looks right in Firefox, but I am getting a 12px white space below my
floated
:00:06 AM, Gunlaug Sørtun ([EMAIL PROTECTED]) wrote:
Robert Lane wrote:
http://tinyurl.com/2go7kn
Looks right in Firefox, but I am getting a 12px white space below my
floated image in IE7.
Not sure which of
IE/win's many bug-variants this is, but the addition
of a well-placed
I am confused. I am trying to layout a section of content.
I have a topmast div with some logos, navigation, etc. I have it
centered with margin: auto.
I then want to have a content area. I want a total rectangle of 760px
wide. I want to have a div on the left side that will hold some
From: david [EMAIL PROTECTED]
Perhaps you could:
1. Leave the hr tags alone, unstyled except for one thing in CSS: hide
them. When CSS is enabled, the HR isn't shown.
2. Get the desired horizontal rule effects you want using the border
of either the block element
Robert Ginn wrote:
I've been working in XHTML Strict, mostly for experience, but it
doesn't like the hr tag, at least the noshade attribute. I'd
like this page to work in Strict, but am stuck on the noshade
problem. Without it, the hr's look strange---and without any hr's at
all
Gunlaug Sørtun wrote:
Robert Ginn wrote:
http://www.sitkamusicfestival.org/4-index.html
http://www.sitkamusicfestival.org/1_css_update.css
In my original page, I found that the extra padding that Firefox
inserted at the top was actually inside the table which contained the
logo
Greetings from a nugget, barely past the basics in CSS. In trying to
develop a new header, I've found that Firefox 1.5 puts extra padding at
the top of the page. A little padding is needed to make IE7 look
proper, but even without any padding, the header in Firefox shows well
below the top
In trying to develop a new header, I've found that Firefox 1.5 puts
extra padding at the top of the page.
That's the default margin on paragraphs - which differs between browsers.
Declare something like...
table p {margin: 20px 0;}
...(put in your own values) for cross-browser
Maybe I am misunderstanding you - but if you put a width on the
container then that is as wide as it gets.
Style:
.skinny {width: 40px; }
Content:
div class=skinny Some text more text more text more text /div
HTH
__
I am struggling with some positioning. Basically, I have a div at the
bottom of a page that is defined to have a height of 143px.
It has a background image of that size.
I then have some text that I want centered and positioned near the top
of the div. I put that in a p tag with a class=addr
That works! And kind of makes sense to me. Maybe I will get this after
all. Thanks! :-)
On 4/29/2007 4:52:52 PM, [EMAIL PROTECTED] wrote:
Make it absolutely postitioned within the footer div. To do this you
must
define the footer div as position:relative.
I had this page setup with a flow around the page photo example
here: http://tinyurl.com/28fjs4
In the footer I have a p.addr block that I want centered and up closer
to the top of the footer rectangle. I put a border around it so you can
see. But even bigger problems when I cut the
Forgot to mention... the p.addr centers in IE7 although not as close to
the top as I would like - but it is all askew in Firefox
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information
I added a 60px top margin to the #footer div and now I can see what the
problem is but I am not sure how to fix it.
The link is here: http://tinyurl.com/yp3qj2
What is going on is I have a div id=main_box and with in that div I
have another div containing an image with a float left. So what
[EMAIL PROTECTED] wrote:
My site www.boxdproductions.co.uk gets an unsightly vertical scroll bar in
IE but not in FF. Any ideas how I can remove this?
Regards
Pete
As far as I know you can only get rid of it by using overflow-y: hidden
on the body but it's a bad idea because then you
http://tinyurl.com/38kf6o
The space in FireFox from the bottom of the navigation to the top of the
H1 line Brain Injury... is 40px
But in IE7 I get about 27px.
Can anyone point me to why I am getting the difference?
Thanks
http://tinyurl.com/yq8nwz
I have been trying to set this up with a horizontal li menu - it seems
to be looking right in Firefox and IE7. Am wondering if the styles I
have on here will hold up over other browsers. I know there will be
issues if someone increases the text size, but am not sure
So I am given a word document for web content and the text is layed out
as a three column type list. Would you just throw it in a table or how
would you do it in css without table?
The list looks like this:
Evaluation and treatment by licensed Speech-language Pathologists
specializing in
I posted a test here: http://tinyurl.com/2hd7hk
This looks like it is working in IE7 and FireFox... Is this going to be
stable and is it looking right in other browsers?
Or am I in for problems doing it this way?
I am basically looking for a two column display, hours on the left (but
the hours
I have simplified the problem page to the bare essentials. The site in
question is located at: http://home.cfl.rr.com/rtgroup/test-case.html;.
A description follows of verifying menu function and then of causing the
problem this message describes.
Select Filler Text from either of the menus
On Saturday 21 April 2007 04:47:57 pm Robert Tilley wrote:
SNIP
Through the process of selective code elimination, I found the error: Piping
to a non-existant div.
Thank you for your time.
__
css-discuss [EMAIL PROTECTED]
http
The site in question is located
at: http://home.cfl.rr.com/rtgroup/index-tantra27.html;.
Each menu option will display a corresponding text description in a content
DIV in the left column. This works and can be verified by choosing any item,
_except Watsu_, from the top menubar. Items can
http://tinyurl.com/2d279b
Can someone explain this? I was getting a 10px gap between the footer
div and the maincontent with the body background color showing through
in FF - but IE7 showed it the way I intended with no gap.
When I added a border and then set it to none on the p.addr in the
The test page is at:
http://tinyurl.com/2adrbd
I put a ul li menu in a wrapper div and then tried to center
that with auto margin in another div. It looks correct in IE7 but in
Firefox 2.0 there is a 2px gap on each side where the background color
isn't showing.
What would be doing that and how
Gee looks like a table, walks like a table, quacks like a duck! :-)
Actually I had a similar question but not for menus. I have a document
that client wants added to web page. They laid it out in a 2 column
bulleted list format. Of course it has an odd number of bullets, and
the text per
Unhelpfully, I'll
reply with a question - why are you previewing in an
editor?
It is actually my CSS editor = Topstyle, which does a great job of
working with CSS and displaying changes as you type them. But I just
discovered this quirk that it isn't showing the tiling of a background
Sorry if this has been asked before. I just discovered that the CSS
editor I am using doesn't preview background images properly when I use
a link connection to the css file - whereas with the @import connection
it works perfectly.
So I am just curious as to the pros and cons of one method
what if you write it like this:
!--if [IE]
stuff here
! [endif]--
removing the spaces
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information --
There are a lot of issues on there that need work, but where to start.
I usually like to validate my Html and css first to make sure I don't
have errors that might be causing the quirky behavior. I ran your page
through the W3C validator and found errors in both.
So my suggestions would be to
http://tinyurl.com/2264jb
I am getting a gray background from the body background color showing
through above and below my footer div (well below in IE7 but not in FF)
It is about 12 px of gray at the top and about 5 px in IE7 at bottom.
I want the footer to sit flush to the maincontent box
I don't see a left sidebarIE7 and Firefox
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ --
I put an example over here: http://tinyurl.com/37pl7l
I have an image in the footer that has an address/phone, etc. I am
trying to center it in the footer area. Looks fine in Firefox but IE7
is showing it on the left side instead of centered.
CSS validates. I am clueless why this is not
Now it seems broken in Firefox as well. How do I get the footer image
to center?
:-(
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information --
off topic -- But why an image? That kills SEO -- off topic
Don't have ie up at the moment but works in ff.
Was a temporary thing until we decide on format and color scheme. Plan
to change it before we go live.
Thanks
I seem to have the centering sorted now.
I would appreciate anyone who takes the time to look at my site and
lets me know how its working on their browsers. This is my first all-
CSS site. I tried to use minimal number of classes, ids for major
layouy divs only, and as little non-standard cruft as possible.
The example is here: http://tinyurl.com/3a4h6c
I have some simple divs - I just want the wrapper div to float
centered horizontally in the browser window with some background color
and either side and the top and bottom. I was looking for 20px for the
top background and the same at the
Conyers, Dwayne wrote:
Dino CSS ink wired:
Can I embedded ttf font inside my website through css so that any
browser can open and view the font ?
There is a Microsoft API for that... it isn't CSS and it isn't very
reliable either...
--
I made magic once. Now, the sofa is
OOzy Pal wrote:
Dears,
Every time I start developing a site I start with small css file and
after I am done the .css file gets bigger and out of control.
I am sure that I am doing something wrong. I am sure that I am
duplicating and adding items that I don't need. I mean items that can
Is there a way to make this scenario work? --
A single div (name=wrapper) contains two other divs (maincolumn
and sidebar)
The wrapper is assigned a background image via CSS.
Now, add maincolumn and sidebar, both of which are floated left
to create the two content container regions on the
My page has a static top, sides, and bottom. I would like to have a dynamic
center which changes according to menu (top of page) selections.
The only solution which I understand is to use frames. It would work to
reload the entire page with each selection, but avoiding is the main purpose
of
Hi everyone,
Thank you for reading this note.
I'm working on converting an existing site from tables to pure CSS,
and I have posted a sample page for the new site.
This is my first attempt at a CSS-based site, and I still have a lot
to learn. I invite commentary of any kind, how to
I'm struggling with my first CSS based site. I tried to implement a
fairly simple (what I thought was fairly simple beforehand) pure CSS
menu. The menu works everywhere except IE6 - now there is a surprise.
I'm not sure how to troubleshoot this, and would be grateful for some
advice.
On Mar 12, 2007, at 4:45 PM, Daniel Beardsmore wrote:
Might want to fix the first URL :-) (and post a corrected message
to the list)
Dang. Sorry!
Site: http://sbwc.org/web20dev/dev_sbwc_menu.htm
CSS: http://sbwc.org/web20dev/dev_sbwc_menu.css
b
Original message:
I'm struggling with my
I'm creating a website, and when I view the local copy of the page
index-tantra22-test.html it is rendered correctly with two menubars, on my
linux (Kubuntu) box using the Konqueror browser.
When all files from the entire site development directory are copied to my web
server, the same page is
On Thursday 01 March 2007 05:10:13 pm Robert Tilley wrote:
snip
Thank you to all who replied to my problem. After correcting the permissions
on all files in my webspace, the problem was solved.
Keep up the good work!
Thanks, Bob
Hello,
I have created a wire frame in PS and am now cutting it to html. There is a
gradient background 1 pixel wide that is applied to the body element of the
document. There is also a header, footer, and main content area slices that
all have a drop shadow that fades into the background
I am looking to tool of scroll top/down that it uses css/dom. Where meeting?
Thanks.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
Hello,
Recently I revised my CSS code in an attempt to fix a problem (of my own
making, no doubt) with how a menu is displayed in IE7 ... in FF and IE6 the
fly-out sub-menu items aligned properly with the relevant main menu item ... in
IE7 the spacing if off slightly.
The relevant code (the
This must be a descriptive post as FTP problems prevent me from posting a live
site to check.
I have a web page with a 1280x1024 background picture set to repeat. If a
user's screen is smaller, they won't see a difference and if larger, they'll
only see repeating around the edges.
When the
The page http://home.cfl.rr.com/rtgroup/tantra-table_no-pics.html; displays
correctly while the version with graphics
http://home.cfl.rr.com/rtgroup/tantra-table.html; displays correctly.
The background of the page is a 1280x1024 picture which repeats. This should
work for most browsers and
The page http://home.cfl.rr.com/rtgroup/tantra-table.html; has it's table in
the center of the window.
If the second definition of h1 (near the end of the style section) is removed
from the code (so that the first definition [near the top] of h1 is used),
the table jumps to the right. The
[EMAIL PROTECTED] wrote:
.date
{
margin-top: 10px;
margin: 0px;
padding: 0px;
font-weight:bold;
}
G'day,
I think the biggest problem here is that you redefine margin to 0px
after you declare margin-top as 10px. Having margin: 0px *after* your
margin-top: 10px line will set margin-top
Please, would you take a look at www.zangthal.co.uk any comments/suggestions
would be of interest.
BTW the styling of the contact page's script hasn't been finished yet.
Maybe off-topic but one possible problem is for the line in .htaccess
RewriteRule .*\.(gif|jpg|pdf)$
A group I am in asked me to look at some web stuff they are doing with
an eye to cleaning up the CSS. One of the key individuals that worked on
this likes to customize the scrollbar colors and has used the following
in the CSS file:
scrollbar-base-color:#B7D9FF;
scrollbar-track-color:#B7D9FF;
On Tuesday 21 November 2006 16:30, Robert Tilley wrote:
SNIP
As I am not the best researcher nor experienced with CSS, is the above the
best method, given the lack of CSS2 support?
The process I chose was to enlarge the picture with a photo editor to
1280x1024, then set it as a repeating
I wish to produce a page with Header, Left, Center, Right, and Footer divs.
There are templates aplenty that display these properties.
My addition would be a Description div within the Center column. A hover menu
would be in the Left div, with each item being a different topic. When a
menu
Try validating the document first? Just a thought.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ --
I also use a Mac. I ran across this site this morning:
http://www.browsercam.com/default.aspx. It isn't free, but it would
cost a fortune to have access to everything they offer. They do have a
free trial. I'm going to give it a whirl to see how it works.
-Bob
On Oct 22, 2006, at 6:22 PM,
Although gaining experience with CSS, I consider myself a newbie. I would
like to center a vertical menu with a column.
--
| | | |
| | Menu || |
When I browse the web page http://www.manisheriar.com/holygrail/index.htm;,
the left and right columns are colored for the full height of the window.
When I save the source and css code to disk and display the page locally, the
columns are only drop as far as the text. I would like to use this
Please allow me to air a question that may appear naive.
I was reading a CSS site
(http://www.positioniseverything.net/articles/onetruelayout/anyorder). The
continual coding references correct display on IE unsettled me.
My first response is that specifications exist to facilitate global
. Your insight on a balance between
standards while supporting different browsers is greatly appreciated.
Robert Tilley
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css
Please bear with me, as this question is from a CSS beginner. I am using the
following:
DIV id=content
H2CSS Information/H2
Lorem ipsum, etc.
/DIV
This displays, in large text, CSS Information. I wish to indent the
heading, so I write:
I reported difficulties with copying and pasting a code segment for vertical
menus and after modifying the code for my purposes, discovering it was
broken.
After diving into my code and minutely following each tag and attributes I
have solved my problem. I don't understand why it broke and am
In the process of implementing vertical menus, I am drawing the work pure CSS
menus located at http://meyerweb.com/eric/css/edge/menus/demo.html;.
The web page I'm building and
testing, http://home.cfl.rr.com/rtgroup/index-tantra13.html;, shows some
bizarre behavior. The original menu is
.
The page: http://atma.whatnet.org/zp1
The css: http://atma.whatnet.org/zp1/main.css
Insight would be eternally welcome :)
--
Robert Reed (neoatmaweapon.at.gmail.com)
---
We don't see things as they are. We see things as we
I have a menu on my site that points to various HTML files. These files have
a description of each menu item. In a previous version of my site, each menu
item would open the description file within a frame in the window.
Can someone please tell me if the following is possible with CSS? I
solution
out there.
The page in question is http://atma.whatnet.org/sobag/index.php
The style sheet in question is http://atma.whatnet.org/sobag/main.css
Any suggestions?
--
Robert Reed (neoatmaweapon.at.gmail.com)
---
We don't see things as they are. We see things as we
Thanks everyone, I wasn't aware I could specify line-height without
units till now. Nice one. I've used a darker colour for the emphasised
paragraph and left the font-size on the body and content well alone. I
think the reason I shrank it down was that trebuchet didn't look so good
so I've
Jan Erik Moström wrote:
Another basic CSS question. What I would like to do is to create a part of
page
that contains a photo with a caption that is centered on the page, something
like this:
---
| some other part of the
Christian -
Regarding: http://www.grc.com/menu2/invitro.htm
Thanks for taking the time to explain your views. I appreciate the links and
will look into them deeper the first chance I get.
I'm not a CSS purist, just someone who's learning and wanting to do what's
right.
;)
Robert
unusable?
Are you saying the technique is flawed in principle? Because this menu
project seems to have met all its objectives.
Care to elaborate?
Many thanks!
Robert
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org
Christian Heilmann wrote:
I was just playing with photoshop to come up with a new layout for a site
and I was wondering if it was possible to do skewed text, or divs. I am
finding it hard to word this properly so I will just post a link to the
image of what I have in mind. And if any of you
Christian Montoya wrote:
On 8/3/06, Eoin Maguire [EMAIL PROTECTED] wrote:
It seems strange to create a whole new style just for adding bold text but
then I can't think of any other way of doing it. I've ended up creating
styles named things like 'makeBold' with nothing more than
Dave Goodchild wrote:
On 03/08/06, *Robert O'Rourke* [EMAIL PROTECTED]
mailto:[EMAIL PROTECTED] wrote:
Christian Montoya wrote:
On 8/3/06, Eoin Maguire [EMAIL PROTECTED]
mailto:[EMAIL PROTECTED] wrote:
It seems strange to create a whole new style just
Works on all versions of all browsers on all platforms:
http://www.grc.com/menu2/invitro.htm
Courtesy of Steve Gibson, a consummate perfectionist ;)
Not working with keyboard access (ok, also not forcing users to tab
through all links either) and not allowing the menu to stay on the
Hello list,
Another day another template, I'd appreciate some testing on
http://ipg.sanchothefat.com
Its the development copy of a simple website I've put together to try
and improve their search engine rankings. I'm not really a designer so I
didn't spend long on the design (its a lot
David Laakso wrote:
Robert O'Rourke wrote:
Another day another template, I'd appreciate some testing on
http://ipg.sanchothefat.com
Its the development copy of a simple website...}
Rob
...
Subjective:
The pale yellow is too pale; and, while the fonts scale fine, the start
Works on all versions of all browsers on all platforms:
http://www.grc.com/menu2/invitro.htm
Courtesy of Steve Gibson, a consummate perfectionist ;)
__
css-discuss [EMAIL PROTECTED]
Michael Landis wrote:
Eric A. Meyer wrote:
There are no values such as 'repeat-down' or 'repeat-right', which
is what I assume you're seeking.
On 7/29/06, Robert O'Rourke [EMAIL PROTECTED] wrote:
Is there going to be a feature like this in future at all? I can see it
being useful
[EMAIL PROTECTED] wrote:
Anyone ever notice that if you repeat-x a background image you can only
background position that image on the y coordinate and vice versa - so
when you repeat-y you can position x but the y is useless (defaults to 0).
??
Isn't that kind of the point? Or did you want
[EMAIL PROTECTED] wrote:
yes it does seem to make sense however it would be nice to be able to do
and not add extra divs
Thats true, I think the CSS3 border-image properties might go someway
towards sorting that kind of thing out. Damn all this waiting...
Eric A. Meyer wrote:
There are no values such as 'repeat-down' or 'repeat-right', which
is what I assume you're seeking.
Is there going to be a feature like this in future at all? I can see it
being useful, at least for the sake of completeness in the range of
background properties
Audra Coldiron wrote:
Hi Everyone,
I'm hoping someone out there has the insight I lack to achieve this
certain layout.I'm not sure it's even possible.
I want to do a 2 column fixed width floated layout with a header and
clearing footer. Sounds simple enough, right? Well, I also want
Tom Livingston wrote:
Sure it is. Adding clearing elements, and the ensuing additional CSS (or
extra clearing markup), makes code less readable for, in most cases, no good
reason. Since overflow: hidden or overflow: auto does the trick, the whole
issue of clearing floats becomes essentially a
Alex Foley wrote:
I'd sure like a confirmation from someone that overflow: auto is the way
to go... I've been clearfix-ing up until about 12:03 pm today.
Here we go:
http://dev.l-c-n.com/IEW/containing-float-overflow.php
It's not as consistent as clear-fixing but in general using
juliann wheeler wrote:
You can view my design at:
http://www.agentevaluator.com/juliann/brown/indexbrown.html
How do I get this to center on the page?
thanks!
It's a bit tricky when everything is absolutely positioned like that.
You could produce the same layout with floats and normal
So, the overflow-property is a useful solution for containing floats in
some cases, but not in others.
regards
Georg
Good to know,
Does a floated element within a container that has overflow : hidden ;
applied respect the padding of the container? In particular the bottom
Trying to do a nested nested nested type list and want to use just a -
in front of the list item
Is there a way to style that?
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing
My page is at:
http://www.careercounselingservices.com/test2/outplacement.htm
If you scroll down in the lower half of the page (yes it is long!)
there are some nested unordered lists.
I want to reduce the indents.
I tried the following but it didn't seem to work:
.disc{list-style-type: disc;}
So I stumbled upon the zen garden, bought a book or two and am currently
converting to css-ism.
Heh, maybe css-ists will get tax-exempt status soon :P
However, I don't see a solution to a particular problem I have already
solved with the table, but cannot see a solution with css.
Steve LaBadie wrote:
I have an issue where a table cell blows out when I put images in it.
If I put text in it, the cell stays firm. What suggestions are out
there to lock the cell from blowing out when I put images in it?
What exactly do you mean by 'blowing out'? If its stretching
101 - 200 of 257 matches
Mail list logo