Posts by Arkinder

Arkinder 93 Posting Pro in Training

13 Years Ago

Re: Website not working in IE

They look the same in my FF5 and IE8. What specifically is throwing the design off? W3schools is a horrible reference site. Also, make sure to validate your HTML and CSS.

Regards
Arkinder

Arkinder 93 Posting Pro in Training

13 Years Ago

Re: Website not working in IE

All of IE's bug are known, as well as the fixes. So it's not really a big deal. Which versions of IE aren't displaying correctly?

Regards
Arkinder

Re: Need basic help CSS webpage

Arkinder 93 Posting Pro in Training

13 Years Ago

Let's take this one step at a time. Have you tried to create this layout with CSS? If so, what couldn't you get to work?

Regards
Arkinder

Arkinder 93 Posting Pro in Training

13 Years Ago

Re: CSS center image

Oh,

Remove this:

img.bg {
  left: 50%;
  margin-left: -512px;
}

And change min-width: 1024px; to 101em. I suggest using the em unit for min-height too.

img.bg {
  min-height: 74em;
  min-width: 101em;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0pt;
  left: 0pt;
}

Regards
Arkinder

Re: Navigation Bar and Content problem

Arkinder 93 Posting Pro in Training

13 Years Ago

He means use em or % for everything. Keep in mind that the actual value outputted by the em unit is based on font size.

An example for the % unit.

div#container {
    border-color: white white -moz-use-text-color;
    border-style: solid solid none;
    border-width: 10px 10px 0;
    margin-left: auto;
    margin-right: auto;
    overflow: auto;
    width: 69%; /* Instead of the 800px you were using */
}

Regards
Arkinder

AngelicOne commented: very helpful +3

Arkinder 93 Posting Pro in Training

13 Years Ago

Re: !DOCTYPE, what is it?

To add to what almostbob has said.

The doctype is the set of rules you are telling the browser you are using to create the page. Change the doctype, change the rules. - doc

Regards
Arkinder

Arkinder 93 Posting Pro in Training

13 Years Ago

Re: CSS vs CSS 2 vs CSS3

They are simply the different versions of CSS. Currently CSS2 is the latest officially released version of CSS, and is what should be generally used. CSS3 is the newest version of CSS, but is still being made. Some properties from CSS3 are supported but very few.

No, you would use the .css file extension for all of them.

Regards
Arkinder

Re: Navigation Bar and Content problem

Arkinder 93 Posting Pro in Training

13 Years Ago

Re: Image on Image

First you need use a strict doctype. Using anything but on any new page is just lazy. Also, if you aren't parsing XML data, then you shouldn't be using XHTML syntax. To center the boxes you need to use margin: 0 auto; and make sure that both elements have a set width. You're using margin the wrong way.

<!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">
     
	    @charset "utf-8";
	    /* CSS Document */
				
            * { margin: 0; padding: 0;}
	    #Container 
            {
	        background-color: #000;
	        background-image: url('../Layers/Container.jpg');
                width: 1024px;
	        height: 768px;
	        margin: 0 auto;
	        padding-top: 24%;
	        background-repeat: no-repeat;
	    }

	    #MiniContainer 
            {
	        background-color: green;
		background-image: url('../Layers/MiniContainer.jpg');
		background-repeat: no-repeat;
		width: 85%;
	        height: 59%;
	        margin: 0 auto;
	    }
	 
         </style>
     </head>
     
     <body>
     <div id="Container">

     <div id="MiniContainer">
         <img alt="" src="../Layers/MiniContainer.jpg">
     </div>

     </div>
     </body>
     
</html>

Regards
Arkinder

UI / UX Design image web-design

Arkinder 93 Posting Pro in Training

13 Years Ago

What browser are you having this problem in?

Regards
Arkinder

Re: rounder corners in IE with css

Arkinder 93 Posting Pro in Training

13 Years Ago

Unless you're asking a different question, this provides exactly how to create rounded corners in IE, and was the second link listed by Google.

Regards
Arkinder

Re: rounder corners in IE with css

Arkinder 93 Posting Pro in Training

13 Years Ago

Have fun.

Regards
Arkinder

jjustin3 commented: +rep for humor +0

Arkinder 93 Posting Pro in Training

13 Years Ago

Re: CSS slow/unresposive

Start with validating your page. Then stop using tables for layout and deprecated attributes.

Regards
Arkinder

Arkinder 93 Posting Pro in Training

13 Years Ago

Re: Ewww a table thread

and it looks like shit when you ask for assistance

It's a table with non-tabular data. I would be worried if it looked like anything else. ^_^

Arkinder 93 Posting Pro in Training

13 Years Ago

Re: CSS center image

Remove width: 100%; from this CSS rule.

div#navigation {
    height: 350px;
    position: absolute;
    text-align: center;
    width: 100%;
}

Regards
Arkinder

Re: Table Position Way Off In FF

Arkinder 93 Posting Pro in Training

13 Years Ago

Re: html 5 video tag

JavaScript. Save yourself the trouble and just use this.

Regards
Arkinder

UI / UX Design html-css video web-design

TheNNS commented: thanks, worked pefectly +9

Arkinder 93 Posting Pro in Training

13 Years Ago

Re: html 5 video tag

Not with HTML5 alone at this time.

Regards
Arkinder

UI / UX Design html-css video web-design

Arkinder 93 Posting Pro in Training

13 Years Ago

You should never use tables for layout. It is an outdated technique from 1996. The problem is from margin: 0; in this CSS rule.

ul#menu {
    background: url("../img/menu-bg.gif") repeat-x scroll left top #FFFFFF;
    font-family: "Lucida Grande",Verdana,sans-serif;
    font-size: 0.8em;
    font-weight: bold;
    height: 43px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

This is because the form isn't being pushed far enough down. You can either remove the margin: 0; and allow FF to set it automatically. Or you can use margin-bottom: 8px; Regards
Arkinder

UI / UX Design display html-css web-browser web-design

Arkinder 93 Posting Pro in Training

13 Years Ago

Re: Css code not working

Please keep in mind that Firefox, and any other browser, should be used for testing before IE. Firefox is only displaying what you've told it to. Make sure that you include a doctype, otherwise you're playing around in quirks mode.

Regards
Arkinder

Arkinder 93 Posting Pro in Training

13 Years Ago

Re: Ewww a table thread

I really hope that whomever is employing you for this is paying you exceptionally well. I've never heard of a client that asks for deprecated techniques from 1996.

Regards
Arkinder

Re: A very simple survey - please fill

Arkinder 93 Posting Pro in Training

13 Years Ago

Neither. HTML5 is still really new, and you'll never get support from Internet Explorer. If your page isn't parsing XML data then you shouldn't use XHTML. HTML 4.01 is still the latest fully released version of HTML, and is what you should be using. Please keep in mind that XHTML is NOT HTML.

Regards
Arkinder

Arkinder 93 Posting Pro in Training

13 Years Ago

Awesome, and I was asking because I'm going into college as a freshman BSc Computer Science major this Fall, and wasn't sure if I would have to reference anything like what was mentioned in the about section of the site. If you run into anymore issues, or have a question about anything, just let us know.

Regards
Arkinder

Re: problem with css & page alignment

Arkinder 93 Posting Pro in Training

13 Years Ago

I would still need the complete CSS. Have you tried using Firebug, or Google Chrome, to inspect the elements and see what the box model is doing?

Regards
Arkinder

Re: Joomla Accounts Not Activating Automatically

Arkinder 93 Posting Pro in Training

13 Years Ago

That's interesting. With the setting set to no are your users being validated? I'm sure the update will fix something. It just shouldn't be that difficult to activate users.

Web Development php

Arkinder 93 Posting Pro in Training

13 Years Ago

Re: and

Thanks, sometimes everyone needs a hit in the head, even me

No problem. ^_^ The same definitely goes for me.

Arkinder 93 Posting Pro in Training

13 Years Ago

Re: and

Since when is stating facts impolite? Would smiley faces and rainbow stickers make my posts better? It's never my intention to come across as rude or impolite (with the exception of that one time with almostbob ^_^). I simply make my points and leave. Text is very open to interpretation, and it's really out of my control if someone takes what I said the wrong way.

Regards
Arkinder

Arkinder 93 Posting Pro in Training

13 Years Ago

Using that validator, I couldn't find any website, except for w3c.org, that doesn't hold errors!!
I tried using Daniweb, Google, Youtube, and Facebook... All of those were executed with errors!! No comment!

Ironically, the W3C makes HTML and CSS. It's funny that they would know what they're talking about, huh? A lot of web sites don't validate because they are using the wrong doctype, deprecated markup, or because of IE fixes. However, if you're testing in modern browsers first, then your code should be valid. It's not difficult. People are just lazy and then wonder why their sites aren't doing what they want them to.

You clearly have no idea what you're talking about, or you would know why each site is returning those errors from the validation service. You honestly think a website like Facebook is a credible place for, well, anything. http://mozilla.com/ validates with only two errors that have absolutely nothing to do with what's actually happening with the page. It's still a perfectly valid document.

@loveforfire33
I apologize for this. On the original topic: I wasn't very clear. Simply remove 2px from the top margin, bottom margin, or 1px from the top and bottom margins. EDIT: Each browser adds its own margin and padding by default. So it can differ from browser to browser. If you use a universal rule to reset this, then it's usually not an issue.

* {
    margin: 0;
    padding: 0;
}

This will …

Re: Hidden links showing on screen

Paaat commented: Please don't be so offensive!!! -1

Arkinder 93 Posting Pro in Training

13 Years Ago

Never, ever, use any version of Internet Explorer as a test browser. It is 8+ years behind web standards, and this is exactly what happens when you do. You're also using tables for layout, which is an outdated technique from 1996. Firefox, Safari, and Chrome are only displaying what you told them too.

The first thing you need to do is put a real doctype in your page.

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

You have a lot of deprecated markup and attributes. After adding it validate your HTML and CSS. Once those are fixed, view the page in Firefox and post back here.

Regards
Arkinder

Re: Ineed automatic page generator if possible

Arkinder 93 Posting Pro in Training

13 Years Ago

You're welcome. I suggest using PHP with a MySQL database. Asking your question in the PHP forum would be a better idea.

Regards
Arkinder

Re: Elements pushed out of the viewport.

Arkinder 93 Posting Pro in Training

13 Years Ago

You would have to provide all of the CSS and then I would have to put it all together. So without a link this all I can really offer.

Does the container have a set width?
Check the margin and padding to see if it may be pushing things around.
Is this only happening in IE? If so, which versions?
Have you tried other overflow values?

Regards
Arkinder

Arkinder 93 Posting Pro in Training

13 Years Ago

Re: and

we must practise to do it in correct format. Better you use <img />. Though it will not change layout, if you do not add space and slash.

This is incorrect. XHTML is NOT HTML. If it was, then XHTML would be called HTML5. If your page is not parsing XML data then the XHTML doctype should not be used.   is valid HTML,   is valid XHTML, while   and   are valid HTML5.

Regards
Arkinder

Hani1991 commented: Impolite way of correcting other people -1

Ezzaral commented: Doesn't sound impolite to me. +15

Pro2000 commented: Arkinder is apparently trying to help not more!! +3

jingda commented: Arkinder is trying to help, there is nothing impolite about this post +10

Arkinder 93 Posting Pro in Training

13 Years Ago

label {
    color: #FFFFFF;
    display: block;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    margin: 2px 4px 6px; /* <----- the problem */
    text-align: right;
    width: 200px;
}

The height added by the margin is pushing the elements to the right.

You should fix these. Also, if you're not parsing XML data you should be using an HTML doctype instead of an XHTML doctype. Also, using a transitional doctype on any new site is simple lazy. You also have a few errors in your CSS.

If you don't mind my asking, what kind of Computer Science Major was Scott? Sorry if that question is vague.

Regards
Arkinder

Re: Problems aligning text with image

Arkinder 93 Posting Pro in Training

13 Years Ago

Alright, I was asking because testing in a smaller window like the one provided is a bad idea. It messes with how the page can look in an actual browser.

Anytime, if there's ever something that you don't understand - feel free to ask.

Regards
Arkinder

Re: Ineed automatic page generator if possible

Arkinder 93 Posting Pro in Training

13 Years Ago

25.Please can someone tell me: in Dreamweaver using AP Elements to create columns and move it to ones choice is too easy and simple than that of div but div still remain the dominated option for creating columns, I want to know ,is there any disadvantage in sing AP Element ?

Yes, absolutely positioning an element removes it from the normal flow of the page. This isn't a bad thing but typically designers encounter errors and it doesn't look consistent cross-browser. A lot of designers forget, or simply don't know, the order the browser displays content in. It also makes it difficult for screen readers to effectively find and read your site's content.

Most layouts involving columns are much easier to do with divisions. It's also far more simple for anyone else that's reading your markup and CSS. They are both valid techniques, both have their downsides, and both have a place where they should and shouldn't be used. A lot of newer designers only use one method for positioning elements, which is entirely misguided. You should use both.

26.Please I need help, I have a website and hundreds of movies in my site, how can I make these movies to open in a different tab as it`s own page to show its information each time the visitor click on a movie, (but having the same stylesheet interface to that of my index stylesheet)

This can be done with several languages. HTML and CSS are not part of …

Arkinder 93 Posting Pro in Training

13 Years Ago

Re: CSS center image

You're positioning some of these elements the wrong way. To get it to center you will have to fix that. I'll make the changes red.
First we need to remove the margin-top from navigation .

div#navigation {
    z-index: 1;
}

And place it in the body rule.

body {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    margin-top: 450px;
}

Alright, I'm going to just use one of these as an example, but you need to change them all.

div#accessories {
    float: left;
    margin-left: 470px;
    margin-top: -290px;
    position: absolute;
}

Needs to be:

div#accessories {
    float: left;
    left: 470px;
    top: -290px;
    position: absolute;
}

When using position: absolute; You can use the top and left properties to move elements on a page. This move them around a little. Add 8 pixels to the left for each element. So the above rule would be.

div#accessories {
    float: left;
    left: 478px;
    top: -290px;
    position: absolute;
}

This will shove a few things to the top of the page. Don't worry, it's supposed to happen.

div#navigation {
    position: relative; /* This will move the images back down and is what allows the properties below to work */
    width: 1135px; /* A set width is needed. Unfortunately this number is just what works for my screen. You could also use 94em. */
    margin: 0 auto; /* This is what's actually centering the images */
    z-index: 1;
}

Regards
Arkinder

Re: Problems aligning text with image

Arkinder 93 Posting Pro in Training

13 Years Ago

First off, I just want to mention that your header is a little off. You'll see what I mean here. What TerryJuneJr suggested will work fine. You just need to make a few changes so you can actually do it.

Place the text in a division on its own.

<div id="mainContent"> 
<div id="intro">   
    <h2>BLISS NO.5</h2><!--The clear property specifies which sides of an element where other floating elements are not allowed.-->
    <h1>A New Dimension in Good Taste</h1>
    <div id="sideImage"><img height="223" width="355" alt="cup" src="http://i1200.photobucket.com/albums/bb328/tobeeornot/cup_tin.png"></div><!--make sure png image is set upon a transparent canvas in Fireworks (modify/canvas/canvas color/transparent-->
    <p>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 aboris 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>
</div>
<!-- end #mainContent --></div>

And then move sideImage outside of that.

<div id="mainContent"> 

<div id="intro">   
    <h2>BLISS NO.5</h2><!--The clear property specifies which sides of an element where other floating elements are not allowed.-->
    <h1>A New Dimension in Good Taste</h1>
    <p>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 aboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor …

Arkinder 93 Posting Pro in Training

13 Years Ago

The form isn't on the link that you provided. If the layout is broken in Firefox then your friend is using bad practices when designing. Firefox is the official browser of the W3C, and should always be the initial test browser.

There are several things wrong with the markup, but if you can get the form on the active site, or a test site, then I can give you a better solution.

Regards
Arkinder

Re: Elements pushed out of the viewport.

Arkinder 93 Posting Pro in Training

13 Years Ago

Isn't there a way to tell this element it should have 100% width or height - px of the fixed element?

Not with HTML or CSS alone. I'm sure the fix you're looking for is easy enough. If you have a link to a test page that would be great.

Regards
Arkinder

Arkinder 93 Posting Pro in Training

13 Years Ago

Re: Acces denied error no:1045

This belongs in the PHP forums.

Regards
Arkinder

Re: problem with css & page alignment

Arkinder 93 Posting Pro in Training

13 Years Ago

Please post a link to this page, and I'll be more than happy to help. Also, are you wanting the layout centered or on the left of the page?

Regards
Arkinder

Re: Div width not obeying css style

Arkinder 93 Posting Pro in Training

13 Years Ago

To Gerbiler : it is right to use DOCTYPE, it make your code clean.

HTML is not code, it is a markup. A doctype is used to tell the browser how to interpret the HTML and how it interacts with CSS. Without one the browser will go into quirks mode.

do you recommend any particular tutorial/book/method of learning it?

leakbali and I used the same techinique but in different ways. The markup you're using is a little messy in my opinion, but you'll see that both solutions yield the same result. I recommend learning from places that are a little more credible. htmldog, Mozilla, Google.

Regards
Arkinder

Re: Joomla Accounts Not Activating Automatically

Arkinder 93 Posting Pro in Training

13 Years Ago

Any idea why one setting or another would prevent activation e-mails from going out but allows all other e-mails to be sent?

Security. You, the admin, are being notified that a user needs activation and can manually activate the user. It's allowing you to screen each person before giving him or her access to your site. Joomla! just seems to have a not so user friendly interface.

Regards
Arkinder

Web Development php

Arkinder 93 Posting Pro in Training

13 Years Ago

Re: What is the most accessible way to create forum layout?

No problem. What are the requirements for state verification? Good luck, and let me know how it goes. I'm only 18 and about to leave for college for in a month - BSc Computer Science Major. This is one of the few things I don't have a lot of experience with so it's kind of interesting.

Regards
Arkinder

Arkinder 93 Posting Pro in Training

13 Years Ago

Re: Metallic background

Option one. Option two.

If you choose option two, make sure it actually says that you can use it.

Regards
Arkinder

Re: Div width not obeying css style

Arkinder 93 Posting Pro in Training

13 Years Ago

That's one browser. Good luck getting Firefox, Safari, Chrome, Opera, and IE7/IE8 to display consistently with malformed CSS. By the way, a doctype helps determine how CSS is used.

Here is a cleaned version of your markup with the number on the right. Please let me know if I did something that doesn't make sense to you.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Header Template</title>
<style type="text/css">
	div#header {
		border-style: solid;
		border-width: 2px 0px 2px 0px;
		border-color: #999;
		padding-top: 3px;
		padding-bottom: 1px;
		width: 100%;
	}
	div#header p {
		font-family: "Times New Roman", Times, serif;
		font-size: 20px;
		letter-spacing: 4px;
		display: inline;
		width: 100%;
	}
	
	.black {
		color: #000;
	}
	.grey {
		color: #999;
	}
	div#header p.big {
		font-size: 26px;
		padding: 0;
		letter-spacing: 0px;
	}
	
	div#telephone {
		float: right;
	}
	div#telephone p {
		font-size: 15px;
	}
</style>
</head>
<body>
<div id="header">
	<p class="black big">T</p>
	<p class="black">HE </p>
	<p class="black big">N</p>
	<p class="black">AME </p>
	<p class="grey">| BOB JONES</p>
	<div id="telephone">
		<p class="grey">| </p>
		<p>1855-ANUMBER</p>
	</div>
</div>
</body>
</html>

Regards
Arkinder

Re: WordPress Incorrect HTTP Reponse When Page Not Found

Arkinder 93 Posting Pro in Training

13 Years Ago

Awesome, so you just changed this line from 301 to 404?

RewriteRule ^(.*)$ "http\:\/\/freewomensblogs\.com\/" [R=301,L]

The reason I said that it would be an issue with McAffee is there was a glitch in 2010 with this same issue.

Regards
Arkinder

Web Development php wordpress

Arkinder 93 Posting Pro in Training

13 Years Ago

Re: Joomla Accounts Not Activating Automatically

Alright, so here are few things you can try. In the Global Config > Server > Mail Settings . Make sure that the "Mail From" address is not the default "you@yourdomain.com"

If that doesn't work, try changing Global Configuration < Server < Mail Settings < Mailer to Sendmail .

And another possible solution. Global Configuration < Server < Mail Settings < Mailer to SMTP using SSL , and remove any non a-z characters out of the From Name box.

These are just things that I've been able to find that other users used to fix that problem. As I said before, I've never used Joomla!. I hope that it helps regardless.

Regards
Arkinder

Web Development php

vectro commented: Thanks again +2

Arkinder 93 Posting Pro in Training

13 Years Ago

Re: XHTML same headers, navigation, footers for other pages

If I'm understanding you correctly, which I sort of doubt that I am. You would include the header, navigation, footer in each page. Keep in mind that if you aren't parsing XML data that you shouldn't even be using XHTML. It is NOT HTML, or the replacement for HTML.

Regards
Arkinder

Re: Div width not obeying css style

Arkinder 93 Posting Pro in Training

13 Years Ago

First you need a doctype. No browser will work correctly without one.

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

It's not taking up the full width because you're using display: inline; Inline only allows the element to use the width and height that it is actually taking up, while block allows the element to use all of its width and height in addition to whatever margin or padding it may have.

Also, validate your CSS. You need to have a unit with the value of font-size and letter-spacing .

Regards
Arkinder

Arkinder 93 Posting Pro in Training

13 Years Ago

Re: Problems with a link.

how to hyperlink a text and make spaces between it ?
like i want to to under line "daniweb.com" and want to show it in center of my page.
Thanks in advance

Please do not hijack threads. If you have a question make another post. Here's an example. If you still can't figure it out, make another post and we'll be more than happy to help you.

<!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">
                
                #centeredLink { margin: 0 auto;}

            </style>
        </head>
     
        <body>

            <div id="centeredLink">
                <a href="http://URL/">daniweb.com</a>
            </div>

        </body>
     
    </html>

Regards
Arkinder