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 4 of 4
  1. #1
    New to the CF scene
    Join Date
    May 2007
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Macintosh Understanding code for different browsers. IE, Safari

    Hi all,


    I have recently set up a myspace for my arts business and have been trying to teach myself basic code to add images to the left hand column of my profile.

    my URL is http://www.myspace.com/meghanorourkejewellery

    I have been using the following code, and setting the images using absolute positioning to be a certain distance from the top and from the left of my page.

    <img src="http://aycu34.webshots.com/image/15313/2000564723128318225_rs.jpg" style="position:absolute; left:107px; top: 650px;" border="0">

    Now heres the problem. I can get the images to appear aligned for Internet Explorer, however when I view my profile on my Mac the images are wayyyyyy out of position. Is there a way to overcome this?

    What I would like to know is if there is another code that I could use that positions the image in a different way (not absolute positioning), so that the images are aligned with other standard elements in this left hand column which seem to stay in the correct alignment when viewed on both Safari (mac) and IE on a PC.

    I have read up on margins and floating items. However I don’t understand how to write code for these actions.
    Are there any websites that have code generators for changing these properties? Or explain it in a simple way? (my code writing skills are pretty bad)

    Any suggestions would be greatly appreciated.

    warm regards

    Meg

  • #2
    New to the CF scene
    Join Date
    May 2007
    Location
    Brooklyn,NY
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts

    you might get your account deleted

    I feel like I'm back in the myspace coding forum!
    Anyway: a standard rule that all myspacers have to abide by is the no covering the myspace banner ad rule.
    granted, it may take a long time for someone to "catch" you and usually this only happens if someone decides to be a rat.
    The thing is, it is myspace so no visitor to your page expects it to be like a personal website(with no banner ads by myspace visible) so there isn't a need to cover it.Also you may find it horrible and intrusive to your design but no one really notices them!
    That being said I only viewed the source for a second before I saw that you had many seperate style sheets.You only need one.If you get really out there you can add one per section.
    Also your positioning of your pics as if they were divs: remember you are styling inside a heavily structured default set up.This is why most opt to do an overlay.First you hide everything then you add in your page design.I know it sounds complicated but google myspaceprodesigns or just google myspace div overlay.
    good luck!

  • #3
    New to the CF scene
    Join Date
    May 2007
    Location
    Brooklyn,NY
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts

    And...

    Have you considered using Blogger instead?

  • #4
    Master Coder felgall's Avatar
    Join Date
    Sep 2005
    Location
    Sydney, Australia
    Posts
    6,640
    Thanks
    0
    Thanked 649 Times in 639 Posts
    When you use position:absolute without nesting it inside a position:relative you completely lose control of where it will apprea relative to anything else on the page.
    Stephen
    Learn Modern JavaScript - http://javascriptexample.net/
    Helping others to solve their computer problem at http://www.felgall.com/

    Don't forget to start your JavaScript code with "use strict"; which makes it easier to find errors in your code.


  •  

    Posting Permissions

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