Philippe, you gave me a very valuable information and I just learned
something new. I fixed the problam as you suggested by removing
list-style: inside.
For those who want to visit a copy of the broken page -
Donna Pfledderer @ Virtual Business Connection wrote:
I'm not sure how to ask this, but on this page
http://www.1startescape.com/NewSite/gallery_natPlaces.html
http://www.1startescape.com/NewSite/css/portfolio.css
When the user clicks on the arrow I want the picture bar to be replaced
with new
From: Mike Soultanian [EMAIL PROTECTED]
http://www2.csulb.edu/colleges/cota/test5.html
Let's say I have two columns and there is a div in each column. If I
add a margin-top to the left column, it pushes the div down in the other
column when viewed in Firefox. Is this normal behavior or is
Mike Soultanian wrote:
This is not a bug you are observing, but collapsing margins
instead. See the following wiki page for more information and links.
Hi Holly,
I am familiar with collapsing vertical margins, but that's not the
issue I'm running into; or maybe it is in another form. I'm
Mike Soultanian wrote:
Thierry Koblentz wrote:
Mike Soultanian wrote:
http://www2.csulb.edu/colleges/cota/test5.html
Hi Mike,
I don't see any problem with your example page.
If you're talking about the second column being lower than the 1st
one, this is due to your margin on h1 in column
Sorry, I looked in IE6, not in FF. It's rare people complain about the
latter ;-)
Padding, but also *border* on the DIV should fix the problem (remove the
gap).
Actually, if you reload the page, you'll see my updated examples.
However, in my real web page, I can't use any padding or a
From: Mike Soultanian [EMAIL PROTECTED]
you'll notice that there is no margin-top specified
on the left column, yet it's being pulled down with the right column.
http://www2.csulb.edu/colleges/cota/test5.html
I did try it in IE and Mozilla before I replied previously, and it's still
margin
Hi folks,
I am trying to create a simple centered horizontal (text) menu with a
drop down menu that is HORIZONTAL not vertical. I need it to be placed
within a table.
I have been trying to implement this idea:
http://www.tjkdesign.com/articles/dropdown/demo.asp
But i can not get it to center
Hi folks,
I am trying to create a simple centered horizontal (text) menu with a
drop down menu that is HORIZONTAL not vertical. I need it to be placed
within a table.
I have been trying to implement this idea:
http://www.tjkdesign.com/articles/dropdown/demo.asp
But i can not get it to
ww wrote:
Hi folks,
I am trying to create a simple centered horizontal (text) menu with
a
drop down menu that is HORIZONTAL not vertical. I need it to be
placed
within a table.
I have been trying to implement this idea:
http://www.tjkdesign.com/articles/dropdown/demo.asp
But i can
On 1/22/06, Christian Heilmann [EMAIL PROTECTED] wrote:
Could you please not cross-post on thelist and css-d? Those of us who
are subscribed to both get enough email as it is...
DHTML = marketing speak for JavaScript + HTML + CSS
It would also be very helpful to send us an example where it
If you have Dreamweaver, this might be a solution for you:
http://www.projectseven.com/products/menusystems/tbm/demos/design_purecenter.htm
If not, you can see if our CSS approach to centering can be used for
your page.
Al Sparber
PVII
http://www.projectseven.com
Al,
I don't have mx 2004
I finally figured out how to achieve the look of what used to be floated
divs, centered in a page (when I don't know the width of the parent div).
Right now, I'm using a wrapper div with a display:table and an inner
wrapper div with a display:table-row. The colored boxes for the movie
On Jan 22, 2006, at 4:33 PM, John Haas wrote:
I finally figured out how to achieve the look of what used to be
floated divs, centered in a page (when I don't know the width of
the parent div).
Right now, I'm using a wrapper div with a display:table and an
inner wrapper div with a
On 1/22/06, ww [EMAIL PROTECTED] wrote:
here is a link to a test page i am working on
http://www.todayhomes.com/v2/
Above everything else:
#TJKDropDownMenu {
position:relative;
}
Now it's inside. Style the rest as you need.
--
--
Christian Montoya
christianmontoya.com ... rdpdesign.com ...
On 1/22/06, John Haas [EMAIL PROTECTED] wrote:
I'm aware that this is an issue in IE, however, but I can't seem to find
a solution or hack to get it to work. The fix is located at:
http://archivist.incutio.com/viewlist/css-discuss/42280
Hoping someone knows how to get this to look correct.
Hrmmm -- you mentioned you don't know the width of the parent div;
but I assume you know the width of the centered div.
Is there a reason you're not using the following:
div id=centeredSome content.../div
#centered { width: 600px; margin: 0 auto; }
This will work regardless of the
Apparently the IE fix is to apply text-align:center where you have
display:table and display:inline-block where you have
display:table-row. Obviously, behind a conditional comment or hack.
Did you try that?
Yes, the hack I have in my CSS now is::
body.home #features_table {
display:table;
On 1/22/06, John Haas [EMAIL PROTECTED] wrote:
/* IE/Mac \*//*/
body.home #features_table {
display: block;
margin: 1em 0;
text-align: center;
}
body.home #features {
display: inline-block;
width: 1px;
white-space: nowrap;
}
/**/
But this only applies to IE
On 1/22/06, Christian Montoya [EMAIL PROTECTED] wrote:
On 1/22/06, ww [EMAIL PROTECTED] wrote:
here is a link to a test page i am working on
http://www.todayhomes.com/v2/
Above everything else:
#TJKDropDownMenu {
position:relative;
}
Now it's inside. Style the rest as you need.
I'm
And come to think of it, I'm pretty sure you want to apply
display:inline-block to #features div, not #features.
I tried that as well, it didn't work either.
Well, here's what I have now, still not working, as you can see in IE.
http://stg.participate.net
body.home #features_wrap {
ww wrote:
here is a link to a test page i am working on
http://www.todayhomes.com/v2/
i would like the menu to center itself within the table and the drop
down menu to appear below the main menu no matter what the browser
window is sized to.
As Christian said, you need position:relative
Alright, got it to work. IE doesn't recognize div for this hack, I
had to use span's in this case. See the technique at:
http://phrogz.net/CSS/inlineblock.html
Thanks for the help,
Jack
John Haas wrote:
And come to think of it, I'm pretty sure you want to apply
display:inline-block to
Al Sparber wrote:
ww wrote:
Hi folks,
I am trying to create a simple centered horizontal (text) menu with
a
drop down menu that is HORIZONTAL not vertical. I need it to be
placed
within a table.
I have been trying to implement this idea:
Al Sparber wrote:
From: Thierry Koblentz [EMAIL PROTECTED]
If you have Dreamweaver, this might be a solution for you:
http://www.projectseven.com/products/menusystems/tbm/demos/design_purecenter.htm
If not, you can see if our CSS approach to centering can be used
for
your page.
I took a
Jim Nannery wrote:
Cory wrote:
I'm sorry, I think you guys are misunderstanding what I am saying. I am
not talking about how the layout looks in the browser, I am talking
about when you right click and view the source code, THAT is what is all
messed up. In particular the CSS. In DW8, the CSS is
http://www2.csulb.edu/colleges/cota/test5.html
I did try it in IE and Mozilla before I replied previously, and it's
still margin collapsing that is causing what you see. The not-zeroed
margin on the H1 element (as Theirry has pointed out) in the right
column is escaping from the
From: Mike Soultanian [EMAIL PROTECTED]
http://www2.csulb.edu/colleges/cota/test5.html
h1 {margin-top: 0;}
Ahhh, I think I'm getting it. So, the H1 is always 30px away from the
text, it's just bringing the container down with it, which is
essentially bringing the floated left column down,
At the default font size, in whatever browser you're looking in, the
top margin for the H1 is 30px. If you zero that, there will be no more
margin between the text and the following div that includes the left
and right columns.
Yeah, I understand that. I stuck that 30px in there to make
Thanks to Holly's suggestion of padding-top, I was able to fix the
problem. The completed page with examples of the broken version and the
fixed version is here:
http://www2.csulb.edu/colleges/cota/test5.html
thanks!
Mike
Mike Soultanian wrote:
At the default font size, in whatever browser
30 matches
Mail list logo