Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 10 of 10
  1. #1
    Member
    Join Date
    Oct 2002
    Posts
    52
    Member #
    224
    The nav bar and breadcrumbs appear properly, when the image does not have align="right" set.
    http://www.gwws.net/vvhs/cssc/
    Messed up:
    http://www.gwws.net/vvhs/cssc/index2.html
    CSS: http://www.gwws.net/cssc/style.css

    any help appreciated. I have other issues too, but this one is the biggest, as I want the image right aligned.
    --
    I have tried setting the DIV's width to 100%, but that doesn't help.
    -Andy Zmudosky

  2.  

  3. #2
    Dan
    Dan is offline
    Member
    Join Date
    Feb 2003
    Posts
    39
    Member #
    707
    Try clear:; set to right/left/or both.

  4. #3
    WDF Staff Wired's Avatar
    Join Date
    Apr 2003
    Posts
    7,657
    Member #
    1234
    Liked
    138 times
    <DIV id=logo>
    <TD><div align="right"><IMG height=106 alt="Valley View High School - Moreno Valley Unified School District"
    src="./images/vvhs_logo2.gif" width=740></div></TD>
    </DIV>

    That worked for me. When in doubt, hack it out!
    The Rules
    Was another WDF member's post helpful? Click the like button below the post.

    Admin at houseofhelp.com

  5. #4
    Dan
    Dan is offline
    Member
    Join Date
    Feb 2003
    Posts
    39
    Member #
    707
    Actually, shouldn't you use <p style="margin: 0px; text-align: right;"></p>, since <div> should be used only for layout formatting and <p> for content, since the layout is already defined with the <td>?

  6. #5
    WDF Staff Wired's Avatar
    Join Date
    Apr 2003
    Posts
    7,657
    Member #
    1234
    Liked
    138 times
    That works as well. Table was the first thing that came to mind is all.

    <DIV id=logo align="right"> will work as well.

    Just looked at that TD hack again, didn't see that Dreamweaver put in that internal DIV... odd... I think the code I've listed in this post is the simplest. I'm guessing that aligning the image within the div is what caused the problem. Why I don't know.

    Update: Ran a bunch of this through http://validator.w3.org/

    Dan's <p> code seems to be the only Valid XHTML 1.0 Strict code, aside from the original code at http://www.gwws.net/vvhs/cssc/.
    The Rules
    Was another WDF member's post helpful? Click the like button below the post.

    Admin at houseofhelp.com

  7. #6
    Member
    Join Date
    Oct 2002
    Posts
    52
    Member #
    224
    I used the align="right" in the DIV tag, now to try Dna's suggestion, though <p> is for text content. I'll try your first suggestion in a second. though I could've sworn I tried that. Well, I'm using DW to manage this as it's a school project and maybe it was one of its temporary pages. Thanks.
    I couldn't have used <td> though, it's not inside a table.

    I'm trying to make this XHTML 1.0 Strict/CSS2 compliant, as a way of learning CSS better (for content positioning), then I'll change it to make it work in major browsers (since the entire school district runs XP Pro/IE6 as of the beginning of this year).
    -Andy Zmudosky

  8. #7
    WDF Staff Wired's Avatar
    Join Date
    Apr 2003
    Posts
    7,657
    Member #
    1234
    Liked
    138 times
    Yeah, the TD was just a hack, nothing more. DW just added a div anyway, which I cleaned up later. The <p> is the way to go then for strict compliance.
    The Rules
    Was another WDF member's post helpful? Click the like button below the post.

    Admin at houseofhelp.com

  9. #8
    Junior Member BetaOP9's Avatar
    Join Date
    Aug 2003
    Posts
    19
    Member #
    2627
    Simply add in your style.css under #logo

    text-align: right;

    like so

    #logo { position: relative;
    text-align: right;
    clear: both; }


    Lemme know if it works.

    Shawn

    Edit: Just tried it, it does work, beautifully i might add Dont forget to remove the align="right" from the img tag, else it doesn't appear to work. Stay away from the table idea, sorry Wired .

  10. #9
    Member
    Join Date
    Oct 2002
    Posts
    52
    Member #
    224
    Yes, dan suggested that above, but using inline CSS (via the style attribute) instead of adding it to the stylesheet.

    I add this when I get a chance to work on that site again (day or two).
    -Andy Zmudosky

  11. #10
    Junior Member BetaOP9's Avatar
    Join Date
    Aug 2003
    Posts
    19
    Member #
    2627
    Curious to the point of using in-line for this application.

    Edit: Erm n/m you were refering to dan's idea being in-line, but yeah, heh if it worked great. Don't see why you'd look for another means of correcting it. Need to explain more of what you want done and why to help ya further.

    Shawn


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 01:47 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com