Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 10 of 10
  1. #1
    New Coder
    Join Date
    Aug 2005
    Location
    Ohio
    Posts
    15
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Crooked vs Straight

    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


  • #2
    Regular Coder Ranger56's Avatar
    Join Date
    Mar 2005
    Location
    Kent, WA.
    Posts
    783
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Did you use absolute positioning?

  • #3
    New Coder
    Join Date
    Aug 2005
    Location
    Ohio
    Posts
    15
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Like I said,

    Fairly new, never even read or heard about absolute positioning?

    I'll check it out, thanks!!

    Rick

  • #4
    Senior Coder
    Join Date
    Jan 2005
    Location
    Memphis, TN
    Posts
    1,801
    Thanks
    8
    Thanked 131 Times in 129 Posts
    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.
    Stop making things so hard on yourself.
    i is tugbucket :: help raise tugburg :: Whitehaven Kiwanis

  • #5
    New Coder
    Join Date
    Aug 2005
    Location
    Ohio
    Posts
    15
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Ok.......

    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.


  • #6
    Regular Coder Ranger56's Avatar
    Join Date
    Mar 2005
    Location
    Kent, WA.
    Posts
    783
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by rickycen
    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

  • #7
    New Coder
    Join Date
    Aug 2005
    Location
    Ohio
    Posts
    15
    Thanks
    0
    Thanked 0 Times in 0 Posts

    ok let me throw it in............

    before I go to bed. I will reload it, the way it looked normal on my computer.

    rick

  • #8
    New Coder
    Join Date
    Aug 2005
    Location
    Ohio
    Posts
    15
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Ok.........

    I loaded the original page back in, which looks perfect on my computer.

    Rick

  • #9
    New Coder
    Join Date
    Aug 2005
    Location
    Ohio
    Posts
    15
    Thanks
    0
    Thanked 0 Times in 0 Posts
    no replies, so I have changed it back so it looks normal to others....


    Rick

  • #10
    Master Coder
    Join Date
    Apr 2003
    Location
    in my house
    Posts
    5,211
    Thanks
    39
    Thanked 201 Times in 197 Posts
    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

    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
    Last edited by bazz; 08-20-2005 at 05:31 PM.
    "The day you stop learning is the day you become obsolete"! - my late Dad.

    Why do some people say "I don't know for sure"? If they don't know for sure then, they don't know!
    Useful MySQL resource
    Useful MySQL link


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •