...

View Full Version : Crooked vs Straight



rickycen
08-20-2005, 04:37 AM
Hi all, to start I have been working on a web page for a week now. Fairly new at this stuff. Here's the issue:
I finally got the first page done with everything I wanted. I got it up and running. However, even though it looked straight and lined up on my computer, it was crooked on eberybody elses? When I went to our website on mine, good, on anybody elses, the gif's, mail links, etc were not the same?
Does anybody know why?

Thanks Rick

Ranger56
08-20-2005, 04:49 AM
Did you use absolute positioning?

rickycen
08-20-2005, 05:36 AM
Fairly new, never even read or heard about absolute positioning?

I'll check it out, thanks!!

Rick

harbingerOTV
08-20-2005, 06:12 AM
could you possibly give a link to the the page?

Without actually seeing whats going on your probally only going to get vague incomplete answers.

rickycen
08-20-2005, 06:32 AM
I wasn't sure if that was aloowed here?

www.dbhclan.org

I threw the script on a different html editor, and it is now crooked when I view it. However, it appears straight from other computers?

Thanks Rick

P.S. - I looked up the absolute positioning, and so far have not found any great sites about it. The site I have been using:

http://www.w3schools.com/html/default.asp

had not mentioned anything about it.

I need to go to bed, I keep fall ing asleep on my desk.

P.P.S - I did copy them off the browser. I have both of them yet.

Ranger56
08-20-2005, 06:33 AM
I wasn't sure if that was aloowed here?

www.dbhclan.org

I threw the script on a different html editor, and it is now crooked when I view it. However, it appears straight from other computers?

Thanks Rick

P.S. - I looked up the absolute positioning, and so far have not found any great sites about it. The site I have been using:

http://www.w3schools.com/html/default.asp

had not mentioned anything about it.

I need to go to bed, I keep fall ing asleep on my desk.




Absolute position is bad, and i dont see what your talking about with the crooked

rickycen
08-20-2005, 06:40 AM
before I go to bed. I will reload it, the way it looked normal on my computer.

rick

rickycen
08-20-2005, 06:46 AM
I loaded the original page back in, which looks perfect on my computer.

Rick

rickycen
08-20-2005, 02:33 PM
no replies, so I have changed it back so it looks normal to others....


Rick

bazz
08-20-2005, 04:10 PM
Hi,

Take a look at this w3schools link. From it you'll more easily find out about css which is the code that shall determine the appearance/layout of your page.

link here (http://www.w3schools.com/css/default.asp)

It looks like you are ready to learn symantic coding; a phrase you'll see a lot of if you hang around here. Bacisally it means separating style from html code. This means that your source code will show pretty much the same as your actual web page and that the style and positioning will be controlled from an external text (css) file by tags in the source code, such as <div> etc. It makes for easier updates to your web design and simpler de-bugging too.

example of a basic html page:

Don't forget to read the sticky at the top of this forum for advice on a correct Doctype. It's vital if you want to tell the browser how to present your page.

Also, make sure you like tyo your stylesheet with a link in the head of your doc. depending on your Doctype, it may look like this
<link rel="stylesheet" type="text/css" href="locationOfYourStylesheet.css" media="all">

<body>
<div id="maindiv">
<p>
This is the text in my web page. The style of this will be controlled from my external stylesheet which will look as shown below. If I want to add an image to my paragraph of text, then I could do this. <img src="image.gif" /><br />
Then it should show within my text if I have the style controls set correctly in my stylesheet.</p>
</body>
</p>


Your CSS could look like this:

body {
/* this line is invisible so it's good to use for commenting your code. */
font-family : "Arial", verdana, sans-serif; /*set a specific font in quotes followed by a selection of generic font styles for those who may not have your chosen font.*/
font-size : 1em;
color : #000 ; /* this is the color of your text throughout the page (shorthand for the black code of #000000 */
font-weight : normal ; /*could be bold*/
text-decoration : underline; /* not sure if that's a real value but 'none' removes an underline when used in the section for hyperlinks */
}

#maindiv p { /* let's you set different values for the paragraph in this specific div */
font-family : "Old English Text MT", verdana;
font-size : 2em;
}

#maindiv img { /* set your image values */
height: 150px;
width : 250px;
}


#maindiv a:link, #maindiv a:visited, #maindiv a:active, #maindiv a:hover {
color : #cccccc;
text-decoration : none;
}

#maindiv a:hover { /*values that make *hover* behave differently from those above */
color : #ffff80;
text-decoration : none;
font-weight : bold;
}


I hope this sets you on a simpler path of interesting discovery :) If you have any questions, please ask.

hope this helps

Bazz



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum