Posts by Arkinder

You can't with CSS alone. Look into JavaScript or jQuery (a JavaScript library).

Regards, Arkinder

Your code is deprecated, and your method is outdated. NO ONE should use this.

Regards, Arkinder

Why bother having an extra division to create a scroll bar? In your division with the id container , change overflow: hidden; to overflow: scroll; Then you won't need an extra division to create a scrollbar.

Regards, Arkinder

I'm going to quote a mentor of mine for this,

"IE9, when it's released next year, will be 2-3 years behind ALL other browsers TODAY and then it won't be updated for at least 3 years after that while all other browsers will have incremental updates several times each year. Microsoft loves to conveniently show what they support while ignoring what they don't." - Doc

Regards, Arkinder

Post your code or link to a test site.

Regards, Arkinder

IE6 does not support the png format.

Regards, Arkinder

I believe that she meant

<input type="submit" value="Search" style="background-image: url('URL of image');">

Regards, Arkinder

Have a look at this post.

Regards, Arkinder

You're left and right frames both have the z-index property. The content division does not, which would place it beneath those frames. By the way, the problem doesn't occur on Mac's Firefox.

To fix Chrome simply give your content division a height (around 62% should do it). It should fix things up in Safari and Opera too.

Regards, Arkinder

Before you guys slug it out, just realise that you're posting to a dead thread. Last word before resurrection: 18-06-10. If you just want to bump your post count, carry on.

I really should start checking the dates on these. Thanks ^_^

Regards, Arkinder

It depends on the content of the page, but try using a percentage instead of pixels.

Regards, Arkinder

The only web development resource you'll ever need.

http://www.w3schools.com

1. That's far from true.
2. This has already been posted in this thread how many times now?
3. It's a resource that gives minimal explinations.
4. w3.org ever heard of it?

Regards, Arkinder

If you remove the a then the styles listed will no longer effect that element. <!-- this is an html comment that does nothing to the code -->

<div id="nav-menu"> <!-- just #nav-menu will affect this -->
    <ul>
        <li><a href="#">Link</a></li><!-- what you currently have will affect this -->
        <li><a href="#">Link</a></li><!-- it's an anchor tag (a) in side of a list tag (li) -->
    </ul>
</div>

So removing the a from your code will cause the styles to affect the list tag, because you will only have #nav-menu li . If you just had #nav-menu it would only affect the div with the id nav-menu.

So if you have,

#nav-menu {
    background-color: blue;
}

It will make the background color of the div with the id nav-menu blue.

If you have,

#nav-menu li {
    background-color: red;
}

Any list tag inside of the div with the id nav-menu will have a red background color.

Regards, Arkinder

There are two options. You can center the entire form or just the elements inside of it.

Option 1~

<div id="wrapper">
<h2 class="extra">Submit <span>Application</span></h2>
 
<form action="upload.php" method="post" enctype="multipart/form-data">
 
<input type="file"  name="ufile" />
<input type="submit" value="Upload" />
 
</form>
</div>

#wrapper {
    text-align: center;
}

This will center all of the elements inside of the form.

Option 2~

<div id="wrapper">
<h2 class="extra">Submit <span>Application</span></h2>

<form action="upload.php" method="post" enctype="multipart/form-data">

<input type="file"  name="ufile" />
<input type="submit" value="Upload" />

</form>
</div>

#wrapper {
    margin: 0 auto;
    width: 350px;
    border: 1px solid #000;
}

This will center the div. The width is required for margin: 0 auto; to work.

Regards, Arkinder

Have a look a this for an explanation. Start with, What is a rule or "rule set"

It's selecting an anchor element, that's inside of a list element, that's inside of an element with the id nav-menu ; and it's applying the styles between { and } to it.

Regards, Arkinder

The best way to learn something is to do it. Nothing beats experience. First you have to know enough to be able to do it. Read books, look at online resources, read through threads in forums, and most importantly - try to code things on your own. Regardless of how simple it is.

At some point you will learn about the doctype. Here is a quick explanation as to what it is.

"The doctype is required for all modern web pages. It is the set of rules you are telling the browser you are using to create the page. Change the doctype, change the rules." - Doc

So which do you use, and should you be using HTML or XHTML. The only difference is that XHTML has a stricter markup (syntax or simply put, the code used), and that is it used to parse (handle) XML data. Since you're just starting out I'm positive you won't be using XML (another language like HTML - they are not similar). So you need to use the HTML 4.0 Strict doctype. As I said before you will run into this very quickly in web design, and which one you use is very important.

Now I know this is all a lot to take in. To be perfectly honest it should be. Half the things you should be taught from the beginning you won't learn until a few years later (assuming you continue learning/applying). Now a lot of …

Look at this post.

Regards, Arkinder

This forum is using Vbulletin, and the logout screen is simply being styled. Creating this screen requires very basic PHP.

As for "the box". It's even more basic HTML and CSS.

Regards, Arkinder

ok first sign up with a good webhosting provider.
Two excellent free ones are 000webhost.com and byethost.org (i think its .org , it might be something else)

then set up your ftp program with the details they provide
make sure your ftp program is set to automatically choose between binary and ASCII for uploading the files.
Make a folder on the hosting and upload all the things you need in to it.
Open the site and try to load it before you embed it.

Tell me how it goes on. If you manage to load it from the website, you will be able to embed it.

If you view the attached files you will see that this will not work.

Regards, Arkinder

This has NOTHING to do with the HTML and CSS forum. We have no control over Yahoo's servers. This is an Internet, browser, or OS related problem.

Reset your browsers.

Check your Internet connection

Regards, Arkinder

I'm glad I could help

Hi atticusr5,

No, this is not possible by default and I don't know of any software that can. However, you can always create non-administrator accounts for the other members and turn on parental controls. From there you can set logs to record what they're doing/have done, restrict what they have access to, and even restrict which applications they can run.

Regards, Arkinder

Are you using an image and only want those sections to repeat, or have you tried coding this? Please provide any code you have tried or a link to a test page in addition to Borzoi's request.

Regards, Arkinder

The flash player is embeded with JavaScript, along with all its relative files. I'm sorry but it's really a waste of time to even try.

Regards, Arkinder

Try moving/copying your stylesheet into a folder names styles in your document root. So in theory you should be able to access the file via http://yoursite.com/styles/nameOfCSS.css If that doesn't work, then it's most likely a server issue.

Regards, Death

if all else fails just create a table and style your td's accordingly.

this will be the easiest solution i think :D

Easy, no. Functional, no. Outdated technique from 1996, yes.

Regards, Arkinder

There are quite a few that can do it, but try the JavaScript forum.

Regards, Arkinder

This cannot be done with HTML or CSS alone. You will need a scripting language.

Regards, Arkinder

The file size and load time would basically be the same, so it shouldn't really matter. Of course there is always the option of putting the code for those specific pages in manually, but that has potential to get in the way.

PHP functions for changing the included output based on the page, address, click, etc. is still an option, but that seems like a waste of server time.

Regards, Arkinder

I agree, and http://site.com/videos is far more user friendly.

Why not store the photos for each system in an array, and use a function to check which page the user is on, then display the picture accordingly?

Regards, Arkinder

Let me make sure that I'm understanding what you're wanting. You have a flash object of some form that needs individual file paths from your blog to run, but you don't want to have to change the file paths every time you add new images or whatever?

Regards, Arkinder

Please post your code or a link to a test page.

Regards, Arkinder

Why don't we all start bringing up three year old threads that have already been answered, and post inadequate replies that don't work.

It is called a universal rule in CSS. Let's say you have,

* {
    padding: 0;
    margin: 0;
}

Now every HTML element on the page will have a padding and margin of 0, and is often used to reset the default padding and margin created by the browser. This can be used with other CSS stylings too.

Regards, Arkinder

You should never use tables for layout, this is not the year 1996. All of your markup is deprecated.

Have a look at CSS.

Regards, Arkinder

Thank you captain obvious?

Have a look at this, and this.

Regards, Arkinder

No, the iframe is displaying another web page. Unless you have access to that page, in which case you would have to make the page fit within the iframe - the iframe has a width and height of 500px, then the actual page itself has to be within 500px.

Regards, Arkinder

Have a look at the background-attachment property.

Regards, Arkinder

Give your wrapper division a set height.

Regards, Arkinder

Where else is the content supposed to go? Make your content smaller to fit within whatever container you have.

Regards, Arkinder

As I posted in your other thread,

[thanks]
{
    float:right;
    margin-right:10px;
}

Has the float property. This removes it from the normal flow of the page, so the containing divisions (newsbg) is not stretching down to cover it. You can either remove the float, or give newsbg a set height.

Regards, Arkinder

Ah, sorry I didn't notice this before. You're floating it to the right. When giving an element the float property you're removing it from the normal flow of the page.

You can either not give it the float property, or you can give the newsbg division a set height.

Regards, Arkinder

They're most likely using the pseudo-class active, and changing it for each page.

a:active {
/*code for loaded page*/
}

This is changed for each link as a different page is loaded, causing the corresponding link to the page you're on to be active. I don't think that there is pure HTML/CSS solution for what you're wanting.

Regards, Arkinder

You should never use tables for layout. It was a method thought up in 1996 when there were no better ways to accomplish design - as you can see it's not very effective. There is a better way now, CSS.

Regards, Arkinder

Yes, let's all use text editors that code for IE. A browser that is 12 years behind web standards, and that will never do anything right. Neither are by any means, better.

Never use IE as a test browser. Always use a modern browser such as Firefox, Safari, Opera, or Chrome to code your pages. Then go back to see how badly IE has screwed it up. All of the bugs in IE are known, as well as the fixes.

Regards, Arkinder

The paragraph (thanks) would have to inside of the division with the background color.

<div class="news">
    <div class="newsbg">
        <h1 newstitle="test title">Test Title </h1>
        <h4 news="test News">Test News Test News Test News Test News Test News Test News Test News </h4>
        <p thanks="Signature">Thanks, 99rock99</p>
    </div>
</div>

Yes, have a look at this.

Regards, Arkinder

Okay several things,

warning, thanks, newstitle, and news are not valid HTML attributes. They don't exist, and do nothing in your code.

The center tag is deprecated. To center your navigation add this to your CSS.

.menu {
    margin: 0 auto;
}

It's not appearing because you don't have the code there. One is the file opened from your computer, while the other is from a web page.

Regards, Arkinder

“If it works in IE but not Firefox then your markup is wrong. Never, ever use IE as a reference for how things should work. Inept at best, it is 12 years behind all others in modern standards and practices. Never, ever trust IE to do anything right.” - Doc

Regards, Arkinder

Check to make sure your using the correct path for the file. First let's check your code. Try this for the background image, if it loads then it's most likely the file path.

http://www.google.com/images/logos/ps_logo2.png

Regards, Arkinder