Title: list item markers disappear behind floated image
Hi,
I have a problem with images that are floated left and then when a list wraps around that image the list bullet points themselves dont get pushed out by the floated image and instead remain behind (or on top of) the image. to help
Well - I have not experienced this - but - if I was looking for a
quick fix (although it will sound like a hack) I would look at adding
a DIV around either or both blocks of text and see if that helps with
the visible/invisible image issue.
(I know - it sounds like wrapping table tags to give
Pete,
This may sound insane but the problem is fixable by floating the ul element.
ul { float: left; }
0r if more specific version is needed:
ul#wrapped-list { float: left; }
This will have a major impact on content that comes after the list (will
appear up beside the list), but this could be
Title: list item markers disappear behind floated image
Try giving the ul
list-style-position:inside. No need for additional p or div.
drew
From:
[EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Peter Ottery
Sent: Tuesday, August 17, 2004
2:52 AM
To: Web Standards
Title: RE: [WSG] list item markers disappear behind floated image
Russ wrote: This may sound insane but the problem is fixable by floating the ul element.ul { float: left; }
that does sound weird but on reflection of the finer points of the behaviours of floats, does make sense. fix a
Hi
Could someone please help me with this.
I'm trying to make a standards based site for Teaching Evaluation using the
current CDU requirements of banner and global nav (these can be seen here:
http://www.cdu.edu.au/visiting/).
However, putting in the form field into my global nav div cause the
Does anyone know if anyone has managed to produce a valid and reliable way
to embed Flash objects yet?
I'm noting Nick Gleitzman's reply to Seona Bellamy yesterday [RE: [WSG] Can
someone reproduce these issues for me please?] suggesting Flash Satay at A
List Apart.
My understanding is that the
The following is valid XHTML transitional, and seems to work fine in the
browsers I've checked (IE6, Mozilla, Opera)
object
codebase=http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0;
type=application/x-shockwave-flash
data=http://www.example.com/flash.swf;
Hi
form tag causes some issues with IE.
Any ideas as to what would be the best way to approach this?
Remove margin and padding from the form and all should be well.
#searchform form {
margin:0;
padding:0;
}
Regards
--
Bert Doorn, Better Web Design
http://www.bwdzine.com/
Fast-loading,
Hi folks,
I am having a problem with this sample rollover at
http://www.barricksinsurance.com/button.html .
It shows up fine with 4 rows across and 4 rows down on IE but it shows 5
rows across on Firefox.
Has anybody any idea what is going wrong here Please?
Thanks much,
Jim Barricks
Marina Del
Adding float:left to ul.navlist in Firefox fixed it
Vicki. :-)
Jim wrote:
I am having a problem with this sample rollover at
http://www.barricksinsurance.com/button.html .
It shows up fine with 4 rows across and 4 rows down on IE but it shows 5
rows across on Firefox.
Has anybody any
Hi Jim,
On Tue, 17 Aug 2004 18:35:01 -0700, Jim Barricks
[EMAIL PROTECTED] wrote:
http://www.barricksinsurance.com/button.html .
It shows up fine with 4 rows across and 4 rows down on IE but it shows 5
rows across on Firefox.
Has anybody any idea what is going wrong here Please?
You are
Jim
asked
I am having a problem with this sample rollover at
http://www.barricksinsurance.com/button.html .
It shows up fine with 4 rows across and 4 rows down on IE but
it shows 5 rows across on Firefox.
Has anybody any idea what is going wrong here Please?
I believe is all to do with
Pete, that's not a drawback - that's what list-style-position: inside is intended to do!
N
___
Omnivision. Websight.
http://www.omnivision.com.au/
On Wednesday, Aug 18, 2004, at 09:45 Australia/Sydney, Peter Ottery wrote:
the only drawback i can see from that is that
I tried that too, Hugh, but in Safari the background images on the list
items went all the way under the floated image. Each browser seems to have
their own reading on where the background of a list should stop.
Here is a sample page with both options:
I am attempting to replace an image based navigation set in a top banner
with a styled list of links.
If you have a look at this sample
(http://www.thesamaras.com/_newsite2/home1.htm), you can see how I have set
a specific height for each of the three list items; this is because the
banner will
On Wednesday, Aug 18, 2004, at 10:18 Australia/Sydney,
[EMAIL PROTECTED] wrote:
However, putting in the form field into my global nav div cause the
brown
bar (especially in IE) to become quite wide and not look right. I do
recall reading somewhere some time ago that the form tag causes some
At 07:06 PM 8/17/2004,Vicki Berry, your nimble fingers typed...
Adding float:left to ul.navlist in Firefox fixed it
Vicki. :-)
Jim wrote:
I am having a problem with this sample rollover at
http://www.barricksinsurance.com/button.html .
It shows up fine with 4 rows across and 4 rows down on
At 07:21 PM 8/17/2004,Ben Bishop, your nimble fingers typed...
Hi Jim,
You are absolutely correct - IE is displaying it wrong.
You've set the width of the UL to 80% of its parent. You've set the
width of LI to 20% of its parent.
So, the UL is 4/5 of BODY and LI is 1/5 of UL - therefore you get 5
Anura asked:
My question is: how do I get the text in each list item to appear
vertically in the middle of item? In other words, I want the
text to appear midway between the top and bottom of the item, rather than at
the top.
Try adding line-height: 29px; to #banner ul li
This will force
At 07:35 PM 8/17/2004,Nick Cowie, your nimble fingers typed...
Jim
I believe is all to do with the box model
http://tantek.com/CSS/Examples/boxmodelhack.html and that IE sees the li
containers at greater than 20% in width and Gecko
sees the containers as exactly 20% and 5*20% will fit in 100%
Thanks Nick
Probably the best solution would be to take it out of the globalnav bar all
together and put it somewhere else as I don't know how I can stop it from
wrapping.
Thanks for sending through the screenshots and even though Lotus Notes
doesn't tell me what browsers they are from, I can
Thanks for the tip. I applied the line-height property to both the list
item and the link and it seems to work across IE, Mozilla and Opera.
AS
Anura asked:
My question is: how do I get the text in each list item to appear
vertically in the middle of item? In other words, I want the
text to
23 matches
Mail list logo
