Thank you Phillippe, those changes made all the difference to the layout.
Now I will work on the top navigation with the file you sent.
I really wanted to make the top tab with the navigation expand if or when
somebody increased the text size, but I couldn't get it to work.
On 4/19/06, Philippe
When I view the modified file, the navigation buttons get stretched across
the entire tab in IE/mac (v 5.2). I am on a Mac, and right now I don't have
access to a PC... so I'm not sure if this works on the PC version of IE. It
looks fine in Safari and Firefox still.
This is the original:
On Apr 20, 2006, at 3:23 PM, GypsiiRose Baptiste wrote:
When I view the modified file, the navigation buttons get stretched
across
the entire tab in IE/mac (v 5.2). I am on a Mac, and right now I
don't have
access to a PC... so I'm not sure if this works on the PC version
of IE. It
Oh my goodness, perfect!
And I very much appreciate all the notes and links you included. I like to
understand why I am doing something. So often, the books I have been
reading don't explain the why behind the code, which is frustrating when I
am trying to apply their techniques to other
Hello to all,
I am trying to create a layout for the site and I run into the following
problem:
I want to use div (or other elements) to create the same effect as using
this table structure:
table
tr
td width=50% Something /td
td width=50% Something else/td
/tr
tr
GypsiiRose Baptiste wrote:
Is there anything else I should be testing in? Do people still
test for Opera?
Thank you so much,
GR
You are fine in Opera on my end, in both XP and Xandros Linux on XP.
~dL
PS Is there anything other than Opera?
aaah, thank you! I'm glad it works in Opera. sorry if I offended you, I
guess I live a little too close to Mtn View, you know - where the Mozilla
offices are! I must be brainwashed...
On 4/20/06, ~davidLaakso [EMAIL PROTECTED] wrote:
You are fine in Opera on my end, in both XP and Xandros
I have tried to use to floating divs, one to the left and one to the
right both with width 50%, and a static div. While this look OK on IE,
is messed up on Mozzilla :(
This is an easy effect to achieve. Check out the layoutgala entry:
http://blog.html.it/layoutgala/LayoutGala27.html
Prabhath
Terri Chicko wrote:
Thank you Georg very much,
Though every time I change something, something else breaks, now the
footer is floating up in Win IE.
See below.
On Apr 19, 2006, at 2:15 PM, Gunlaug Sørtun wrote:
1: remove margins/paddings from body...
2: you may also add styles to the
I am a bit perplexed on this and would appreciate some help. Please look at
this site, www.shopthevitaminstore.com/index.php
At the top I have a div called masthead within which I placed some items.
Its essentially the header area. In that div I have an absolutely positioned
ul with an id of
GypsiiRose Baptiste wrote:
aaah, thank you! I'm glad it works in Opera. sorry if I offended
you, I guess I live a little too close to Mtn View, you know - where
the Mozilla offices are! I must be brainwashed...
Probably :-)
Civilized Opera-users are not easily offended. They know their
Hi all,
I have used the technique from
http://positioniseverything.net/articles/onetruelayout/equalheight to make mu
columns equal in height.
Everything works great unless i try to reffer the users to a specific part of
the document using http://example.com/page.html#specific-part
TMH Design wrote:
I am a bit perplexed on this and would appreciate some help.
Please look at this site, www.shopthevitaminstore.com/index.php
At the top I have a div called masthead within which I placed
some items. Its essentially the header area. In that div I
have an absolutely
Would somewith please look at this site,
www.shopthevitaminstore.com/index.php in Safari on a Mac. The navigation
looks ok in my IE6 and FF on my windows pc appears just fine. Here is my css
code for the element. Thanks so much!
ul#tabnav {
list-style-type: none;
padding:0;
margin:0;
Georgi
There is indeed a problem with equal height columns and anchors in
Mozilla and IE.
There'll be an update to the article addressing this - hopefully by
the end of today.
Alex
__
css-discuss [EMAIL PROTECTED]
On 19/04/06, Terri Chicko [EMAIL PROTECTED] wrote:
However when I went to validate the CSS it's OK but I don't
understand these warnings.
What am I doing or not doing?
Line : 12 (Level : 1) You have no color with your background-color :
#strip
#strip {
background-color: black;
}
Once you
Thank you Alex!
But unfortunatelly what you say is that there is no fix for the problem.
The case we've been having is even more complicated because we used
_javascript to make columns equal and the _javascript makes them equal but only
once - when the page is loaded. On some of the
On 06/04/20 05:52 (GMT-0400) Thomas Hall (TMH Design) apparently typed:
Would somewith please look at this site,
www.shopthevitaminstore.com/ in Safari on a Mac. The navigation
looks ok in my IE6 and FF on my windows pc appears just fine. Here is my css
code for the element. Thanks so much!
Alex Robinson wrote:
There is indeed a problem with equal height columns and anchors in
Mozilla and IE.
Alex, I hope the problem can be addressed with
/* Hide these from IE6+7 via appropriate CC hacking */
#targetcage {
/* just a block placeholder for the a.p. anchor */
/*
I'd appreciate it if you didn't pass that url on to anyone since
that's the correct permanent url.
Or rather, not the correct permanent url.
Which will be
http://www.positioniseverything.net/articles/onetruelayout/appendix/equalheightproblems
NB. it doesn't exist there. Yet.
As to
On 4/20/06 2:49 AM, GypsiiRose Baptiste [EMAIL PROTECTED] wrote:
Do people still
test for Opera?
Looks good in Opera Mac too.
I recommend Opera Mac. Try this version:
http://snapshot.opera.com/mac/m90b1.html
--
Tom Livingston
Senior Multimedia Artist
Media Logic
www.mlinc.com
Ingo Chao wrote:
div style=float: left; height:100px; width:100px; background:
yellow;/div
div style=float: left;
pLorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam
luctus urna non sem./p
/div
If the window is wide enough, the Lorem ipsum stays next to
the
Hi Felix,
I do have Firefox Web Developer. I use it to validate my pages.
I continued to have problems with the rightnav, so I have gone down to 2
columns.
http://www.trisms.com/New/Max.html
http://www.trisms.com/New/2column.css
I will try your ideas on changing the widths and margins to ems,
Hello all,
At http://www.christianmontoya.com, I have some floated columns in the
footer. The markup is not pretty, as I had to do a lot of hooks to do
multiple background images. The footer has 3 columns, followed by a
clearing BR, and then 3 more columns, followed by another clearing BR,
but
Pringle, Ron wrote:
Ingo Chao wrote:
div style=float: left; height:100px; width:100px; background:
yellow;/div
div style=float: left;
pLorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam
luctus urna non sem./p
/div
If the window is wide enough, the Lorem ipsum stays
Hello again, I got some help from this list once before, in order to
position a header image through CSS (rather than have it on every single
page... this image is updated once a month!).
Here's the code that someone was so kind to give to me to try:
#masthead {
Tara,
You need to specify the height and width of the #masthead, and possibly put
display: block.
The div is not quite smart enough to know the size of the image unless you
specify it.
Hope this helps.
Thank you!
Neill Harmer
[EMAIL PROTECTED]
www.back40design.com
Back40 Design, Inc.
I'm trying to set up page margins via CSS. Both Cascading Style Sheets:
The Definitive Guide
(Meyer, 2004) and Cascading Style Sheets (Bos Lie, 2005) mention
@page. The examples,
however, in both books, however, are contained in style elements. I put
this in my external
style sheets and it
On 20/04/06, [EMAIL PROTECTED]
[EMAIL PROTECTED] wrote:
I'm trying to set up page margins via CSS. Both Cascading Style Sheets:
The Definitive Guide (Meyer, 2004) and Cascading Style Sheets (Bos
Lie, 2005) mention @page. The examples, however, in both books, however, are
contained in style
I have a header that has several top-level links like:
li onmouseover=subNavMouseover('winSubNav');
onmouseout=subNavMouseout();a href=/windows/ id=winMainNavWindows/a
ul id=winSubNav style=display: none;
lia href=/windows/2003/2003/a
a href=/windows/xp/XP/a
a href=/windows/2000/2000/a
a
The example in Eric's book is: @page { size: 7.5in; margin: 0.5in; }
What would the equivalent external style sheet use?
--
Marc Luzietti
[EMAIL PROTECTED]
Sent by: [EMAIL PROTECTED]
04/20/2006 12:51 PM
To: css-d@lists.css-discuss.org
cc:
Subject:
I've just been told that the site I'm working on - the target browser is
*IE4*. I'm like, you've got to be kidding me.
Would anyone here have good links or information on what happens with a pure
CSS layout when using IE4? Is it like Netscape 4 when it comes to CSS? I
haven't even seen one
Anyone know what I need to do to get IE to display these background
images? It's the yellow triangle things above the navigation.
TIA
-Christy
http://ee.berkshireradio.org/index.php/main/test/
CSS:
#navcontainer{
text-align: left;
position: absolute;
top: 20px;
left: 550px;
}
ul#navlist{
Updated:
The a:hover still won't show at all in Safari for me when the UL/LI the link
sits within was set to display: block by javascript. However, setting a
onmouseover=this.style.color = '#fff' works fine, but is more code than I
want and seems very unnecessary. I tried creating a test page
Christian Montoya wrote:
At http://www.christianmontoya.com, I have some floated columns in the
footer. The markup is not pretty, as I had to do a lot of hooks to do
multiple background images. The footer has 3 columns, followed by a
clearing BR, and then 3 more columns, followed by another
jack fredricks wrote:
Hi all,
I've been having problems getting the center column in my 3 col
layouts to deal with over-sized content, ie an image with a width of
2000px.
I'm about to give up, and when i do... it's time to come here :)
I've tried about a dozen well known layouts, and then
Listers,
Are the page-break properties widely supported? Or at least in IE6, Safari
and maybe Opera (Win/Mac)? Any resources on their use besides the w3c site?
TIA
--
Tom Livingston
Senior Multimedia Artist
Media Logic
www.mlinc.com
On 4/20/06, Ingo Chao [EMAIL PROTECTED] wrote:
Christian Montoya wrote:
At http://www.christianmontoya.com, I have some floated columns in the
footer. The markup is not pretty, as I had to do a lot of hooks to do
multiple background images. The footer has 3 columns, followed by a
clearing
According to Dreamweaver (and my own experiences), IE6 does not support
page-break-inside at all, and doesn't support AVOID for page-break-after
or
page-break-before (Dreamweaver says an empty entry will achive the same
result, however). This is very annoying for me.
page-break-before:always
Earlier today, while reviewing the Web site of a potential client, I
saw in the HTML source code several classifier names that looked wrong
to me. These are copied from the potential client's HTML page:
div class=headerLogo pink
div class=pseudoH1 white
div class=menuItem pseudoH2A
div
Multiple classes are not only allowed, they are awesome and powerful.
--
Marc Luzietti
Flagship Project
Bayview Financial, L.P.
(305) 341-5624
Reese [EMAIL PROTECTED]
Sent by: [EMAIL PROTECTED]
04/20/2006 04:37 PM
To: css-d@lists.css-discuss.org
cc:
Subject:
Reese wrote:
Earlier today, while reviewing the Web site of a potential client, I
saw in the HTML source code several classifier names that looked wrong
to me. These are copied from the potential client's HTML page:
div class=headerLogo pink
div class=pseudoH1 white
div class=menuItem
well, i can give it a shot at least!
On 4/20/06, Reese [EMAIL PROTECTED] wrote:
Earlier today, while reviewing the Web site of a potential client, I
saw in the HTML source code several classifier names that looked wrong
to me. These are copied from the potential client's HTML page:
div
From the W3C CSS 2 spec [0]:
In CSS2, identifiers (including element names, classes, and IDs in
selectors) can contain only the characters [A-Za-z0-9] and ISO 10646
characters 161 and higher, plus the hyphen (-); they cannot start with a
hyphen or a digit. They can also contain escaped
At 16:45 20-04-06, [EMAIL PROTECTED] wrote:
Multiple classes are not only allowed, they are awesome and powerful.
Okay. I didn't know they were allowed, I can envision how powerful
they can be.
At 16:50 20-04-06, Pringle, Ron wrote:
div class=wide bottom clear
Those are all valid class
Ok, let me ask this in a simpler way.
Why would safari recognize:
onmouseover=this.style.color='#fff'
but not
a:hover {
color: #fff;
}
?
I've defined a:link, a:visited, a:active in the same css file before defining
the a:hover. The hover works perfectly in both Firefox and IE. The element
Hey all,
I had a question about laying out drop down boxs
http://www.abyss.ws/webdevelopment/css/dropdownlayout.png
they are my drop down boxs
my initial thought was to put them into a ul list and layout it out with CSS
that way with a
display:inline; and float:left
this did not work -
Hello,
I'm using Christian Heilmann's pure DOM explorer
(http://www.onlinetools.org/tools/puredom/) for part of the navigation
in an app that i'm working on. I have a horizontal list, the first li
of which contains the submenu.
The page will contain generated forms (laid out in a
Christy Collins wrote:
Anyone know what I need to do to get IE to display these background
images? It's the yellow triangle things above the navigation.
TIA
-Christy
http://ee.berkshireradio.org/index.php/main/test/
Again, IE has a broken inline model. You really should consider using
On Apr 21, 2006, at 2:27 AM, [EMAIL PROTECTED] wrote:
The example in Eric's book is: @page { size: 7.5in; margin: 0.5in; }
What would the equivalent external style sheet use?
The same.
The problem: it is only supported by Opera, and iirc PrinceXML
Philippe
---
Philippe Wittenbergh
I've just been told that the site I'm working on - the target browser is
*IE4*. I'm like, you've got to be kidding me.
Good luck with that Shelly.
I'd be really interested to see the demographics of prospective IE4 visitors
with ~0.5 percent (*) buying power.
*
Bill Brown wrote:
click the toolbar label on my site, it snaps the toolbar into a dashboard or
console fixed across the top of the page. Worked great, except in IE, select
elements were appearing above the dashboard. The fix I used is included in
the ieFixes style sheets and the iframe can be
On 4/20/06, RKN Studio [EMAIL PROTECTED] wrote:
Why is it that IE wraps text in bullets to align with the bullet and
not the text? How can I fix that for IE?
using list-style-position:outside (see
http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-position )
However, I've never seen
-BEGIN PGP SIGNED MESSAGE-
Hash: RIPEMD160
hi all,
i've a pure-CSS dropdown menu.
i've only been able to get the dropdown's SUBmenu positioned w.r.t. the
parent using ABSOLUTE positioning.
(how) can I position simply relative to the parent object's position?
my current EXAMPLE is
Design Groups wrote:
I've just been told that the site I'm working on - the target browser is
*IE4*. I'm like, you've got to be kidding me.
Would anyone here have good links or information on what happens with a pure
CSS layout when using IE4? Is it like Netscape 4 when it comes to CSS? I
-BEGIN PGP SIGNED MESSAGE-
Hash: RIPEMD160
hi bill,
thx for the comments :-)
Your menu works fine in Firefox on Windows XP. I have no access to a Mac OS,
so I can't test there for you.
fwiw, i'm bldg/testing on FF ...
not an issue with working/ not working, rather simply a question
On 4/19/06, RKN Studio [EMAIL PROTECTED] wrote:
Why is it that IE wraps text in bullets to align with the bullet and
not the text? How can I fix that for IE?
example: http://www.rknstudio.com/sites/GWR/about.html
Thanks,
Ron
www.rknstudio.com
Ron,
A couple of things to fix...
1.
Hi Richard,
I'm not sure I can solve your specific problem, but I can speak to
positioning an object relative to its parent. This was an epiphany for
me when I discovered it (reading and Eric Meyer book, I'm sure).
To put it simply, you must set the parent element to be recognized as
a box. You
Shelly,
Frankly, I'd just lay the whole thing out with old-school tables. Bust
out the Nirvana and Pearl Jam cds, dust off the David Siegel book,
create a single-pixel gif or 3, and have at it. Think of it as an
exercise in appreciation for how far we've come.
Seriously, it's for somebody's
I am using an ordered list to display some code, like this:
HTML
licode...(some escaped HTML or CSS) .../code/li
CSS
ol {margin-left: 2em;}
code {
font: 100%/1 Lucida Console, American Typewriter, Courier New,
Courier, monospace;
white-space: pre;
}
Implemented here:
-BEGIN PGP SIGNED MESSAGE-
Hash: RIPEMD160
hi pete,
I'm not sure I can solve your specific problem, but I can speak to
positioning an object relative to its parent. This was an epiphany for
me when I discovered it (reading and Eric Meyer book, I'm sure).
To put it simply, you must
61 matches
Mail list logo