This is Interesting: Free Magazines for Graphics designers and webmasters  


Home > Archive > Dreamweaver > January 2005 > CSS page layout





You are viewing an archived Text-only version of the thread. To view this thread in it's original format and/or if you want to reply to this thread please [click here]

Author CSS page layout
heavenstobetsy

2005-01-31, 12:24 pm

I've been trying out CSS page layouts, but am having problems with how Firefox
displays my menu items.

There are 6 items in a vertical unordered list formatted to display as blocks
with borders. In IE-PC, IE-Mac and Safari they look fine, but not in Firefox.

In Firefox what happens is this. At small text sizes, items 2 and 4 in the
list have their bottom borders (1px) obscured by the 1px top border of next
item in the list. At large text sizes the bottom borders of those same items
display, but with an extra 1px of blank space between the bottom border and the
top border of the next item.

Can anyone please explain and/or suggest a fix?

Page layout and CSS are at http://www.smeddum.net/new_layout/layout.htm and
http://www.smeddum.net/new_layout/layout.css

Osgood

2005-01-31, 12:41 pm

As a test try setting your font sizes in px rather than em or % and see
if that resolves the issue. I can't remember exactly, because I choose
not to use em or % as a measurement, but I think in some circumstances
they cause issues.

heavenstobetsy wrote:

> I've been trying out CSS page layouts, but am having problems with how Firefox
> displays my menu items.
>
> There are 6 items in a vertical unordered list formatted to display as blocks
> with borders. In IE-PC, IE-Mac and Safari they look fine, but not in Firefox.
>
> In Firefox what happens is this. At small text sizes, items 2 and 4 in the
> list have their bottom borders (1px) obscured by the 1px top border of next
> item in the list. At large text sizes the bottom borders of those same items
> display, but with an extra 1px of blank space between the bottom border and the
> top border of the next item.
>
> Can anyone please explain and/or suggest a fix?
>
> Page layout and CSS are at http://www.smeddum.net/new_layout/layout.htm and
> http://www.smeddum.net/new_layout/layout.css
>


Murray *TMM*

2005-01-31, 12:41 pm

Well, percents are cumulative and maybe that's what you are thinking about.
A percent styled container within a percent styled container will apply the
percent multiplier twice.

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"Osgood" <notavailable@atthisaddress.com> wrote in message
news:ctl53u$ght$1@forums.macromedia.com...
> As a test try setting your font sizes in px rather than em or % and see if
> that resolves the issue. I can't remember exactly, because I choose not to
> use em or % as a measurement, but I think in some circumstances they cause
> issues.
>
> heavenstobetsy wrote:
>
>



Murray *TMM*

2005-01-31, 12:42 pm

I'm not aware of any.

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"Osgood" <notavailable@atthisaddress.com> wrote in message
news:ctl53u$ght$1@forums.macromedia.com...
> As a test try setting your font sizes in px rather than em or % and see if
> that resolves the issue. I can't remember exactly, because I choose not to
> use em or % as a measurement, but I think in some circumstances they cause
> issues.
>
> heavenstobetsy wrote:
>
>



Osgood

2005-01-31, 12:47 pm

Murray *TMM* wrote:

> I'm not aware of any.
>



Yes, there are some minor issues when using em or % in Mozilla/Firefox.
Not being well versed in em or percent my only solution is to change to
px. I always use px an have never encoutered the issues which are being
raised.

The posters queston comes up once in a while on this forum and the PV11.
When you look into their css they are always using em or % to sepcify
the font size.

heavenstobetsy

2005-01-31, 12:53 pm

> Well, percents are cumulative and maybe that's what you are thinking about.
A percent styled container within a percent styled container will apply the
percent multiplier twice.

It certainly seems to be related to text size. I've been playing around with
it experimenting with fixed text sizes, but the results are inconsistent. If I
set the menu text to a fixed pt or px size, then it stays fixed in IE, but
Firefox still scales it and the same problem occurs, although in different
parts of the menu listing. I think I'm going to have to play some more yet.

Is there a good online resource that explains the pros and cons of the various
text size definitions (em, pt, px, %, small etc) and when and when not to use
them?

I've also got a problem within Dreamweaver in that the CSS, although firmly
attached to the page definition as per <link href="layout.css" rel="stylesheet"
type="text/css">
, isn't being referenced to display the page within the program. Neither does
it show up in the CSS display window with the Add Styles button on, although
it's all there if the Edit Styles button is selected.

(I followed the ProjectVII tutorials to set this page and CSS up.)

Osgood

2005-01-31, 12:53 pm

Its definitely a conflict with em or % somewhere in your stylesheet. If
you isolate the sidebar css (i've changed the css a bit, but not
drastically) and insert it into a new DW table in a new document it
works as expected, at any text size.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<style>
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
background-color: #CCCCCC;
background-image: url(page_background.jpg);
padding: 0px;
margin-top: 0px;
margin-right: 3%;
margin-bottom: 0px;
margin-left: 3%;
}
#sidebar {
width: 150px;
padding: 0px;
margin: 0px;
font-size: 12px;
}
#sidebar a {
/*/*/padding: 5px;
display: block;
border: 2px solid #CC6633;
text-decoration: none;
/* */
}
#sidebar ul {
/*/*/padding: 0px;
margin: 0;
list-style-type: none; /* */
}
#sidebar a:link, #sidebar a:visited {
color: #000000;
background-color: #CC9966;
border-top: 1px solid #CC9966;
border-right: 1px solid #CC6633;
border-bottom: 1px solid #CC6633;
border-left: 6px solid #CC6633;
}
#sidebar a:hover, #sidebar a:active {
color: #FFFFFF;
background-color: #CC6633;
border-top: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
border-left: 6px solid #FFFFFF;
}
</style>
</head>

<body>
<table width="700" border="0" cellspacing="0" cellpadding="0">
<tr>
<td id="sidebar"><ul>
<li><a href="#">Menu item 1</a></li>
<li><a href="#">Menu item 2</a></li>
<li><a href="#">Menu item 3</a></li>
<li><a href="#">Menu item 4</a></li>
<li><a href="#">Menu item 5</a></li>
<li id="current"><a href="#">Current Menu item</a></li></ul></td>
<td>&nbsp;</td>
</tr>
</table>
</body>
</html>

terry

2005-01-31, 12:53 pm


"heavenstobetsy" <webforumsuser@macromedia.com> wrote in message
news:ctl975$mqg$1@forums.macromedia.com...
<snip>
>
> Is there a good online resource that explains the pros and cons of the

various
> text size definitions (em, pt, px, %, small etc) and when and when not to

use
> them?
>


Yes, there are loads. That problem is finding two that agree :-(

Never use points because this is a printers measure. That is about the only
advice I can offer with any certainty

Whatever you end up using - px, %, em or small etc. - someone, somewhere
will disagree with you.

Terry


Murray *TMM*

2005-01-31, 12:53 pm

> set the menu text to a fixed pt

Don't use points on the web. Points are a print metric that is unsuited for
a pixel based display.

> and the same problem occurs


There is no way (NO WAY) to prevent your visitor from resizing your text,
other than to make graphics (and even then you can zoom the graphics).

> Is there a good online resource that explains the pros and cons of the
> various
> text size definitions (em, pt, px, %, small etc) and when and when not to
> use
> them?


Don't make this more complicated than it is. Design your layout to
accommodate text size changes. Specify your font sizes in pixels, ems, ens,
exs, percents or size names (e.g., small, medium, etc.), and be happy.

The benefit of using all but pixels for your layout measurements is that
they scale along with the browser's text size setting - I am talking about
margins and paddings, for example.

> I've also got a problem within Dreamweaver in that the CSS, although
> firmly
> attached to the page definition as per <link href="layout.css"
> rel="stylesheet"
> type="text/css">, isn't being referenced to display the page within the
> program.


What does this mean?

> Neither does
> it show up in the CSS display window with the Add Styles button on,
> although
> it's all there if the Edit Styles button is selected.


Sorry - I don't follow.

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"heavenstobetsy" <webforumsuser@macromedia.com> wrote in message
news:ctl975$mqg$1@forums.macromedia.com...
> A percent styled container within a percent styled container will apply
> the
> percent multiplier twice.
>
> It certainly seems to be related to text size. I've been playing around
> with
> it experimenting with fixed text sizes, but the results are inconsistent.
> If I
> set the menu text to a fixed pt or px size, then it stays fixed in IE, but
> Firefox still scales it and the same problem occurs, although in different
> parts of the menu listing. I think I'm going to have to play some more
> yet.
>
> Is there a good online resource that explains the pros and cons of the
> various
> text size definitions (em, pt, px, %, small etc) and when and when not to
> use
> them?
>
> I've also got a problem within Dreamweaver in that the CSS, although
> firmly
> attached to the page definition as per <link href="layout.css"
> rel="stylesheet"
> type="text/css">
> , isn't being referenced to display the page within the program. Neither
> does
> it show up in the CSS display window with the Add Styles button on,
> although
> it's all there if the Edit Styles button is selected.
>
> (I followed the ProjectVII tutorials to set this page and CSS up.)
>



Osgood

2005-01-31, 12:53 pm

line-height is one of the culprits, yet again. If you change it to px
then it is more stable but still has issues with the white line
appearing under the bottom <a> border at larger sizes. So you need to
hunt down all the em, % crap that you use and get rid of it unless
anyone can come up with a difinitive anwser to the problem why they
actually cause this well known issue.


#mainTable {
/*/*/line-height: 1.5em; /* */
}






Osgood wrote:

> Its definitely a conflict with em or % somewhere in your stylesheet. If
> you isolate the sidebar css (i've changed the css a bit, but not
> drastically) and insert it into a new DW table in a new document it
> works as expected, at any text size.






Osgood

2005-01-31, 12:53 pm

Murray *TMM* wrote:


> Don't make this more complicated than it is. Design your layout to
> accommodate text size changes. Specify your font sizes in pixels, ems, ens,
> exs, percents or size names (e.g., small, medium, etc.), and be happy.
>
> The benefit of using all but pixels for your layout measurements is that
> they scale along with the browser's text size setting - I am talking about
> margins and paddings, for example.

n't follow.

Im not sure they are benefits, especially if the width of the design
expands horizontally which then causes a scrollbar. I guess you need to
think carefully and trade off a few things.

Pablo

2005-01-31, 12:53 pm

I use percentages

--
Cheers Pablo

_____________________

Whoever said "image doesn't matter" was lying.
http://www.dellwebsites.com
______________________________________
"terry" <terryuse@cashette.com> a écrit dans le message de news:
ctlacm$onn$1@forums.macromedia.com...
>
> "heavenstobetsy" <webforumsuser@macromedia.com> wrote in message
> news:ctl975$mqg$1@forums.macromedia.com...
> <snip>
> various
to[color=darkred]
> use
>
> Yes, there are loads. That problem is finding two that agree :-(
>
> Never use points because this is a printers measure. That is about the

only
> advice I can offer with any certainty
>
> Whatever you end up using - px, %, em or small etc. - someone, somewhere
> will disagree with you.
>
> Terry
>
>



Osgood

2005-01-31, 12:54 pm

Pablo wrote:

> I use percentages



Well then you should have the answer to this issue since you had the
same problem a few days ago.

heavenstobetsy

2005-01-31, 12:54 pm

> Its definitely a conflict with em or % somewhere in your stylesheet. If
you isolate the sidebar css (i've changed the css a bit, but not
drastically) and insert it into a new DW table in a new document it
works as expected, at any text size.

Yes it does in Firefox, but in IE there's gaps between each item.

I went right through my style sheet and changed every single measurement to
px. There's not a % or em left. It's better in Firefox now; there's no overlap
at any magnification, but there's still one magnification where a 1px gap
appears in the middle of the listing. Unfortunately it's likely to be one that
a lot of people use (about equivalent to "medium" in IE).

I've also tried setting the menu text size +/- 1px relative to the body text,
but it doesn't seem to make any difference.

Any ideas as to what else might be affecting this? (Amended files are up at
the addresses given above.)


heavenstobetsy

2005-01-31, 12:54 pm

> There is no way (NO WAY) to prevent your visitor from resizing your text,
other than to make graphics (and even then you can zoom the graphics).

I'm perfectly happy for visitors to resize my text -- I'd be uncomfortable
with the idea of them NOT being able to. I just want this menu to display
properly in Firefox at any magnification without any overlaps or gaps!

> I've also got a problem within Dreamweaver in that the CSS, although
> firmly
> attached to the page definition as per <link href="layout.css"
> rel="stylesheet"
> type="text/css">, isn't being referenced to display the page within the
> program.


> What does this mean?


OK, I'm probably not explaining this very well. All the pages and sites I've
worked on before in Dreamweaver show the effect of the CSS styles in the design
view of the program, and if you attach the style sheet to the page then it
shows up in the CSS styles window and the styles are available for selecting to
apply to any part of the text.

This isn't happening with this CSS. If I click on the Edit Styles button in
the CSS styles window, then all the styles are available to be editied, but all
that shows up in the window with the Add Styles button selected is "No CSS
Style".
And the display in design view bears no relation to how it appears once the
style formatting is applied.

Pablo

2005-01-31, 12:54 pm

Hi

Use this, there are certain things I have deleted but this should hold and
get you going.

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
background-color: #CCC;
background-image: url(page_background.jpg);
padding: 0;
margin: 0 20px 0 20px;

}
#mainTable {
/*/*/line-height: 16px; /* */
}
#header {
color: #000;
border-bottom: 2px solid #CC6633;
align: left;
}
#footer {
height: 40px;
color: #000;
border-top: 2px solid #CC6633;
vertical-align: middle;
font-size: 60%;
text-align: center;

}
a:link, a:visited {
font-weight: bold;
color: #660099;
}
a:hover, a:active {
font-weight: bold;
color: #CC6633;
}
#sidebar a {
padding: 5px;
display: block;
text-decoration: none;
width: 150px; /* */
}
#sidebar a:link, #sidebar a:visited {
color: #000;
background-color: #CC9966;
}
#sidebar a:hover, #sidebar a:active {
color: #FFF;
background-color: #CC6633;
}
#sidebar ul {
border-top: 1px solid #FFF;
font-size: 70%;
margin: 0;
padding: 0;
list-style-type: none;
}

#sidebar ul li{
border: solid #FFF;
border-width: 0 1px 1px 6px;
margin: 0;
}
#maincontentleft {
width: 250px;
padding: 20px;
background-color: #666666;
border-left: 2px solid #CC6633;
text-align: center;
}
#linkslist {
width: 210px;
color: #FFF;
padding: 0px;
vertical-align: top;
text-align: left;
font-weight: bold;
}
#linkslist p, td {
vertical-align: top;
padding-left: 0px;
margin-left: 0px;
}
#linkslist ul {
color: #FFF;
/*/*/padding-left: 20px;
margin-left: 20px;
line-height: 22px; /* */
}
#linkslist li {
color: #FFF;
font-size: 70%;
}
#linkslist a, #linkslist a:visited {
color: #FFF;
text-decoration: none;
}
#linkslist a:hover, #linkslist a:active {
color: #CC6633;
text-decoration: none;
}
#maincontentright {
background-color: #FFFFFF;
padding: 20px;
border-right: 6px solid #CC6633;
vertical-align: top;
}
#maincontentright p{
font-size: 70%;
}
h1 {
font-size: 100%;
font-weight: bold;
}
h2 {
font-size: 95%;
font-weight: bold;
}
h3 {
font-size: 90%;
font-weight: bold;
}




--
Cheers Pablo

_____________________

Whoever said "image doesn't matter" was lying.
http://www.dellwebsites.com
______________________________________
"Osgood" <notavailable@atthisaddress.com> a écrit dans le message de news:
ctlbo1$qn2$1@forums.macromedia.com...
> Pablo wrote:
>
>
>
> Well then you should have the answer to this issue since you had the
> same problem a few days ago.
>



Osgood

2005-01-31, 12:54 pm

heavenstobetsy wrote:

>
> you isolate the sidebar css (i've changed the css a bit, but not
> drastically) and insert it into a new DW table in a new document it
> works as expected, at any text size.
>
> Yes it does in Firefox, but in IE there's gaps between each item.
>

That's a PC IE <a> bug. You need to use a conditional comment to combat
that.

If you copy the code below and paste it into your pages code directly
before the clsoing </head> tag that will resolve the gap issue.


<!--[if IE 6]>

<style>

#sidebar a {height: 1%;}

</style>

<![endif]-->


The code MUST go in the page and come after any other css attached or
otherwise








Murray *TMM*

2005-01-31, 12:55 pm

Maybe you should crash more often then? Nahhhhh.....

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"heavenstobetsy" <webforumsuser@macromedia.com> wrote in message
news:ctlkff$bib$1@forums.macromedia.com...
> get you going.
>
> Thanks Pablo. Unfortunately that gives me a menu that looks a bit
> different to
> how I wanted it to look! I tried the idea of using % to define size
> throughout
> the style sheet though and it gave as good (and more flexible in IE)
> result as
> using fixed px definitions.
>
> However, the problem with the 1px gaps and overlaps in Firefox hasn't gone
> away. Could this be down to a glitch in Firefox ?
>
> I'm going to try Osgood's suggestion now.
>
> Murray, the business with the CSS not displaying properly in DW has gone
> away.
> DW crashed, and when I started it up again the design view window was
> looking
> good and there were styles available in the Add Style window. Dunno what
> that
> was all about ....
>



heavenstobetsy

2005-01-31, 12:55 pm

> Use this, there are certain things I have deleted but this should hold and
get you going.

Thanks Pablo. Unfortunately that gives me a menu that looks a bit different to
how I wanted it to look! I tried the idea of using % to define size throughout
the style sheet though and it gave as good (and more flexible in IE) result as
using fixed px definitions.

However, the problem with the 1px gaps and overlaps in Firefox hasn't gone
away. Could this be down to a glitch in Firefox ?

I'm going to try Osgood's suggestion now.

Murray, the business with the CSS not displaying properly in DW has gone away.
DW crashed, and when I started it up again the design view window was looking
good and there were styles available in the Add Style window. Dunno what that
was all about ....

Pablo

2005-01-31, 12:55 pm

However, the problem with the 1px gaps and overlaps in Firefox hasn't gone
away. Could this be down to a glitch in Firefox ?

I don't see this, I don't see any gaps from where I am. Clear your cache,
reboot. Upload the file as well

--
Cheers Pablo

_____________________

Whoever said "image doesn't matter" was lying.
http://www.dellwebsites.com
______________________________________
"heavenstobetsy" <webforumsuser@macromedia.com> a écrit dans le message de
news: ctlkff$bib$1@forums.macromedia.com...
and[color=darkred]
> get you going.
>
> Thanks Pablo. Unfortunately that gives me a menu that looks a bit

different to
> how I wanted it to look! I tried the idea of using % to define size

throughout
> the style sheet though and it gave as good (and more flexible in IE)

result as
> using fixed px definitions.
>
> However, the problem with the 1px gaps and overlaps in Firefox hasn't

gone
> away. Could this be down to a glitch in Firefox ?
>
> I'm going to try Osgood's suggestion now.
>
> Murray, the business with the CSS not displaying properly in DW has gone

away.
> DW crashed, and when I started it up again the design view window was

looking
> good and there were styles available in the Add Style window. Dunno what

that
> was all about ....
>



heavenstobetsy

2005-01-31, 7:20 pm

> > However, the problem with the 1px gaps and overlaps in Firefox hasn't gone
away. Could this be down to a glitch in Firefox ?

> I don't see this, I don't see any gaps from where I am. Clear your cache,

reboot. Upload the file as well

Are you looking at my most recently uploaded files, or ...?

Pablo

2005-01-31, 7:20 pm

I was looking at what I had dome in DW.

--
Cheers Pablo

_____________________

Whoever said "image doesn't matter" was lying.
http://www.dellwebsites.com
______________________________________
"heavenstobetsy" <webforumsuser@macromedia.com> a écrit dans le message de
news: ctlpau$j9g$1@forums.macromedia.com...
gone[color=darkred]
> away. Could this be down to a glitch in Firefox ?
>
cache,[color=darkred]
> reboot. Upload the file as well
>
> Are you looking at my most recently uploaded files, or ...?
>



Pablo

2005-01-31, 7:20 pm

I think you should nuke tables and go css layout btw.



--
Cheers Pablo

_____________________

Whoever said "image doesn't matter" was lying.
http://www.dellwebsites.com
______________________________________
"heavenstobetsy" <webforumsuser@macromedia.com> a écrit dans le message de
news: ctlpau$j9g$1@forums.macromedia.com...
gone[color=darkred]
> away. Could this be down to a glitch in Firefox ?
>
cache,[color=darkred]
> reboot. Upload the file as well
>
> Are you looking at my most recently uploaded files, or ...?
>



Murray *TMM*

2005-01-31, 7:20 pm

Seriously? You think that's a practical suggestion for this poster?

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"Pablo" <dunno@dunno.com> wrote in message
news:ctlqg7$l4h$1@forums.macromedia.com...
>I think you should nuke tables and go css layout btw.
>
>
>
> --
> Cheers Pablo
>
> _____________________
>
> Whoever said "image doesn't matter" was lying.
> http://www.dellwebsites.com
> ______________________________________
> "heavenstobetsy" <webforumsuser@macromedia.com> a écrit dans le message de
> news: ctlpau$j9g$1@forums.macromedia.com...
> gone
> cache,
>
>



Pablo

2005-01-31, 7:20 pm

Yes definitely, I know what you are thinking and in a way I agree with you
but that layout is crying out for a tableless layout.

--
Cheers Pablo

_____________________

Whoever said "image doesn't matter" was lying.
http://www.dellwebsites.com
______________________________________
"Murray *TMM*" <forums@HAHAgreat-web-sights.com> a écrit dans le message de
news: ctlrs8$n8d$1@forums.macromedia.com...
> Seriously? You think that's a practical suggestion for this poster?
>
> --
> Murray --- ICQ 71997575
> Team Macromedia Volunteer for Dreamweaver
> (If you *MUST* email me, don't LAUGH when you do so!)
> ==================
> http://www.dreamweavermx-templates.com - Template Triage!
> http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
> http://www.dwfaq.com - DW FAQs, Tutorials & Resources
> http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
> ==================
>
> "Pablo" <dunno@dunno.com> wrote in message
> news:ctlqg7$l4h$1@forums.macromedia.com...
de[color=darkred]
>
>



Murray *TMM*

2005-01-31, 7:20 pm

She needs a solution now. I don't disagree with you, however. But let's be
practical....

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"Pablo" <dunno@dunno.com> wrote in message
news:ctls1d$ner$1@forums.macromedia.com...
> Yes definitely, I know what you are thinking and in a way I agree with you
> but that layout is crying out for a tableless layout.
>
> --
> Cheers Pablo
>
> _____________________
>
> Whoever said "image doesn't matter" was lying.
> http://www.dellwebsites.com
> ______________________________________
> "Murray *TMM*" <forums@HAHAgreat-web-sights.com> a écrit dans le message
> de
> news: ctlrs8$n8d$1@forums.macromedia.com...
> de
>
>



heavenstobetsy

2005-01-31, 7:20 pm

> I was looking at what I had dome in DW.

OK. But then you did something different to what I did with the borders of the
menu text blocks. I did a straight cut and paste and substituted your CSS for
mine, but it didn't do quite what I was looking for it to do. (There were also
some issues with positioning which meant I had to reinstate some margin=0
commands, and the border formatting "leaked" into another area of the page
which it wasn't supposed to.)

Still tinkering ...

heavenstobetsy

2005-01-31, 7:20 pm

> I think you should nuke tables and go css layout btw.

I think that would be like attempting a marathon before I can even walk! I've
only been trying to get to grips with html for about 10 days off and on ...
still figuring the basics. But it looks like a good way to go.

Pablo

2005-01-31, 7:20 pm

I did not see this but I did delete some stuff in the html as well, I have
deleted what I did. My connection is crap this time of the evening and I
doubt I will be able to get you fixed as I can't even load Googles homepage
let alone anything else. You need to nuke a few things and also you have
repeated
id="sidebar"
--
Cheers Pablo

_____________________

Whoever said "image doesn't matter" was lying.
http://www.dellwebsites.com
______________________________________
"heavenstobetsy" <webforumsuser@macromedia.com> a écrit dans le message de
news: ctlt0t$p0n$1@forums.macromedia.com...
>
> OK. But then you did something different to what I did with the borders

of the
> menu text blocks. I did a straight cut and paste and substituted your CSS

for
> mine, but it didn't do quite what I was looking for it to do. (There were

also
> some issues with positioning which meant I had to reinstate some margin=0
> commands, and the border formatting "leaked" into another area of the page
> which it wasn't supposed to.)
>
> Still tinkering ...
>



heavenstobetsy

2005-01-31, 7:20 pm

> I did not see this but I did delete some stuff in the html as well, I have
deleted what I did. My connection is crap this time of the evening and I
doubt I will be able to get you fixed as I can't even load Googles homepage
let alone anything else. You need to nuke a few things and also you have
repeated
id="sidebar"

It isn't repeated -- there's the definitions for the cell, the definitions for
the <a> classes in general, then the definitions for the <a> classes in
particular. Probably could be a lot tidier though ...

Have come up with, if not a solution, then a fix that makes that 1px shift in
Firefox barely visible. That's to put the menu text into a table with the
background colour set to the darker colour of the borders.

Still to go back and try Osgood's fix, but that'll have to wait. Got to go out
now. Thanks for all your help. Hope your connection improves.

dan mode

2005-01-31, 7:22 pm

speaking of posters.....does anyone know where I can get a poster of that
Showstoppers pic?


--

Dan
blah blah regla de las firmas de la longitud
*NEW* check me out http://d-mode.ww.com
(ahhh...vanity)
__
"Murray *TMM*" <forums@HAHAgreat-web-sights.com> wrote in message
news:ctlrs8$n8d$1@forums.macromedia.com...
> Seriously? You think that's a practical suggestion for this poster?
>
> --
> Murray --- ICQ 71997575
> Team Macromedia Volunteer for Dreamweaver
> (If you *MUST* email me, don't LAUGH when you do so!)
> ==================
> http://www.dreamweavermx-templates.com - Template Triage!
> http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
> http://www.dwfaq.com - DW FAQs, Tutorials & Resources
> http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
> ==================
>
> "Pablo" <dunno@dunno.com> wrote in message
> news:ctlqg7$l4h$1@forums.macromedia.com...
de[color=darkred]
>
>



Sponsored Links


Copyright 2003 - 2008 forum4designers.com  Software forum  Computer Hardware reviews