Posts by MidiMagic

ok So when you set the padding for the menu items you used ie. So now you need to set them so they work perfectly in firefox. Then use

.menu_item { padding: 5px; *padding: 7px;}

IE is the only browser that will read the selector after the asterisk. This means you can change this padding until it fits for IE.

This is a kludge. You can't count on any undocumented "feature" like this (actually a violation of standards). Software changes in either IE or in some other browser will cause it to fail. It also should not validate.

Despite what Midimagic says, you won't be able to set that up with percentages.

Why not? I do it all the time. The only time it won't work is if you mix nonzero surrounding styles with width styles.

Note that the left padding of the ol and ul tags is NOT zero. So to properly set width of these tags, you must nest them inside div tags, and apply the width to the div.

Good luck!

What kinds of microphones work with soundcards? I have some old microphones, and wonder if they can be used. They are not microphones intended for computer use, but for handheld cassette recorders.

If the swf file is a moving image, you have to repeat the process for each frame in the movie.

Please look into the attachment

The file won't open.

No remote user can look at your network drives. You must upload the file to the network server, and give the file public read permission.

Remember that all of these are dependent on what the user has installed on his computer. You can't force the user to download a player he doesn't want.

I will not let QuickTime on my computer, because it is greedy. Whenever it upgrades, it steals all of the default player settings and redirects them to QuickTime.

Moving images will move to the top, covering other content, unless you specifically tell them not to.

If the boundary is NOT a border or the edge of a content box, but is just a visible edge of the top layer, it is generated in the human eye. To make that go away, the pixel colors at the edges of the top layer must match the pixel colors of the bottom layer where it meets the top layer.

The main thing to remember is that it looks at TEXT content in the html in your web page file. It can't see stuff in css files, scripts, dynamic content, image files, database files or auxillary files. And it ignores meta tags.

The order the websites are listed is determined by two factors:

1. The completeness of the match to the search parameters

2. The number of times the site has matched previous searches (tie breaker)

Remember that your ISP must allow robots to search its contents for your site to be searchable with search engines.

One other thing: If the name of the site contains non-alphanumeric characters (such as a hyphen or an asterisk), the search engine can not find it.

The real tools are xhtml and css. Everything else just comes up with approximations of what you want, and tries to write code in these two languages. The code is not always good.

Even Microsoft Word can make web pages. But the code is horrible.

Actually... there is a trend to large background images now. Layouts like this are starting to become popular... You just have to make sure that your content won't lie directly on top of it (as in this example).

There are a couple of computer dictionary terms for pages like that one:

- Angry fruit salad

- Angry fruit cocktail

Each website domain normally appears at most twice in a single Google listing. It might appear more times if many other websites have links to different pages on it, or if there are mirror sites.

"Cool" is subjective. What is "cool" to one person is "yuuukkk" to another.

The problem is twofold:

1. Your line is too long for the browser window, so it wraps.

Use percentages for widths, instead of pixels.

2. You have the IE Incompatibility designed into your site.

The W3C standard places the width and height styles of the box object INSIDE the margin, border, and padding. IE does not obey the standard, and puts the width and height styles OUTSIDE those surrounding styles. Since you set the width of each menu item, they became wider in Firefox, due to the surrounding styles enlarging them.

The secret is to always use zero surrounding styles when you set a width or a height. Nest another tag if you need surrounding styles, so you can force the nesting order of the width and the surrounding styles.

I just made an image with mspaint and used it as the button image.

Rounded corners increase download time and space.

Only #3 applies and if you intend for your employees to do their jobs Flash is very necessary so they might just want to make one little exception

I'm not telling you what I think a business should do. I am telling what I am encountering in the real world.

1. It is not essential software, and the company would have to pay for its use in a business setting.

Many small businesses do not have the budgets to pay for lots of software. Remember that business use of software is often charged for, while consumer use is not.

2. All software must be tested and approved by the IT department for security purposes before it will be allowed on the computers. The IT department has a 3-year backlog of requests.

This is a common LEGAL LIABILITY problem at a college, brought on by the liabilities incurred if a cracker takes over a college-owned computer and uses it to invade other computers. I was there when this happened at a well-known university. All of the computers on one network were infected.

3. The software might be used to tie up internet bandwidth or waste employee time (flash definitely qualifies here).

This is a common problem everywhere, especially when a large number of computers shares a network connection.

4. The software does not meet the standards for a government security clearance.

This is the same as the college problem, except that the software …

Size parameters set in pixels don't make cross-browser compatibility problems. They create problems when different screen resolutions are used.

There is no p1 tag in html. One browser had a nonstandard extension that used it. My advice is DON'T!

I still have no idea what you are doing, or what you are trying to do.

What does "here only" mean?

What do you mean by "mingled"?

Actually... there is a trend to large background images now. Layouts like this are starting to become popular... You just have to make sure that your content won't lie directly on top of it (as in this example).

Aaack! Sensory overload! Must hit back button, and then block site!

I am just sick of rounded corners. They are getting very stale. Why not triangles or hexagons?

The people who do not have flash yet are the ones who work for universities or companies that have a policy of not allowing any software on their systems with one or more of the following detributes:

1. It is not essential software, and the company would have to pay for its use in a business setting.

2. All software must be tested and approved by the IT department for security purposes before it will be allowed on the computers. The IT department has a 3-year backlog of requests.

3. The software might be used to tie up internet bandwidth or waste employee time (flash definitely qualifies here).

4. The software does not meet the standards for a government security clearance.

5. The IT department decided to standardize on competing software.

What application are you using???? What exactly are you trying to do??

Don't design for a size. Design to percentages. No overall background image (hard to see text on top of it anyway). Never use pixel counts for sizes.

It sounds like you are trying to upload html to a location that wants something else.

You have html (deprecated html at that) in the styles.

You have something that can't change size in the header. On mouseover also can cause size troubles.

You defined things in pixels. Those can't change size.

Use the method in poist #4 for horizontal centering.

Negative values in styles are not standard, and don't always work.

There is no reliable way to center content vertically on a page that works on all browsers, screen resolutions, and window sizes. Stop trying to do that. Just put a top margin on the content, and let the bottom fall where it will.

Never use pixel sizes to define anything. Use points for text, and percent for object sizes.

I add one more:

Stop with the rounded corners already! They waste computer and download time, and remind me of the 1950s skating rinks.

One page could then contain a link to the other, in a place where it is seen immediately.

Actually, I don't wrote for mobile devices, because I wish that every one of them would be crushed by bulldozers. People should not have access to such devices while behind the wheel, and those devices are the reason we are losing analog TV.

My variations on your 19 Things NOT To Do When Building a Website

1. DO NOT resize the user’s browser window, EVER. (I agree. It's a cheap substitute for designing for variable sizes, and can mess up someone's settings needed for other purposes.)

2. If your website requires the visitor to load your home page, and then “launch” your real website in a pop up, YOU LOSE. (Anything in a popup never gets to my browser. I swat them like flies!)

3. If your website asks the user which version they’d like, high bandwidth or low, HTML or Flash, you ALSO LOSE. (You also lose if you don't ask, because the user who can't use either the highest resolution you use, or the scripts to make the choice, can't see it at all. Load the low res page, and provide a link to the high res one.)

4. If your website is ALL Flash, FIRE your web development company. (Many people can't download the player due to college or employer restrictions. And animation is extremely annoying, unless it teaches something.)

5. DO …

I see some of the strangest icons that people think I will know what they mean (or even that they are icons):

- A man 's head on the menu bar
- A globe that looks like it is on roller skates
- A white cross on a red background
- A green hand holding up a building
- Two A s and an X overlapped
- An envelope with a lightning bolt on it
- A smiley face that is spinning
- A picture of a rocket ship from the 1950s
- A finger pointing at a document
- A necktie with a "no" circle on it
- A picture of a clown
- A lighthouse
- A squeeze bulb horn
- A duck in a raincoat

You have size styles (width, height) and nonzero surrounding styles (margin, border, padding) in the same style, or applied to the same tag. This guarantees IE/FF incompatibilities.

It also does not help to define sizes in pixels. Use points or percents.

I agree. It took three minutes for the whole thing to load on DSL.

Put in multiple pages, with links to each one from the main page.

Just make a page with two text links on it:

View on mobile phone

View on full size computer

Use a stylesheet to select the images.

Easy in Word - it's a built in style. Hard in xhtml, but doable.

You will have to use a different style for the odd rows and the even rows:

- The odd rows have dark top borders and light bottom borders.
- The even rows have dark bottom borders and light top borders.
- All rows have dark left borders, and no right borders.

Make a .class for each kind, and put the class= in the td tags, according to whether they are in odd or even rows.

You need to design for all resolutions, instead of assuming a specific screen size. Many senior citizens have lower resolutions (e.g. 800 X 600) so they can see the text easier.

I have several tips on making a compatible screen:

1. Don't cram too much on the page.

2. Never use absolute positioning or size.

3. No images larger than 600 X 450 pixels (unless you want people to scroll).

4. Don't piece images together from smaller parts (this falls apart with low resolutions).

5. Use alignments to provide a pleasing display (I tend to place text on the left, images on the right, so the text left-justifies).

6. Design the layout so it can expand and contract.

7. Never place text on top of an image. Many people can't read text with a pattern under it.

8. Use real links, not dropdown menus or clickable parts of images.

9. No moving content, unless you are using motion to teach something. It is VERY annoying to everyone except the page designer (the ad to the right of the page as I am composing is distracting me to the point that it is taking longer to compose this).

10. Test your low-resolution "look" by reducing the size of the browser window. Also check with multiple browsers.

This kind of equal column display works with table, but not with div. Table will automatically make the columns the same height. Div won't do this, because each div has absolutely no logical link to the div next to it.

All of the methods used to try to make divs stay the same height are kludges. The "best" kludge is to read the heights of the two containers with JavaScript, and then have the code adjust the shorter one.

You have the following choices:

1. Use tables. The div is not yet perfected enough to do this.

2. Use kudges to make the columns the same height. This usually means making both columns longer than necessary

3. Don't use distinctive backgrounds or borders to show the edges of the columns. Then it won't matter.

Try this sample code. Then try it again after removing the references to the first four styles (the colors). It doesn't work if the colors show, but it works if the backgrounds are all the same. It also acts up if you remove the titles, or if you use code that introduces incompatibilities between Internet Explorer and Firefox (see below).

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Your title here</title>

<style type="text/css">
.bmag {background-color: #ff88ff;}
.byel {background-color: #ffff88;}
.bcyn {background-color: #88ffff;}
.bvio {background-color: #cc88ff;}

.bitty {font-size: 14pt;}
.nbor {border: none;}

.nocol {width: 100%; padding: 0; border: none; margin: 0;} …

hello my friends
i designed an container with div tag but it is not good displayed in corner left and right.please see my container and help me.

container for download and help:[ATTACH]8618[/ATTACH]

I could help if it weren't a zip file.

Hi guys,
Noticed this problem with the User Interface for Sending private messages. I am kind of finding it difficult to describe so just attached the snapshot. Only problem is the UI looks a little messed up apart from that nothing else.

And I am also guessing this problem also might be faced by me only because of my (OpenSuse 11 & Firefox 3.0.1 on x86_64 on 1024x768 resolution ) combination.

Actually, this is what Firefox does when confronted with the IT WON'T FIT scenario. When the content won't fit in the allotted space, FF overlaps things. Except divs, or course. FF moves divs wherever it wants to.

If it is against their TOS, why do they have links to a downloader on their page?

You can hide an image until a js programmed time to display it. But this often causes rendering problems if you choose to not render it until the time you want it to show.

Hovering action also causes trouble for dyslexics. It is not an accessible technology. Cute, but very disorienting for people with sensory disorders.

Yes sir,
Gif and also animated gif. What size to be initialized before starting up. That is image size, canvas size etc?

This is the size of the finished image you want. If you want a 2" by 2" image, then initialize it for that size.

More on col tags:

The definitions for html and xhtml are different.

- The html standard says that col is an empty tag, and has no closing tag. HTML 4.0 Strict code will not validate with </col> tags in it.

- The xhtml standard says that col is a tag pair. But the W3C XHTML 1.0 Strict validator accepts both the tag pair and the self closing version.

- IE and FF accept both kinds of col tag with either doctype. I don't have the facilities to test them with other browsers.

I don't understand exactly what you are trying to do.

What you presented is an example of the typical form of a web page, not code that works.

Note that the embed tag is deprecated.

Note that Firefox considers 0 followed by a unit of measure (such as 0px or 0%) to be invalid, and throws away the entire style containing it. I see quite a few of those.

is that a system variable?

That doesn't work on all browsers, because different browsers interpret the height of the body as a container differently. Some use the height of the content, others use the height of the window, and still others ignore a height attribute entirely when the container is the body.

The btable style won't even be the same in IE and FF. FF will render it 2 pixels larger in all directions than IE will.

But other sites I use do not work without plugins.