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.
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]
