Re: [css-d] Menu items

2009-04-24 Thread Martyn Merrett
Hi Mario,

[quote]
When I hover over the menu, I can see a little gap between one item
and the next one. Is there a way of getting rid of that space and go
directly from one link to the next one?
[/quote]

Change:
div id=menu
ul
lia href=#Link/a/li
lia href=#Link/a/li
lia href=#Link/a/li
/ul
/div

To:
div id=menu
ul
lia href=#Link/a/lilia href=#Link/a/lilia
href=#Link/a/li
/ul
/div

For whatever reason if you include a Carriage Return it adds a
non-breaking space between the links.
Tested in FF3.

~Mx
http://www.mxdx.co.uk
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] Regarding inline style

2009-04-23 Thread Martyn Merrett
Hi Gautam,

Don't apologise -I'm sure you english is better than most kids these days! (:

I can see that each of the 4 links has 3 nodes.
You would like it if either the link or any node it would highlight
that link (A:active).

I have done this in the past using PHP to generate the menu code for me.

Aside from individually updating each page with a class I can't see it
would be possible.
You could possibly use javascript to detect the URL and add the style.

~Mx
http://www.mxdx.co.uk



2009/4/23 Gautam Bhatia gautam2678s...@gmail.com:
 hello mx,
          Thank you for the reply sir, sorry my engliish is not
 good ,I'm indian so please bear with me. ok this is what i'm trying to
 do on this link ..

 http://www.muttertag-geschenke.net
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] Problem with links on IE 7 and link on IE 6

2009-04-07 Thread Martyn Merrett
Hi Chris,

There are already several responses to this problem on your previous
post [css-d] CSS Problem with a tags on IE 6\7.
I still firmly believe it's something to do with your stacking issues.

Ta,

~Mx
http://www.mxdx.co.uk
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] Background Images clickable links

2009-04-07 Thread Martyn Merrett
Hi Chris,

What you've done there is partially correct (the HTML is fine).

However, in the CSS you've made the #logomiddle have it's dimensions
(960x1150px) but the A tag is empty.
You'd need to do something like this:

CSS:
#logomiddle {
 display: block;
 background: url(header-web-page-graphic-done3_01.png) no-repeat top center;
 position: absolute;
 left: -490px;
 top: -150px;
 height: 1150px;
 width: 960px;
}
#logomiddle a
{
display: block;
height: 1150px; /* same as height above */
width: 960px; /* same as width above */
}

I've just tested this and it works correctly in FF3  IE6.
Based on the code you've used I'm guessing this has something to do
with your indexpage9.html? ;)

Ta,

~Mx
http://www.mxdx.co.uk
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


[css-d] Putting IE6 out to pasture

2009-04-02 Thread Martyn Merrett
Hi folks,

Thought you'd be interested in this.
Could this *finally* be the end of IE6 and our CSS woes?

http://weblog.200ok.com.au/2009/03/putting-ie6-out-to-pasture.html

~Mx
http://www.mxdx.co.uk
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] Putting IE6 out to pasture

2009-04-02 Thread Martyn Merrett
Eric sent a message out earlier not to discuss/debate this further on this list.
Apologies for any inconvenience and lets keep our IE6 thoughts to ourselves, eh?

Ta,

~Mx
http://www.mxdx.co.uk
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] CSS Image Rollover Problem

2009-04-02 Thread Martyn Merrett
Hi Yazmin,

Try this - tested in FF3 and IE7 on XP.
http://resource.mxdx.co.uk/ww/yazmintest.htm

~Mx
http://www.mxdx.co.uk
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] Style a select tag (the arrow part)

2009-02-17 Thread Martyn Merrett
Hi Steve,

I found this CSS only hack to allow a pretty select menu with no JavaScript.
http://pennypacker.net/articles/css_tricks_select_menu
It works okay in FF3 but falls back to the default in IE6.

Is an input value for a form?

~Mx
http://www.mxdx.co.uk



2009/2/17 Stephen Tang clowwizarder...@gmail.com:
 Blake,
 Thanks for the reply and confirming this.  I did find several
 Javascript-based solutions in my internet search, so I will
 investigate those options further.

 Thanks,
 Stephen

 On Mon, Feb 16, 2009 at 5:50 PM, Blake haswel...@gmail.com wrote:
 On Tue, Feb 17, 2009 at 8:29 AM, Stephen Tang clowwizarder...@gmail.com 
 wrote:
 Based on current information on the internet, I presume that there is
 no way to do this with CSS only.  Am I right?

 100%

 There are JavaScript solutions around, I suggest you check that option
 out if you want to do any complex styling on SELECT elements.

 --
 Blake Haswell
 http://www.blakehaswell.com/ | http://www.thegraveltrap.com/

 __
 css-discuss [cs...@lists.css-discuss.org]
 http://www.css-discuss.org/mailman/listinfo/css-d
 List wiki/FAQ -- http://css-discuss.incutio.com/
 List policies -- http://css-discuss.org/policies.html
 Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] IE6 Class block larger

2009-02-17 Thread Martyn Merrett
Possibly something to do with the Box model bug in IE6?
You are right it does happen here too.

One warning on this page - I can see a lot of absolute positioning.
Try resizing your browser (say to 800x600) and you'll notice the
content doesn't move and you can only see half the page!

~Mx
http://www.mxdx.co.uk



2009/2/17 Christopher R majes...@thecreativesheep.ca:
 www.thecreativesheep.ca/page_error/imagepage3b.html

 I'm having a problem with an element on this page the class.myface when 
 compared in IE7/FF/etc it looks fine
 but when you view it in IE6 the class.myface block element is scaled 
 bigger, I've been trying to figure this out for a day or two
 I don't know how to fix.



 __
 css-discuss [cs...@lists.css-discuss.org]
 http://www.css-discuss.org/mailman/listinfo/css-d
 List wiki/FAQ -- http://css-discuss.incutio.com/
 List policies -- http://css-discuss.org/policies.html
 Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] IE6 Class block larger

2009-02-17 Thread Martyn Merrett
Hi Jason,

You can reply to the person and/or the list.
I prefer to copy the list in reply to all so that everyone else
knows the answer plus it'll become a common knowledge pool.

Ta,

~Mx
http://www.mxdx.co.uk



2009/2/17 Jason Newington jason.newing...@play.com:
 Hi there,

 New to the list so not sure whether I should reply to the list or to the
 person individually, would be grateful if someone could tell me :)

 Just spent a little bit of time looking at your problem and it's being
 caused by the p tag sitting inside .mayface.

 If you move the p tag outside of the .myface div then remove any
 positioning from #contactinfo p then it should work . . . haven't had
 time to thoroughly test though.

 Something like . . .

 HTML:

 div id=contactinfo
 div class=myface/div
 pSite Design and Dev by:a href=mailto:christop...@walkfar.ca;The
 Creative Sheep/a/p
 /div


 CSS:

 #contactinfo p {
font-size: small;
font-style: italic;
font-size: 70%;
width: 250px;
 }

 Hope this helps in some way.

 Jace

 __
 css-discuss [cs...@lists.css-discuss.org]
 http://www.css-discuss.org/mailman/listinfo/css-d
 List wiki/FAQ -- http://css-discuss.incutio.com/
 List policies -- http://css-discuss.org/policies.html
 Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] Review site for IE

2009-02-13 Thread Martyn Merrett
Hey Eric,

The first general point in the enter site screen.
Can you make the word Unstoppable in a fixed location on all three
slides? This IMHO would create a more powerful effect.

In IE6/XP I can confirm the nav menu does stack vertically instead of
horizontally.
My brain is not working as of yet so I can't see why this is happening! Sorry!

Aside from that the site looks the same between IE6 and FF.

Ta,

~Mx
http://www.mxdx.co.uk



2009/2/12 Eric Heitz heitzst...@yahoo.com:
 Please review the following site in IE 6.

 http://www.kucia.com/kucia/sua/

 I am able to test in Mac FF, Safari and Opera as well as Windows IE 7.
 Would like to get feedback in IE 6 environment.

 Noticed on IE 6 render site that IE 6 stacks the main nav.

 Any feedback would be great.

 Thanks,
 Eric
 __
 css-discuss [cs...@lists.css-discuss.org]
 http://www.css-discuss.org/mailman/listinfo/css-d
 List wiki/FAQ -- http://css-discuss.incutio.com/
 List policies -- http://css-discuss.org/policies.html
 Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] IE problem with menu

2009-02-05 Thread Martyn Merrett
Yep I cleared my cache and it's corrected itself. Nice website by the way (:

~Mx
http://www.mxdx.co.uk



2009/2/6 Jody Levinson j...@troutdream.com:
 Thank you both. Oddly, the code I pasted below was an exact copy/paste
 of what I was seeing on view source, but I went in later and found the
 problem you were seeing. It seems fixed now.

 Thanks again for your help.

 Jody

 On Feb 5, 2009, at 4:28 PM, Martyn Merrett wrote:

 What Kamil said is correct... this is a paste of the source:

 ul id=resourcesForList
 li
 a href=/home/resources-for/prospectivestudentsProspective
 Students/a
 /li
 li
 a href=/home/resources-for/parentsParents/a
 /li
 [snip]

 You'll notice the li is not closed.
 FF doesn't seem to mind but IE does.

 ~Mx
 http://www.mxdx.co.uk



 2009/2/6 Jody Levinson j...@troutdream.com:
 I've looked at the source and it looks closed to me:

 ul id=resourcesForList
   lia href=/home/resources-for/
 prospectivestudentsProspective
 Students/a/li
   lia href=/home/resources-for/parentsParents/a/li
   lia href=/home/resources-for/alumniAlumni amp;
 Friends/a/li
   lia href=/home/resources-for/visitorsVisitors/a/li
   lia href=/home/resources-for/
 currentstudentsCurrentStudents/
 a/li
   lia href=/home/resources-for/facultyFaculty amp;
 Staff/a/li
 /ul

 Are you seeing something different?

 On Feb 5, 2009, at 2:40 PM, Kamil Saiyed wrote:

 Try closing your li s in ul id=resourcesForList.


 Kamil Saiyed
 Rhapsody Solutions
 Application Developer
 281-668-9177


 -Original Message-
 From: css-d-boun...@lists.css-discuss.org
 [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Jody
 Levinson
 Sent: Thursday, February 05, 2009 4:12 PM
 To: CSS-D
 Subject: [css-d] IE problem with menu

 Hi all,

 On this site: http://web536.fog.plainblack.net/ the menu on the left
 works
 in FF but not IE7 or IE8.

 Other pages work fine. Just not this one.

 In IE7, I see the text [if lte IE 7]![endif] [else if lte IE 6]
 in the upper left and I'm assuming the problem lies there. I checked
 all the
 other page templates and they all have the exact same code in that
 space:

 !--[if lte IE 7]link rel=stylesheet type=text/css href=/
 styles/
 mainIe.css media=screen /![endif]-- !--[if lte IE 6]link
 rel=stylesheet type=text/css href=/styles/ mainIe6.css
 media=screen
 /![endif]--

 I even repasted the block from a working page just in case there was
 some
 stray character in there.

 Any clues?

 Thank you so much!

 Jody

 --
 TroutDream Graphics, Inc.
 Always fresh. Never canned.
 http://troutdream.com
 425-883-8277
 928-833-8277 fax

 __
 css-discuss [cs...@lists.css-discuss.org]
 http://www.css-discuss.org/mailman/listinfo/css-d
 List wiki/FAQ -- http://css-discuss.incutio.com/ List policies --
 http://css-discuss.org/policies.html
 Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

 __
 css-discuss [cs...@lists.css-discuss.org]
 http://www.css-discuss.org/mailman/listinfo/css-d
 List wiki/FAQ -- http://css-discuss.incutio.com/
 List policies -- http://css-discuss.org/policies.html
 Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

 --
 TroutDream Graphics, Inc.
 Always fresh. Never canned.
 http://troutdream.com
 425-883-8277
 928-833-8277 fax

 __
 css-discuss [cs...@lists.css-discuss.org]
 http://www.css-discuss.org/mailman/listinfo/css-d
 List wiki/FAQ -- http://css-discuss.incutio.com/
 List policies -- http://css-discuss.org/policies.html
 Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


 --
 TroutDream Graphics, Inc.
 Always fresh. Never canned.
 http://troutdream.com
 425-883-8277
 928-833-8277 fax

 __
 css-discuss [cs...@lists.css-discuss.org]
 http://www.css-discuss.org/mailman/listinfo/css-d
 List wiki/FAQ -- http://css-discuss.incutio.com/
 List policies -- http://css-discuss.org/policies.html
 Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] gettings lists to align right

2009-02-02 Thread Martyn Merrett
Cool :) Glad you got it sorted!
I thought I was going mad as I didn't see your hacks lol

~Mx
http://www.mxdx.co.uk



2009/2/2 Sandy sfeld...@sympatico.ca:

 I don't know if anyone has replied yet but this is was I've come up with
 so far.

 I've opened this in FF, IE7, and IE6 and yes it does reverse its order. As
 I've found out from Googling it would seem this is the correct method as per
 CSS spec.
 I cannot seem to find your hacks in the HTML or CSS code, only test3.css -
 where are you loading them?

 Since you are floating each li right it would logically reverse the
 order (first li goes rightmost, etc).
 I usually cheat and place the ul in a span and float that right.

 Ta,

 ~Mx


 On Jan 30, 2009 10:29pm, Sandy sfeld...@sympatico.ca wrote:
   hey all,
  
  
  
   there is a problem I hope you can help with - I am pretty much at the
  
   end of my rope.
  
  
  
   I have a page where I would like some things to line up on the right,
  
   and it's working in the browsers I've tested except for IE6 and 7.
  
  
  
   I've got it more or less looking right in 7, if you don't look too
  
   closely. To get the two lists in the menu to align right, I have an ie7
  
   specific style which reads
  
  
  
   .menu ul li {
  
   float : right;
  
   }
  
  
  
   now - this is good except that the links are now in the opposite order
  
   than I want them.
  
  
  
   http://www.caut.ca/ugfa/test/test3.html
  
   http://www.caut.ca/ugfa/test/js_css/test3.css
  
   http://www.caut.ca/ugfa/test/js_css/ie7-hacks3.css
  
   http://www.caut.ca/ugfa/test/js_css/ie6-hacks3.css
  
  
  
   thanks in advance.
  
   (also apologies if I've sent this twice - a little email trouble)

 hi Mx,

 Thanks for looking at my problem.
 Georg sent me this, and it works. I have been able to delete the hacks.

 best regards, Sandy

 from Georg:

 1: delete the mentioned IE-only styles.

 2: replace existing styles for the relevant elements with the following...

 .menu {
 clear : both;
 width : 780px;
 margin-right : 10px;
 font-size : .9em;
 font-family : arial, sans-serif;
 font-weight : normal;
 letter-spacing : .03em;
 background-color : transparent;
 padding-top: 40px;
 }

 .menu ul {
 padding : 0;
 margin : 0;
 clear : left;
 color : #5d7e25;
 text-align : right;
 list-style-type : none;
 background-color : transparent;
 text-align: right;
 }

 .menu ul li {
 display : inline;
 }

 ...and all major browsers will agree (with you) on how to render it...
 http://www.gunlaug.no/tos/alien/sandy/test_09_0131.html


 The problems with IE7 and older are related to right-floats and
 clearing bugs, so the solution is to avoid right-floats and rely on
 'text-align' instead. Even IE supports that bit of CSS pretty flawless.

 regards
Georg

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] Horizontal scrolling

2009-02-01 Thread Martyn Merrett
I've never done horizontal scrolling images before but I'm sure you've
got to put the images into a li (or something) to force them in a
horizontal order, rather than vertical as they are at the moment.

~Mx
http://www.mxdx.co.uk



2009/2/1 Ian Young i...@iyesolutions.co.uk:
 Hi Guys



 I am looking at simple gallery where you can use horizontal scrolling.



 If I use the overflow:auto, both horizontal and vertical scrolling are
 enabled.



 So how do I disable vertical scrolling so that site scrolls horizontally?

 http://venachar.org.uk/members/image-tester.php



 Cheers



 Ian



 Ian Young

 IY e-Solutions







 __
 css-discuss [cs...@lists.css-discuss.org]
 http://www.css-discuss.org/mailman/listinfo/css-d
 List wiki/FAQ -- http://css-discuss.incutio.com/
 List policies -- http://css-discuss.org/policies.html
 Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] Firefox Weirdness

2009-02-01 Thread Martyn Merrett
I've checked and it's actually Cleartype causing the issue (here on XP/FF3.0.5).
See screenshots: http://resource.mxdx.co.uk/ww/cleartype.jpg

~Mx
http://www.mxdx.co.uk



2009/2/2 Gunlaug Sørtun gunla...@c2i.net:
 Jerod Venema wrote:

 http://frozenmountain.com/team.aspx

 in FF (3), and check out the Length of Service: 9 Years, you'll
 notice that the s is slightly cut off.

 Seems to be OS related one way or another.

 FF3.0.5 on win2K - no problem.
 FF3.0.5 on winXP - is cut off.
 FF3.1b2 on Vista - is cut off.
 FF3.0.5 on Ubuntu - no problem.

 All on same resolution.

 Haven't observed such last-letter clipping in FF before.

 regards
Georg
 --
 http://www.gunlaug.no
 __
 css-discuss [cs...@lists.css-discuss.org]
 http://www.css-discuss.org/mailman/listinfo/css-d
 List wiki/FAQ -- http://css-discuss.incutio.com/
 List policies -- http://css-discuss.org/policies.html
 Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] a png not displaying!

2009-01-30 Thread Martyn Merrett
Yep found it... in the ie-fix.css you've linked to:
src='../images/Adress-top-3.png'
Yet the image is /images/Address-top-2b.png

Make that change and it should be sorted :)

~Mx
http://www.mxdx.co.uk



2009/1/30 Ian Young i...@iyesolutions.co.uk:
 Odd one here.

 http://www.dbadvertising.co.uk/dev/index-test.php



 All the pngs display in IE6 fine with exception of the address logo.



 Style sheet is at /dev/includes/ie-fix.css and /style-new.css.



 I cannot for the life of me see where the error lies.



 You guys any thoughts?



 Ian Young

 Director

 IY e-Solutions


 This e-mail contains information which is confidential and may also be
 privileged. It is for the exclusive use of the intended recipient(s). If you
 are not the intended recipient(s) please note that any form of,
 distribution, copying or use of this e-mail or the information in it is
 strictly prohibited and may be unlawful. If you have received this in error
 please inform us at the above address then delete the e-mail and destroy any
 copies of it. Thank you.
 IY e-Solutions is a trading name of IYES Ltd. Registration: SC208707







 __
 css-discuss [cs...@lists.css-discuss.org]
 http://www.css-discuss.org/mailman/listinfo/css-d
 List wiki/FAQ -- http://css-discuss.incutio.com/
 List policies -- http://css-discuss.org/policies.html
 Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] text positioning

2009-01-29 Thread Martyn Merrett
Check out http://css.maxdesign.com.au/listamatic/index.htm for useful
list/nav tips :)

~Mx
http://www.mxdx.co.uk



2009/1/30 Martyn Merrett mx.css...@googlemail.com:
 Would it not be much easier to have a single button as each links 
 background?

 i.e.

 ul
 li class=btna href=foo.phpFoo link/a/li
 li class=btna href=bar.phpBar link/a/li
 /ul

 CSS:

 .btn {
 display: block;
 width : 200px;
 height : 30px;
 margin: 5px 0px 0px 0px;
 background: url('button.png');
 }

 This way you can play around with the margins to get them spaced perfectly.

 ~Mx
 http://www.mxdx.co.uk



 2009/1/30 David McGlone da...@dmcentral.net:
 On Thursday 29 January 2009 7:22:31 pm you wrote:
 From what I guess you are trying to do is have multiple words in a
 specific layout.
 You'd need to provide individual styles for each one.

 Something like:

 div id=text
 p class=pos1Hello/pp class=pos2World!/p
 /div

 CSS:

 #text {
 font-weight: bold;
 font-family: helvetica, impact, san-serif;
 font-size: 14pt;
 }
 .pos1 {
 padding: 0px 0px 10px 5px;
 position: relative; left: 10px; bottom: 2px; top: 2px;
 }
 .pos2 {
 padding: 0px 0px 10px 5px;
 position: relative; left: 20px; bottom: 5px; top: 5px;
 }

 Maybe?

 You got the idea right. What I did was made some images of buttons and
 positioning the text on them.  look here. http://www.dmcentral.net/eweb

 If I have to make a bunch of CSS tags, I'll just move the buttons to fit the
 default, but that isn't something I want to do because I can't get the 
 buttons
 to look good if they are closer together.


 2009/1/30 David McGlone da...@dmcentral.net:
  Hi everyone.
 
  I've been doing a lot of CSS coding lately and I'm having a slight
  problem with text positioning. I cannot seem to position any of the words
  after the first word.
 
  Here's the code I'm using:
  #text {
  padding: 0px 0px 10px 5px;
  position: relative; left: 10px; bottom: 2px; top: 2px;
  font-weight: bold;
  font-family: helvetica, impact, san-serif;
  font-size: 14pt;
  }
 
  I'm thinking that even though there are more than 1 words, closing the
  tag after each word does not make it a whole new box that can be moved
  individually.
 
  Am I thinking correctly?


 --
 David M.


__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


Re: [css-d] Different looking site in different browsers?

2009-01-28 Thread Martyn Merrett
Utter quality!

~Mx

2009/1/28 Vladislav Vladimirov vladk...@gmail.com:
 Here is one of my favorites:

 http://dowebsitesneedtolookexactlythesameineverybrowser.com/

 Vladislav
 www.ovalpixels.com
 __
 css-discuss [cs...@lists.css-discuss.org]
 http://www.css-discuss.org/mailman/listinfo/css-d
 List wiki/FAQ -- http://css-discuss.incutio.com/
 List policies -- http://css-discuss.org/policies.html
 Supported by evolt.org -- http://www.evolt.org/help_support_evolt/




-- 
~Mx
http://www.mxdx.co.uk
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/