473,385 Members | 1,384 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,385 software developers and data experts.

ugly wrap breaks

The nav bars of my web site break at least three different ways depending on
which browser is used, and they're all ugly. I've tried adding white-space:
nowrap; to the li. It breaks better in MSIE but not in FireFox. Even then,
the text is all the way against the left border. Where did the padding go?

Sample web page (about 150 pages have this nav bar) at
http://www.TheBicyclingGuitarist.net/studies/ with CSS at /css/style.css
Any help is greatly appreciated.

--
The Bicycling Guitarist

Jul 21 '05 #1
11 2066

"The Bicycling Guitarist" <Ch***@TheBicyclingGuitarist.net> wrote in message
news:K%*****************@newssvr13.news.prodigy.co m...
nowrap; to the li. It breaks better in MSIE but not in FireFox. Even then,
the text is all the way against the left border. Where did the padding go?


the sample page shows the CSS without the white-space: nowrap. To see one
with white-space: nowrap check out
http://www.TheBicyclingGuitarist.net/studies/index2.htm

Jul 21 '05 #2
The Bicycling Guitarist wrote:
The nav bars of my web site break at least three different ways
depending on which browser is used, and they're all ugly. I've tried
adding white-space: nowrap; to the li. It breaks better in MSIE but not
in FireFox. Even then, the text is all the way against the left border.

Move the white-space:nowrap from "#menubar ul li" to either "#menubar"
or "#menubar ul". In both cases wrapping does not occur at all. This has
the effect that the menu extends past the right on narrow view windows.
If you do not like that, use multiple <ul></ul> sections within the
#menubar div. The break then occurs between the ul's when the window
narrows down.
Overall the above is not a very good solution.
The menu size has simply grown too large to display horizontally. At
least as a single line.
--
jmm dash list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)
Jul 21 '05 #3

"Jim Moe" <jm***************@sohnen-moe.com> wrote in message
news:78********************@giganews.com...
The Bicycling Guitarist wrote:
The nav bars of my web site break at least three different ways Move the white-space:nowrap from "#menubar ul li" to either "#menubar"
or "#menubar ul". In both cases wrapping does not occur at all. This has

If you do not like that, use multiple <ul></ul> sections within the
#menubar div. The break then occurs between the ul's The menu size has simply grown too large to display horizontally. At
least as a single line.

Thank you, Jim. So if I leave the nav buttons written as one horizontal
list, it won't break nicely with the borders I specify. I'd like to believe
there's some way to get this "look" AND break nicely with CSS. I will
rethink the design. There are examples out there for me to ponder. More
suggestions are always welcome of course.

--
The Bicycling Guitarist
http://www.TheBicyclingGuitarist.net/

Jul 21 '05 #4
The Bicycling Guitarist wrote:

[...] I'd like to
believe there's some way to get this "look" AND break nicely with CSS. I
will rethink the design.

After hacking at it for a while, I have a better solution. In the "ul
li" section (below) the margin spec controls the space between LI
elements. Padding controls the space within each LI. (I changed the colors
to make it easier for me to see what was happening.)
The line break occur between every LI, as you envisioned.

#menubar ul {
margin: 0;
padding: 0;
border: none;
color: #000;
list-style: none;
}

#menubar ul li {
float: left; /* This is what you really needed. */

margin: 1px; /* Space between LI's */
padding: 0.2em 1em; /* Space within LI's */

border: #f00 1px solid;
background: #ede;
}

#menubar ul li:hover {
background-color: #ffff99;
}
--
jmm dash list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)
Jul 21 '05 #5

"Jim Moe" <jm***************@sohnen-moe.com> wrote in message
news:sZ********************@giganews.com...
The Bicycling Guitarist wrote:

[...] I'd like to
believe there's some way to get this "look" AND break nicely with CSS. I
will rethink the design.

After hacking at it for a while, I have a better solution. In the "ul
li" section (below) the margin spec controls the space


Thank you Jim for a wonderful Holiday present. You've made the world a bit
more beautiful in more than one way. I'll fix things later tonight after
family time.
The Bicycling Guitarist

Jul 21 '05 #6
(and) Ye shall keep my Sabbath.
Leviticus 26: 1,2
[...else...]

Ye shall eat the flesh of your sons, and the flesh of your daughters ye shall eat.
Leviticus 26:29
Roast Child with Cornbread Stuffing

Turkey may be substituted for this classic holiday feast.
Although time consuming, this dish seems to take longer than it actually does;
as the entire house is filled with such a heavenly aroma,
the waiting becomes almost unbearable.

1 whole child, cleaned and de-headed
1 batch cornbread stuffing (see index)
½ cup melted butter

Remove the giblets from the infant and set aside.
Stuff the cavity where the child?s genitals and anus were located
using ½ cup per pound of meat.
Tie the arms flat to the body, then pull the skin flaps up to close the cavity.
Now tie the thighs up tight to hold it all together.
Place breast side up in a large metal roasting pan.
Bake in 325° oven covered for 2 hours.
Remove cover, stick a cooking thermometer deep into one of the
baby?s buttocks and cook uncovered till thermometer reads 190°,
about another hour.

Pro-Choice Po-Boy

Soft-shelled crabs serve just as well in this classic southern delicacy.
The sandwich originated in New Orleans, where an abundance of abortion clinics
thrive and hot French bread is always available.

2 cleaned fetuses, head on
2 eggs
1 tablespoon yellow mustard
1 cup seasoned flour
oil enough for deep frying
1 loaf French bread
Lettuce
tomatoes
mayonnaise, etc.

Marinate the fetuses in the egg-mustard mixture.
Dredge thoroughly in flour.
Fry at 375° until crispy golden brown.
Remove and place on paper towels.

Holiday Youngster

One can easily adapt this recipe to ham,
Jul 21 '05 #7
greens
2 white onions, 1 cup chopped celery
Vegetable oil (or hog fat)
Salt, pepper, garlic, etc.

Lightly brown onions, celery, garlic and meat in large heavy pot.
Add a little water and the greens (which should be thoroughly cleaned and washed).
Smother slowly for at least 2 hours, adding small amounts of water
when it starts to stick.
Stir frequently.
When ready - serve with rice, grilled smoked sausage, green salad, and iced tea.
Coffee and apple pie then brandy.

Maternity Ward Pot Luck Dinner

If you can?t get anything fresh from the hospital, nursery, or morgue;
you can at least get rid of all the leftovers in your refrigerator.

1 - 2 lbs. cubed meat (human flesh, chicken, turkey, beef...)
1 -2 lbs. coarsely chopped vegetables
(carrots, potatoes, turnips, cauliflower, cabbage...)
Bell pepper
onions
garlic
ginger
salt pepper, etc.
Olive oil
butter

Brown the meat and some chopped onions, peppers, and garilic in olive oil,
place in baking dish, layer with vegetables seasoning and butter.
Bake at 325° for 30 - 45 minutes.
Serve with hot dinner rolls, fruit salad and sparkling water.

Bébé Buffet 1

Show off with whole roasted children replete with apples in mouths -
and babies? heads stuffed with wild rice. Or keep it simple with a
hearty main course such as stew, lasagna, or meat loaf.

Some suggestions

Pre-mie pot pies, beef stew, leg of lamb, stuffed chicken, roast pork spiral ham,
Cranberry pineapple salad, sweet potatoes in butter, vegetable platter, tossed salad with tomato and avocado, parsley new potatoes, spinich cucumber salad, fruit salad
Bran muffins, dinner rolls, soft breadsticks, rice pilaf, croissants
Apple cake with rum sauce, frosted banana nut bread sherbet, home made brownies
Iced tea, water, beer, bloody marys, lemonade, coffee

The guests select food, beverages, silverware... everything from the buffet table.
They move to wherever they are comfortable, and
Jul 21 '05 #8
and celery (all chopped finely)
and season well.
Place in a large bowl and cool.
Add seasoned breadcrumbs and a little of the tomato gravy,
enough to make the mixture pliable.
Divide the stuffing among the cabbage leaves then roll.
Place seam down in a baking pan.
Ladle tomato gravy on top,
and bake at 325° for 30 - 45 minutes.

Umbilical Cordon Bleu

Nothing is so beautiful as the bond between mother and child,
so why not consume it?
Children or chicken breasts will work wonderfully also.

4 whole umbilical chords (or baby breasts, or chicken breasts)
4 thin slices of smoked ham, and Gruyere cheese
Flour
eggwash (milk and eggs)
seasoned bread crumbs
1 onion
minced
salt
pepper
butter
olive oil

Pound the breasts flat (parboil first if using umbilical
cords so they won?t be tough).
Place a slice of ham and cheese on each, along with some minced onion
then fold in half, trimming neatly.
Dredge in flour, eggwash, then seasoned breadcrumbs;
allow to sit for a few minutes.
Sauté in butter and olive oil until golden brown,
about 6 minutes on each side.

Shish Kababes

As old as the hills, this technique has employed seafood, beef, pork, lamb,
poultry, and vegetables; just about anything can be grilled, and young humans
are no exception!

High quality marinade (Teriyaki and garlic perhaps)
1 inch cubes of tender meat, preferably from the nursery
Onions
bell peppe
Jul 21 '05 #9
chicken stock and
allow to simmer for 20 minutes.
Add the patties or stuffed heads, and some loose crawfish,
lobster, long piglet, or what have you.
Cook on low for 15 minutes, then allow it to set for at least
15 minutes more.
Serve over steamed rice; this dish is very impressive!

Stuffed Cabbage Rolls

Babies really can be found under a cabbage leaf -
or one can arrange for ground beef to be found there instead.

8 large cabbage leaves
1 lb. lean ground newborn human filets, or ground chuck
Onions
peppers
celery
garlic
soy sauce
salt pepper, etc
Olive oil
breadcrumbs
Tomato Gravy (see index)

Boil the cabbage leaves for 2 minutes to soften.
In skillet, brown the meat in a little olive oil,
then add onions, peppers, and celery (all chopped finely)
and season well.
Place in a large bowl and cool.
Add seasoned breadcrumbs and a little of the tomato gravy,
enough to make the mixture pliable.
Divide the stuffing among the cabbage leaves then roll.
Place seam down in a baking pan.
Ladle tomato gravy on top,
and bake at 325° for 30 - 45 minutes.

Umbilical Cordon Bleu

Nothing is so beautiful as the bond between mother and child,
so why not consume it?
Children or chicken breasts will work wonderfully also.

4 whole umbilical chords (or baby breasts, or chicken breasts)
4 thin slices of smoked ham, and Gruyere cheese
Flour
eggwash (milk and eggs)
seasoned bread crumbs
1 onion
minced
salt
pepper
butter
olive oil

Pound the breasts flat (parboil first if using umbilical
cords so they won?t be tough).
Place a slice of ham and cheese on each, along with some minced onion
then fold in half, trimming neatly.
Dredge in flour, eggwash, then seasoned breadcrumbs;
allow to sit for a few minutes.
Sauté in butter and olive oil unti
Jul 21 '05 #10
seam down in a baking pan.
Ladle tomato gravy on top,
and bake at 325° for 30 - 45 minutes.

Umbilical Cordon Bleu

Nothing is so beautiful as the bond between mother and child,
so why not consume it?
Children or chicken breasts will work wonderfully also.

4 whole umbilical chords (or baby breasts, or chicken breasts)
4 thin slices of smoked ham, and Gruyere cheese
Flour
eggwash (milk and eggs)
seasoned bread crumbs
1 onion
minced
salt
pepper
butter
olive oil

Pound the breasts flat (parboil first if using umbilical
cords so they won?t be tough).
Place a slice of ham and cheese on each, along with some minced onion
then fold in half, trimming neatly.
Dredge in flour, eggwash, then seasoned breadcrumbs;
allow to sit for a few minutes.
Sauté in butter and olive oil until golden brown,
about 6 minutes on each side.

Shish Kababes

As old as the hills, this technique has employed seafood, beef, pork, lamb,
poultry, and vegetables; just about anything can be grilled, and young humans
are no exception!

High quality marinade (Teriyaki and garlic perhaps)
1 inch cubes of tender meat, preferably from the nursery
Onions
bell peppers
Wooden or metal skewers

Marinate the meat overnight.
Get the grill good and hot while placing meat, vegetables, and
fruit such as pineapples or cherries on the skewers.
Don?t be afraid to use a variety of meats.
Grill to medium rare,
serve with garlic cous-cous and sautéed asparagus.
Coffee and sherbet for desert then walnuts, cheese, and port.
Cigars for the gentlemen (and ladies if they so desire)!

Crock-Pot Crack Baby

When the quivering, hopelessly addicted crack baby succumbs to death,
get
Jul 21 '05 #11
he?s crawling.
Glaze, then arrange pineapples and secure with cloves.
Bake uncovered in 350° oven till thermometer reaches 160°.

Cajun Babies

Just like crabs or crawfish, babies are boiled alive!
You don?t need silverware, the hot spicy meat comes off in your hands.

6 live babies
1 lb. smoked sausage
4 lemons
whole garlic
2 lb. new potatoes
4 ears corn
1 box salt
crab boil

Bring 3 gallons of water to a boil.
Add sausage, salt, crab boil, lemons and garlic.
Drop potatoes in, boil for 4 minutes.
Corn is added next, boil an additional 11 minutes.
Put the live babies into the boiling water and cover.
Boil till meat comes off easily with a fork.

Oven-Baked Baby-Back Ribs

Beef ribs or pork ribs can be used in this recipe,
and that is exactly what your dinner guests will assume!
An excellent way to expose the uninitiated to this highly misunderstood
yet succulent source of protein.

2 human baby rib racks
3 cups barbecue sauce or honey glaze (see index)
Salt
black pepper
whi
Jul 21 '05 #12

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

4
by: Toronto Web Designer | last post by:
<textarea name="application" cols="50" rows="12" wrap="virtual" class="textarea"></textarea> Apparently "wrap" is deprecated or not allowed for html 4.01, any suggestions on what I should use...
5
by: The Bicycling Guitarist | last post by:
I changed the CSS style sheet and the XHTML on 149 pages. It looked fine in MSIE (famous last words) but now it doesn't work in FireFox. Why didn't the "clear: all;" work in the breadcrumb? A...
8
by: Mark D. Smith | last post by:
Hi I have googled but not found a solution to wordwrap in a textarea using firefox/netscape. is there a style sheet solution or am i stuck with not being able to force wrapping in a textarea...
2
by: mattrapoport | last post by:
Hello, I am have a div and inside of that div I have a textarea. There is nothing else in the div. The text in the textarea will come from a database so it needs to be able to wrap and grow as...
7
by: teo | last post by:
I have to validate the user input to prvent HTML injection. I use validateRequest=True and when a potentially malicious input occurs AspNet immediately sends its ugly page about the...
15
by: removeps-groups | last post by:
How to wrap text in <ptag if the text has no spaces and is very long? Here is an example: ...
13
by: Boris | last post by:
Can anyone tell me if Opera 9.5 is behaving correctly when wrapping the word C++, eg: C+ + Opera 9.2 didn't wrap C++. For those who use Opera 9.5 there is a test case at...
1
by: CFFAN | last post by:
<h3>Wrap Example</h3> <cfset inputText1="Inserts line break at the location of the first white space character (such as a space, tab, or new line) before the specified limit on a line. If a line has...
1
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...
0
by: taylorcarr | last post by:
A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: aa123db | last post by:
Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...
0
by: ryjfgjl | last post by:
If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...
0
by: ryjfgjl | last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.