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 <[email protected]>: > Would it not be much easier to have a single "button" as each links > background? > > i.e. > > <ul> > <li class="btn"><a href="foo.php">Foo link</a></li> > <li class="btn"><a href="bar.php">Bar 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 <[email protected]>: >> 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="pos1">Hello</p><p class="pos2">World!</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 <[email protected]>: >>> > 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 [[email protected]] 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/
