Worked like a champ except I had to drop the menu and use
ul li a {text-decoration: none; }
Thanks much..
Bruce
On Jun 21, 1:31 pm, Brandtley McMinn <[email protected]> wrote:
> If you want to remove the text underline, you have to declare the
> elements specificity. fancy word for targeting a specific element.
>
> In this case, your link elements in your <ul> navigation. So simply
> add this line to your style sheet like this:
>
> .menu ul li a { text-decoration: none; }
>
> Specificty reads from right to left, so this targets ALL of your <a>
> elements within each <li> in your <ul> block located within your .menu
> class element.
>
> peace,
> Brandtley
>
> On Jun 21, 10:51 am, bruce <[email protected]> wrote:
>
> > On Jun 21, 4:29 am, "Kevin A. Cameron" <[email protected]>
> > wrote:
>
> > > Here's my approach.
>
> > > - remove all the align='center' (that's not really the best way to do
> > > center
> > > something
> > > - for div class='head', add "margin: 0 auto;" to the style
> > > - for div class='title', add "text-align:center;" to the style
> > > - remove the <br>
> > > - for div class='menu', add "text-align:center;" to the style
> > > - remove "float:left;" from the ul, li style
> > > - add "display:inline;" to the li style.
> > > - may want to add specific widths to the buttons or adjust the padding for
> > > the unhover state to account for the wider bold text.
>
> > See my comments to Brandtley. They cover your suggestions also. Thanks
> > for the help.
>
> > I'm going to try to convert the middle section from tables to CSS
> > "AGAIN". I'm sure I'll be back. Also, I'm going to apply your
> > suggestions to the bottom section and see if I can get that correct.
>
> > The navigation is exactly as I wanted it, EXCEPT I can't seem to get
> > rid of the underline in the links. I tried "text-decoration: none"
> > Don't know what else to try.
>
> > Thanks again for your help. I'm sure I'll be back again..
>
> > Bruce
>
> > > Kevin
>
> > > On Sun, Jun 20, 2010 at 10:18 PM, Brandtley McMinn
> > > <[email protected]>wrote:
>
> > > > Hey Bruce,
>
> > > > Playing around with your CSS in firebug, I think your best bet for
> > > > centering your navigation text would be to modify your existing "ul,
> > > > li" styling to this.
>
> > > > ul, li {
> > > > display:inline;
> > > > list-style:none outside none;
> > > > margin:0;
> > > > padding:0;
> > > > text-align:center;
> > > > }
>
> > > > Ss for styling the rest of your field inputs... my advice is to not
> > > > use a table. Mostly because CSS can do what I believe you're trying to
> > > > accomplish.
>
> > > > My suggestion for accomplishing this would be to get someone involved
> > > > in the actual HTML output source code and work out the styling for
> > > > you.
>
> > > > hope this helps,
> > > > Brandtley
>
> > > > On Jun 20, 8:20 pm, bruce <[email protected]> wrote:
> > > > > Here is link to a prototype of my problem.
> > > >http://books.julseth.net/Books.php
>
> > > > > The navigation and the add author sections (top and bottom) are done
> > > > > with all CSS. The add books section (Middle) is done with a table.
>
> > > > > I would like the navigation section to be centered of the block.
>
> > > > > If it makes sense, I would like to convert the Add Books (middle)
> > > > > converted to a table. Note: there is a missing combo box under select
> > > > > authors. This combo box is generated dynamically using AJAX from my
> > > > > database. This generation works on my localhost but I need to make
> > > > > some changes to make it work on my server.
>
> > > > > In the author section, I would like the input text boxes and labels be
> > > > > centered and the Add Author button to be centered under the input
> > > > > boxes.
>
> > > > > Your suggestions will be greatly appreciated...
>
> > > > > Thanks....
>
> > > > > Bruce
>
> > > > > On Jun 14, 1:18 pm, "Kevin A. Cameron" <[email protected]>
> > > > > wrote:
>
> > > > > > I am uncertain as to what you are hoping to achieve, but me thinks
> > > > > > it
> > > > ought
> > > > > > be possible with the mighty CSS. Provide an image of your end goal
> > > > > > (or
> > > > a
> > > > > > link to a functioning version) and perhaps I will be able to
> > > > > > provide a
> > > > tidy
> > > > > > solution.
>
> > > > > > Kevin
>
> > > > > > On Sat, Jun 12, 2010 at 4:06 PM, Craig Quiter
> > > > > > <[email protected]
> > > > >wrote:
>
> > > > > > > This is typically called a watermark. I've usually done it in
> > > > JavaScript
> > > > > > > via something like this:
>
> > > > > > >http://code.google.com/p/jquery-watermark/
>
> > > > > > > On Fri, Jun 11, 2010 at 6:28 PM, bruce <[email protected]>
> > > > wrote:
>
> > > > > > >> I'm a newbie to CSS and not sure how to something.
>
> > > > > > >> I have 3 text input name fields, First, Middle, Last. I want
> > > > > > >> labels
> > > > of
> > > > > > >> First, Middle, Last to over the top of each field. I have been
> > > > trying
> > > > > > >> to do this with CSS with nojoy!! Does it make since for me to
> > > > > > >> just
> > > > > > >> use a table and not try to do it with CSS?
>
> > > > > > >> Thanks for the help....
>
> > > > > > >> --
> > > > > > >> --
> > > > > > >> You received this because you are subscribed to the "Design the
> > > > > > >> Web
> > > > with
> > > > > > >> CSS" at Google groups.
> > > > > > >> To post: [email protected]
> > > > > > >> To unsubscribe: [email protected]
>
> > > > > > > --
> > > > > > > --
> > > > > > > You received this because you are subscribed to the "Design the
> > > > > > > Web
> > > > with
> > > > > > > CSS" at Google groups.
> > > > > > > To post: [email protected]
> > > > > > > To unsubscribe: [email protected]
>
> > > > --
> > > > --
> > > > You received this because you are subscribed to the "Design the Web with
> > > > CSS" at Google groups.
> > > > To post: [email protected]
> > > > To unsubscribe: [email protected]
--
--
You received this because you are subscribed to the "Design the Web with CSS"
at Google groups.
To post: [email protected]
To unsubscribe: [email protected]
