帮助重新如何在图形周围浮动导航项目？ [英] Help re how to float nav items around graphic ?
问题描述
大家好：
我回来了......现在我真的被困了!!
我有图形（
http://www.sundialontario.com/ images / makeitatable.jpg ）
我想转换成CSS，我不知道如何
来做这件事。
我想在两边都有4个导航项目（链接）
图形。
我知道我可以使用表格轻松完成此操作，但这是
不是真正的表格数据...你不同意吗？
我认为一个3列的ul将是答案，但是因为图形尺寸，我在第一行之后难以接受
。
我我认为必须有一种方法可以在图形的两个方向上浮动。我是在正确的轨道上吗？我只是不能...... / b $ b似乎弄清楚这是怎么回事。
任何人都可以告诉我。
谢谢！
Joe
Joe exCSSive< jo*@example.invalid> ;写道：
http：// www.sundialontario.com/images/makeitatable.jpg
我想转换为CSS，我不知道如何做到这一点。
http：//homepage.ntlworld .com / spartan ... ialontario.htm
-
Spartanicus
< blockquote> 2005年7月6日星期三00:39:31 GMT，Spartanicus
< in ***** @ invalid.invalid>写道：
Joe exCSSive< jo*@example.invalid>写道：
http：// www.sundialontario.com/images/makeitatable.jpg
我想转换为CSS，我不知道如何做到这一点。
http：//homepage.ntlworld .com / spartan ... ialontario.htm
哇！你不是Bobby Dazzler！
我想我是在浮动和UL的正确轨道上！
但是，当我用
3 DIV编写战争与和平版本时，你的版本肯定会切入追逐。 br />
在您的回复进来之前，我正在调整我的保证金
设置，我也使用了一些负值。我以为
我肯定做错了什么，但我看到那就是你所用的b
。这对我来说似乎很奇怪...不要这么想？
非常感谢你的时间和帮助！看起来很棒！
Joe
Joe exCSSive< jo*@example.invalid>写道：
http://homepage.ntlworld.com/spartan...ialontario.htm
在你的回复进来之前，我正在调整我的保证金
设置和我也使用了一些负值。我以为
我肯定做错了什么，但我发现那也是你编码的东西。这对我来说似乎很奇怪... dontcha认为？
ul的宽度应该适应图形和文本。文本的
宽度应在ems中定义以便于缩放，
156px图形宽度在文本缩放时应保持不变。所以
ul的左边填充为156px，在CSS框模型中，这个填充是添加到em中定义的ul宽度的
。为了抵消这个左边
填充156px负左边距将左对齐列表项目
移回原位。
-
Spartanicus
Hi, folks:
I''m back...and now I''m really stuck !!
I have a graphic (
http://www.sundialontario.com/images/makeitatable.jpg )
that I would like to convert to CSS and I''m not sure how
to do this.
I want to end up with 4 nav items (links) on either side
of the graphic.
I know that I can easily do this using a table, but this is
not true tabular data...wouldn''t you agree?
I thought a 3-column ul would be the answer, but I''m
stumped after the first row, because of the graphic size.
I''m thinking that there must be a way to float li''s on either
side of the graphic. Am I on the right track? I just can''t
seem to figure out how the heck to do this.
Can anyone advise me.
Thanks !
Joe
Joe exCSSive <jo*@example.invalid> wrote:
http://www.sundialontario.com/images/makeitatable.jpg
that I would like to convert to CSS and I''m not sure how
to do this.
http://homepage.ntlworld.com/spartan...ialontario.htm
--
Spartanicus
On Wed, 06 Jul 2005 00:39:31 GMT, Spartanicus
<in*****@invalid.invalid> wrote:
Joe exCSSive <jo*@example.invalid> wrote:http://www.sundialontario.com/images/makeitatable.jpg
that I would like to convert to CSS and I''m not sure how
to do this.
Wow! Aren''t you a Bobby Dazzler !
I guess I "was" on the right track with floating and ULs !
But, while I was coding up a War and Peace version with
3 DIVs, your version sure cuts to the chase.
Before your response came in, I was tweaking my margin
settings and I was using some negative values too. I thought
I was surely doing something wrong, but I see that''s what you''ve
coded too. That seems quite odd to me...dontcha think ?
Thanks so much for your time and help ! Looks fab !
Joe
Joe exCSSive <jo*@example.invalid> wrote:
http://homepage.ntlworld.com/spartan...ialontario.htm
Before your response came in, I was tweaking my margin
settings and I was using some negative values too. I thought
I was surely doing something wrong, but I see that''s what you''ve
coded too. That seems quite odd to me...dontcha think ?
The width of the ul should accommodate the graphic and the text. The
width for the text should be defined in ems to facilitate zooming, the
156px graphic width should remain constant when the text is zoomed. So
the ul has a left padding of 156px, in the CSS box model this padding is
added to the ul width which is defined in em. To offset this left
padding the 156px negative left margin moves the left aligned list items
back into place.
--
Spartanicus
这篇关于帮助重新如何在图形周围浮动导航项目？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
