Posts by Arkinder

If the user is receiving an e-mail and the activation link included works, then Joomla is working correctly. What you're wanting isn't offered as a general setting by Joomla.

Regards
Arkinder

Oops, I understood your problem but lost it somewhere along the way. ^_^ Try adding this to your .htaccess file.

ErrorDocument 404 /error404.php

If you already have this, or it doesn't solve the problem. Then your issue is with McAffee.

Regards
Arkinder

Agreed, but there is no section for CMS or blogging.

Understandable, did you try what I suggested?

Regards
Arkinder

This depends on how you're storing pollvotes . Regardless, you could store it in a variable as a string or array, then echo it to the results page.

Regards
Arkinder

This is easy enough to fix, but before going straight to the problem there are several things that can be done to make things a little easier. I'm going to try to change your markup as little as possible, and making the changes red.

Let's begin with the header section. The two images have a combined height of 180px. However, you've set the height of their container to only 115px.

#header {
    background: none repeat scroll 0 0 #4D3821;
    height: 180px;
    margin: 0;
    padding: 0;
    position: relative;
}

This will push your navigation down a bit. Don't worry, we'll fix that soon. Next we're going to move where your images are in the markup. They're displayed before your navigation, and that's the way it should be in your markup.

<div id="header">
<img width="960" height="115" src="http://i1200.photobucket.com/albums/bb328/tobeeornot/header_bg.jpg" alt="header">
<img width="960" height="65" src="http://i1200.photobucket.com/albums/bb328/tobeeornot/indentifier.jpg">
                <div id="shoppingCart"><a href=".htm" title="shop">shop</a></div>
                <div id="joinButton"><a href="mailto:contact@bliss.com" title="join">join</a></div>
                <div id="mainNav">
                    <ul>
                        <li><a href="index.htm">about us</a></li>
                        <li><a href="products.htm">products</a></li>
                        <li><a href="order.htm">custom order</a></li>
                        <li><a href="contact.htm">contact us</a></li>
                        <li><a href="recipe.htm">recipe</a></li>
                    </ul>
                </div><!-- end #mainNav -->
 </div><!-- end #header -->

Now it will look exactly like it did before you moved the images. It just makes a little more sense to anyone reading the markup. Now let's move your navigation back up with the top property.

#mainNav {
    background-color: #8DADAF;
    bottom: -30px;
    height: 30px;
    top: 115px;
    left: 230px;
    position: absolute;
    text-align: center;
    width: 590px;
}

Now we can remove <h3>&nbsp;</h3> from your mainContent section, and decrease its height to …

Give each set of links a class and then use CSS.

For basic links/Body links as you called them

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris  nisi ut aliquip ex ea commodo consequat. <a href="http://URL/">link in text</a>  Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

The CSS

a {
    color: color;
}

For links in your div tab

<a class="divTab" href="http://URL/">Link 1</a>
<a class="divTab" href="http://URL/">Link 2</a>
<a class="divTab" href="httpL//URL/">Link 3</a>

The CSS

a.divTab {
    color: color;
}

If you don't understand just let me know.

Regards
Arkinder

Regardless, this has nothing to do with HTML or CSS.

It's a problem with both. Try renaming .htaccess to .htaccess.old and retry the McAfee verification. If that works then follow the verification process at the end. And rename your .htaccess.old file back to .htaccess

Regards
Arkinder

I've never used Joomla, and this really isn't a question about HTML or CSS.

• Are your users even receiving the activation e-mail?
• Is there a restart that Joomla needs to do? Is there a restart that you need to do?
• Are there any delays between settings changes?
• Is there a setting where you activate accounts that you need to change to allow automatic activation?
• Does Joomla offer tech support or FAQs?

Regards
Arkinder

Try stripping it down and seeing if it works with this.

Regards
Arkinder

Since IE is the most used browser on the market, I really don't have a choice. I don't support IE6 at all, and I don't support any version in my personal sites. You're probably wondering how my customers contact me, see my work, etc. I'm an 18 year old freelance designer in a small town. So there really isn't a need for a website since they know me already, and have heard about or currently use something I've done.

I always test in modern browsers (Firefox, Safari, Chrome, Opera) first with valid code. After, I test in IE. It's not really an issue as much as it's an annoyance. All of IE's bug are know and so are the fixes.

Regards
Arkinder

This is not an HTML or CSS question. Please make a post in the PHP forum.

Regards
Arkinder

Please post the complete markup or a link to a test page, otherwise we're left to stab in the dark for problems.

The <u> and <b> tags are deprecated and shouldn't be used. Also, the style tag and CSS belongs in your head section.

Try decreasing the height value of 'Partners.'

Regards
Arkinder

Hi newbie14,

Because of where you have placed the h6 in your HTML, and from your relatively positioned image.

Regards
Arkinder

No problem. I don't actually own IE - haven't for years. The problem is that it's treating .caption as a block-level element rather than an inline-block. If I'm not mistaken this is due to something only the IE7 browser has. Try this:

.caption {display:inline-block; width: 400px; zoom: 1; *display: inline;}

Other browsers should just ignore the properties. Unfortunately it isn't valid CSS because these properties only exist in IE7 - go figure.

Regards
Arkinder

You would need a server-side language like PHP for this. You shouldn't use iFrames for anything, ever.

Regards
Arkinder

HTML is only the structure of a web page. CSS is what styles it. It is kind of like HTML is the architect and CSS is the interior designer. To make a modern web page you will need both.

Start here.

If you need any help feel free to post here.

Regards
Arkinder

only css adds space (or inline styling)

Browsers add their own margin and padding, or whitespace, by default. To set this to 0 for all elements use a universal rule.

* {
    margin: 0;
    padding: 0;
}

His problem was that the float property overrides the display property. Removing them causes everything to fall into place because there are now three inline elements (images are inline by default).

Regards
Arkinder

I'm entirely too confused by this thread.

To fix your original issue here...

Remove these:

style="margin: 0; padding 0;"

And just add this to your CSS:

* {margin: 0; padding: 0;}

Remove the float: left; from:

<div class="image"style="float:left;display:inline">

Change the value of top to -9.

.image h6 {
    color: #FFFFFF;
    left: 0;
    position: absolute;
    top: -9px;
    width: 100%;
}

Regards
Arkinder

I don't know a lot about Perl, but PHP can definitely do it, and this is not the right forum to ask this question in - Perl. Yes, your friend is correct.

Regards
Arkinder

This forum isn't for free markup, scripts, or code.

You will need a server-side language such as PHP to retrieve the images from a file on your server. Unless of course it is hosted somewhere else. jQuery is a JavaScript library, and it is capable of doing what you want. Google is an incredibly quaint, but still effective tool.

Here is an example of what you are trying to achieve. Click on the button in the top-right corner for the source code.

Regards
Arkinder

If you were turning this into me I would fail you.

In 1996, a man named David Siegel had a great idea - to use tables to position elements. This would allow him to simply plug in his content and position things wherever he wanted. While this idea worked, it meshed structure and presentation into one. Making code an endless mess. Imagine trying to dig through hundreds of lines of tables just to edit something. David regretted his own idea only a year later.

Unfortunately, we've been paying for it ever since. I cannot stress to you enough how important it is to only use tables for tabular data. What you currently have belongs in a form. Because that is exactly what it is.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>

	<head>
		<title></title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	</head>
	
	<body>
	
	<h3>Personal Information</h3>
	
	<form method="get" action="">
	<div>
	
	<label for="name">Name</label><br>
	<input type="text" id="name" name="name" size="50" onclick="document.forms[0].name.value = '';"><br><br>
	<label for="e_mail">E-mail</label><br>
	<input type="text" id="e_mail" name="e_mail" size="50" onclick="document.forms[0].e_mail.value = '';"><br><br>
	
	<h4>Are you 18 years of age or older?</h4>
	<input type="radio" name="preferences">Yes
	<input type="radio" name="preferences">No
	
	<h4>Positions interested in:</h4>
	<select name="available" size="7" onchange="moveOver();">
		<option>Server</option>
		<option>Host</option>
		<option>Food Runner</option>
		<option>Line Cook</option>
		<option>Manager</option>
		<option>Busser</option>
		<option>Event Coordinator</option>
	</select>
	
	<h4>Your Choices:</h4>
	<select name="choiceBox" size="7">
		<option></option>
	</select><br><br>
	
	<input type="button" value="Remove" onclick="removeMe();">
	
	</div>
	</form>
	
	</body>
	
</html>

As faroukmuhammad said, select requires option tags. If you post your JavaScript then I'm sure that I can help you find a work around.

Some things to keep in mind.

Hi Myles,

You're using tables for layout - don't. Half of your code is deprecated.

<link rel="stylesheet" href="http://www.baylor.edu/content/services/document.php/144220.css" type="text/css" media="screen" />

This belongs in your head tags. Also, you aren't parsing any XML data so use an HTML doctype.

Your link is broken. Since you are already using a background color you would have to have another element that only appears once the content has exceeded the image. HTML and CSS cannot do this. However, JavaScript, possibly jQuery, and PHP can.

Oh, and

<br If you want to insert more text, .../>

Should be done with a comment.

<!-- If you want to insert more text, ... -->
<br /> IF!
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br /> IF!
<br /> IF!
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br /> IF!

Regards
Arkinder

Use the vertical-align property while displaying the caption inline-block .

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>

	<head>
		<title></title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<style type="text/css">
		
		#captionedImages {list-style-type: none;}
		.section {width: 1100px; padding: 50px; border-bottom: 1px solid #000;}
		.randomImages {vertical-align: middle; margin-right: 100px;}
		.caption {display:inline-block; width: 400px;}
		
		</style>
	</head>
	
	<body>
	
	<ul id="captionedImages">
		<li class="section"><img class="randomImages" alt="" src="http://wa-learning.org.uk/images-test.png"><p class="caption">Image one - text on <br> two lines, vertically centered</p></li>
		<li class="section"><img class="randomImages" alt="" src="http://images2.layoutsparks.com/1/146751/grey-matter-random-lines.gif"><p class="caption">Image two - <br> again on two lines</p></li>
		<li class="section"><img class="randomImages" alt="" src="http://rahonavis.w.interii.pl/random_crit_3_sketch.jpg"><p class="caption">Image three - one line</p></li>
		<li class="section"><img class="randomImages" alt="" src="http://www.soccercityusa.com/yabbfiles25/Attachments/random_shots_2_RE_Random_Animals_Contest-s597x576-12657.jpg"><p class="caption">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p></li>
	</ul>
	
	</body>
	
</html>

Keep in mind that this was roughly done and everything has a fixed value, but you should be able to get the idea. Let me know if you have any questions.

Regards
Arkinder

The script w3schools offers is limited to image file types only. Add the flash file type and it should work.

if ((($_FILES["file"]["type"] == "image/gif")
|| ($_FILES["file"]["type"] == "image/jpeg")
|| ($_FILES["file"]["type"] == "image/pjpeg")
|| ($_FILES["file"]["type"] == "application/x-shockwave-flash"))
&& ($_FILES["file"]["size"] < 20000))

Regards
Arkinder

No worries,

The biggest problem with using lists would be limited functionality. Take a look at these forums for example. How would you even begin to replicate it using lists, while maintaining a consistent look throughout all browsers - plus validation.

As you mentioned before nesting divisions would create an issue too. Although, it's significantly easier for a screen reader to read divisions compared to tables.

One possible solution, and one that requires less work in my opinion. Would be creating the layout in an image editor such as Photoshop, and then slicing it. This would reduce the amount of elements needed to create the layout, which means less elements for the screen reader to dig through. I have no idea what applications you have at your disposal or how familiar you are with them.

Unfortunately that is the most creative solution I can offer right now. If you provide correct headers and unique IDs for important divisions then it really shouldn't be too much of an issue for a screen reader.

Regards
Arkinder

I'm actually on a trip in Europe right now, so there I don't have time to take a look at it. But if no one replies in the next 4 days just send me a message, and I should be able to help you. :)

Regards
Arkinder

It seems that the template is just calling the element a slope. JavaScript is most likely being used, but I couldn't tell you for sure without actually seeing the page.

Regards
Arkinder

I'm at school right now, so I don't have access to Tumblr. However, you could make your own theme or try inserting the tags you need with JavaScript.

Regards
Arkinder

I'm a little confused as to what you're talking about. Are you saying that there is a section of text, and that when you click it more appears?

HTML is simply the structure of a page. JavaScript, or JavaScript libraries like jQuery, is used to make pages dynamic - user interaction.

Regards
Arkinder

You've changed your CSS a bit since I messed with it last. I don't have time to go through each element and how the browser is rendering them (and what order). So I don't really know exactly what's causing the problem - unless almostbob has any ideas?. Just center the div that's containing it.

#content {
    height: 591px;
    width: 97.5em;
    margin: 0 auto;
}

Oh, and you have cc_menu for the id and class. The ID attribute is used for unique/specific elements, so having both defeats the purpose.

Regards
Arkinder

I inserted margin: 0px auto; into your page and it worked fine in the browsers I listed previously. Could you post your markup and style sheet where you tried to center it with margin: 0/0px auto; Regards
Arkinder

Please be more specific. What is it exactly that isn't being arranged the same? Also, almost all of your code is deprecated, and I strongly suggest using more modern techniques (CSS).

Regards
Arkinder

Most, if not all, of the attributes you're using are deprecated. To accomplish what you want you will need CSS, and I recommend brushing up on your HTML too. Here are are few places to help you with that:

https://developer.mozilla.org/en-US/docs
http://code.google.com/edu/submissions/html-css-javascript/
http://dev.opera.com/articles/view/1-introduction-to-the-web-standards-cur/#toc
http://www.w3.org/wiki/HTML
http://htmldog.com/

Regards
Arkinder

You mentioned that margin: 0px auto; doesn't work? I've tested it in Firefox, Chrome, Safari, Opera, and IE8 - it works fine.

Regards
Arkinder

Given a top-padding is not a good solution because .picture_box_home will remain in .navigation_menu ul

.navigation_menu ul has a height of 0. An element can't be inside of something that "isn't" there. The floating li are still pushing the box down 140px (50px from height, 70px from margin).

Regardless margin should be used in this case. So ansaripk's suggestion is the better one. ^_^

Regards
Arkinder

Well first off 50px isn't enough to move it. Have a look at the box model. Margin is outside of the element. So basically the amount of margin has to be the same as the space between the element and the element above it. On the first page you posted, try changing margin: 0 auto; to margin: 20em auto; . Take a look at the image I attached. The blue from the top of your image is margin. Now if you're thinking that this seems a little ridiculous for just adding space - it is. Go back to your original CSS for the box. However this time, add padding-top: 50px; .

.picture_box_home {
    clear: both;
    background-color: red;
    width: 800px;
    min-height: 540px;
    margin: 0px auto;
    padding-top: 50px;
}

You'll be able to see the results and difference for yourself.

A few notes:

The margin in the image below is going all the way up to your banner, but it's skipping over your navigation. This is one example of how using the float property removes an element from the normal flow of the page.

While I didn't include it in my previous post, which was an error on my part. Always include the unit for a value. margin: 0px auto; instead of margin: 0 auto; Regards
Arkinder

Hi elneco,

Your getting a 404 error. This means that the page idk.html doesn't exist/isn't on the server. When you go to http://elneco.biz/ It's actually taking you to http://elneco.biz/index.html. The page that you're getting is set by your hosting service.

Regards
Arkinder

margin: 0 auto; is just saying:

margin-top: 0;
margin:-bottom: 0;
margin-left: auto;
margin-right: auto;

The browser takes the remaining space on the page and evenly distributes it to the left and right margins - centering the element. margin: 0 auto; is preferred over margin: auto; to keep the top and bottom margins at their default value of 0.

Regards
Arkinder

Please post a link to your page and/or the CSS that's affecting your layout.

Regards
Arkinder

"Good" is a matter of preference. Ultimately it's up to what you find easiest to use or the most effective. Color coordinated code with spacing is much easier to read and can save a lot of time when scanning for errors, but sometimes that can all just get in the way. Play with a few different text editors and see which works best for you.

Regards
Arkinder

To start you clearly need to become more familiar with CSS. Not only what it is but how to use it. Mozilla, Google, and Opera all offer online tutorials.

Mozilla
Google
Opera

As well as the W3C, and HTML Dog is also worth checking out.

For inspiration/ideas for styling your forum - just Google. Look at other forums and see what they've done. There is a Website Review section here where you could ask for aesthetic ideas. Try replicating some of the things you like on your own. If your attempts fail, feel free to post here. This forum is crawling with members that are willing to help. However, we are not here to do the work for you. We are not getting paid, and we're doing this on our own time. So please try to keep that in mind when posting, and it wouldn't hurt to have a look at this either. ^_^

Regards
Arkinder

The heights of the text in biker_bio and biker_bio2 are exceeding the height their containers. Try changing the font-size in each CSS rule to 13px.

Regards
Arkinder

Hi Violet_82,

Giving an element the float property will remove it from the normal flow of the page. In Chrome the text is being moved up because you have two floating elements - the top navigation and the horizontal rule. Remove the float property from your horizontal rule selector. Changing the margin-top from 0.35 to 2.65 should replicate the margin you had while floating the element.

Regards
Arkinder

There's quite a bit of confusion as to what XHTML is for and when you should use it. XHTML is a more strict HTML, but it is by no means a new version of HTML - they are in fact used for different things.

XHTML is used to serve XML data. XML is not HTML, and unless you are using XML in your document an HTML doctype should be used.

Have a look at this for more information on which doctype should be used.

Regards
Arkinder

HTML is only the structure of a web page. CSS is used to style the structure. A layout, is simply HTML elements being styled by CSS.

Some places to check out:

HTML Dog - For HTML and CSS

Google Code University - For HTML, CSS, and some JavaScript

Mozilla's Doc Center - For HTML, CSS, and JavaScript

Any questions? Feel free to post here in the forums.

Regards
Arkinder

It doesn't seem to be possible, and frankly it shouldn't be. It doesn't really make sense to take away the users default way of closing the browser.

Regards
Arkinder

Post your code or a link to a test page.

Regards
Arkinder

No problem, and you're welcome.

That's definitely a possibility. If you're running Mac OSX, you do realize that there are currently no viruses that can affect it in the wild (surfing the web). Unless you are downloading questionable applications and giving them your password, then you really don't have anything to worry about.

Regards, Arkinder

Because a div is a block-level element, where as a hr is an inline-element.

Regards, Arkinder