Pixelpost
A Flash Developer Resource Site

Page 1 of 2 12 LastLast
Results 1 to 20 of 30

Thread: Pixelpost

  1. #1
    Official Vermont Photo Mod WannaBe_80z's Avatar
    Join Date
    May 2001
    Location
    over my shoes and under my hat
    Posts
    3,887

    Pixelpost

    Alright so I am finally setting up my photoblog and only have a few things up. In firefox the site is right aligned but in IE it is centered? I WANT it centered. How do i fix this?

    http://s92349618.onlinehome.us/pixel....4.2/index.php
    "Let us declare nature to be legitimate. All plants should be declared legal, and all animals for that matter. The notion of illegal plants and animals is obnoxious and ridiculous."- T. McKenna

  2. #2
    Official Vermont Photo Mod WannaBe_80z's Avatar
    Join Date
    May 2001
    Location
    over my shoes and under my hat
    Posts
    3,887
    I also want to have a "archive" button next to the current and previous and links and have it display thumbnails and stuff...where do I change all this?
    "Let us declare nature to be legitimate. All plants should be declared legal, and all animals for that matter. The notion of illegal plants and animals is obnoxious and ridiculous."- T. McKenna

  3. #3
    Retired Mod aversion's Avatar
    Join Date
    Jun 2000
    Location
    insomnia
    Posts
    7,917
    Where it says in the CSS
    PHP Code:
    body {
        
    background#000000;
        
    color#444444;
        
    font-familyVerdanaHelveticasans-serif;
        
    font-size10px;
        
    margin10px;
        
    padding0px;
        
    text-aligncenter;

    Change margin:10px to margin:10px auto

    IE understands the wrong way to do it, text-align shouldn't be used on structural elements.

    No idea about adding an archive to pixelpost, I think they have their own help forums though.

  4. #4
    Official Vermont Photo Mod WannaBe_80z's Avatar
    Join Date
    May 2001
    Location
    over my shoes and under my hat
    Posts
    3,887
    Yeah their help forums are very poor

    But thanks for the code.
    "Let us declare nature to be legitimate. All plants should be declared legal, and all animals for that matter. The notion of illegal plants and animals is obnoxious and ridiculous."- T. McKenna

  5. #5
    Senior Member ctranter's Avatar
    Join Date
    Aug 2002
    Location
    England
    Posts
    2,557
    Which template are you using? you should just need to point to:
    http://s92349618.onlinehome.us/pixel...x.php?x=browse
    but it doesnt seem to work. Do you have a browse template page?

  6. #6
    Official Vermont Photo Mod WannaBe_80z's Avatar
    Join Date
    May 2001
    Location
    over my shoes and under my hat
    Posts
    3,887
    I don't think so.

    I am getting a new template today to test out. Hopefully thatwill have one.
    "Let us declare nature to be legitimate. All plants should be declared legal, and all animals for that matter. The notion of illegal plants and animals is obnoxious and ridiculous."- T. McKenna

  7. #7
    Senior Member ctranter's Avatar
    Join Date
    Aug 2002
    Location
    England
    Posts
    2,557
    works now i see

  8. #8
    Official Vermont Photo Mod WannaBe_80z's Avatar
    Join Date
    May 2001
    Location
    over my shoes and under my hat
    Posts
    3,887
    all the colors in the style file are only 3 characters?
    "Let us declare nature to be legitimate. All plants should be declared legal, and all animals for that matter. The notion of illegal plants and animals is obnoxious and ridiculous."- T. McKenna

  9. #9
    Official Vermont Photo Mod WannaBe_80z's Avatar
    Join Date
    May 2001
    Location
    over my shoes and under my hat
    Posts
    3,887
    Aversion I added that and it didn't change anything...

    Here is the code for th styles:
    PHP Code:
    /* .............................. */
    /* Basic */
    /* .............................. */

    body {
        
    text-alignleft;
        
    font-familyVerdana,Arial,sans-serif;
        
    background:#fff;
        
    margin:10 auto;
        
    color:#666;
        
    padding:0;
        
    padding-top:30px;
        }

    htmlbody {
         
    min-height:100.1%;
        }

    /* .............................. */
    /* Link stylings */
    /* .............................. */

    {
        
    font-styleitalic;
        
    color#666;
        
    text-decorationnone;
        }
    a:hover {
        
    text-decorationunderline;
        
    color#333;
        
    }

    /* .............................. */
    /* Headings */
    /* .............................. */

    h1    
        
    font-familyVerdana,Arial,sans-serif;
        
    font-size:large
        
    font-weight:bold;
        
    color#666; 
        
    border-bottom:1px solid #999;
        
    margin-top:20px;
        
    margin-right:15px;
        
    positionnormal;
        
    margin-left:10px;
        }

    h2    {   
        
    text-align:left;
        
    font-family:VerdanaGeorgiaArialsans-serif;
        
    font-size:large
        
    color#666; 
        
    border-bottom:1px dotted #ccc;
        
    margin-top:10px;
        
    positionrelative;
        }
    h3    
        
    font-familyVerdana,Arial,sans-serif;
        
    font-size:medium
        
    font-weight:bold;
        
    color#666; 
        
    margin-top:10px;
        
    positionrelative;
        }

    /* .............................. */
    /* Navigation */
    /* .............................. */

    #navigation {
        
    font-family:Trebuchet msTahomaVerdanaGeorgiaArialsans-serif;
        
    color:#666;
        
    font-size:11px;
        
    width630px;
        
    margin:0px auto;
        
    background-color#fff;
        
    border-bottom:none;
        
    border-right:1px solid #ccc;
        
    border-left:1px solid #ccc;
        
    border-top1px solid #ccc;
        
    -moz-border-radius-topleft10px;
        -
    moz-border-radius-topright10px;
        
    padding-bottom:10px;
        }
    .
    navigation a{
        
    color:#555;
        
    font-weight:normal;
        
    text-decoration:none;
        
    border:0px;
        
    font-style:normal;    
        }
    .
    navigation a:active,
    .
    navigation a:hover {
        
    text-decoration:underline;    
        }
    .
    navigationleft {
        
    color:#555;
        
    float:left;
        
    position:relative;
        
    padding:4px 4px 4px 8px;
        
    text-align:left;
        }
    .
    navigationleft a {
        
    color:#333;
        
    }
    .
    navigationright {
        
    font-weight:bold;        
        
    color:#666;
        
    letter-spacing:5px;
        
    padding:4px 8px 4px 4px;
        
    text-align:right;
        }
    .
    navigationright a {
        
    font-weight:bold;
        
    color:#ccc;
        
    letter-spacing:5px;
        
    padding:4px 8px 4px 4px;
        
    text-align:right;
        }
    .
    navigationright a:hover {
        
    text-decoration:none;
        
    color:#333;
        
    }
    .
    navigationpost {
        
    floatright;
        
    text-alignright;
        
    color:#aaa;
        
    padding-bottom:2px;
        
    padding-right:3px;
        
    padding-left:3px;
        
    border-bottom:1px solid #eee;
        
    line-height:16px;        
        
    font-size9px
        
    margin:0;
        
    letter-spacing1px;    
        }
    .
    navigationpost a {
        
    color#666;
        
    font-style:normal;    
        }
    .
    navigationpost a:hover {
        
    color#333;
        
    text-decoration:underline;    
        }
    .
    addcommenttab {
        
    floatleft;
        
    text-alignleft;
        
    padding-bottom:2px;
        
    padding-right:3px;
        
    padding-left:3px;
        
    border-bottom:1px solid #eee;
        
    line-height:16px;        
        
    font-size9px
        
    margin:0;
        
    letter-spacing1px;    
        }
    .
    addcommenttab a {
        
    color#666;
        
    font-style:normal;
        
    text-decoration:none;    
        }
    .
    permalink {
        
    font-size:9px;
        
    text-decoration:none;
        
    font-style:normal;
        }
    .
    date {
        
    font-size:10px;
        
    font-weight:normal;
        
    letter-spacing:1px;
        }

    /* .............................. */
    /* Menu */
    /* .............................. */    

        #menu {
        
    width630px;
        
    font-size11px;
        
    margin0 auto;
        
    padding0;
        
    border-left1px solid #ccc;
        
    border-right1px solid #ccc;
        
    }
        
    #menu ul {
        
    margin:0;
        
    padding0;
        list-
    style-typenone;
        }
        
    #menu li {
        
    background#fff;
        
    margin:0;
        
    line-height1.5em;
        
    width20%;
        
    text-aligncenter;
        
    padding:0;
        
    floatleft;
        
    border-bottom:1px solid #ddd;
        
    border-top:1px solid #ddd;
        
    }
        
    #menu a {
        
    displayblock;
        
    width100%;
        
    color:#666;
        
    padding:0;
        
    margin:0;
        
    text-decorationnone;
        
    font-stylenormal;
        }
        
    #menu a:hover  {
        
    color:#000;
        
    }    
        
    /* .............................. */
    /* Content */
    /* .............................. */

    #photo {
        
    text-align:center;    
        
    width:630px;    
        
    background-color#fff;
        
    border1px solid #ccc;
        
    border-bottom:none;
        
    margin:0 auto;
        
    font-size12px;
        
    padding:0;
        }        
    #image {
        
    padding:10px;
        
    background:#fff;
        
    border:none;
        }
    #page {
        
    font-size12px;    
        
    width:600px;    
        
    background-color#fff;
        
    border1px solid #ccc;
        
    border-bottom:none;
        
    margin:0 auto;
        
    padding:15px;
        }
    #browse    {
        
    font-size12px;    
        
    width:600px;    
        
    background-color#fff;
        
    border1px solid #ccc;
        
    border-bottom:none;
        
    margin:0 auto;
        
    padding:15px;
        }
            
    /* .............................. */
    /* Thumbnails */
    /* .............................. */        
            
    #thumbrow {
        
    text-align:center;
        
    width:630px;
        
    margin:0 auto;
        
    background:#fff;
        
    border-right:1px solid #ccc;
        
    border-left:1px solid #ccc;
        
    border-top:none;
        }
    #thumbrow .current_thumbnail {
        
    filteralpha(opacity=99);
        
    opacity0.99;
        
    padding:5px;
        
    margin:3px;
        
    border:1px solid #ccc;
        
    }
    #thumbrow a img {
        
    filteralpha(opacity=70);
        
    opacity0.70;
        
    margin:3px;
        
    padding:5px;
        
    border:1px solid #fff;
        
    }
    #thumbrow a:hover img, #thumbs a:focus img {
        
    filteralpha(opacity=99);
        
    opacity0.99;
        
    padding:5px;
        
    border:1px solid #ddd;
        
    }
    #browse .thumbnails {
        
    filteralpha(opacity=70);
        
    opacity0.70;
        
    margin:3px;
        
    padding:5px;
        
    border:1px solid #fff;
        
    }
    #browse a:hover img{
        
    filteralpha(opacity=99);
        
    opacity0.99;
        
    padding:5px;
        
    border:1px solid #ddd;
        
    }
    .
    thumb {
        
    float:right;
        
    border:1px solid #ccc;
        
    padding:0;
        
    margin-left:20px;
        
    margin-right:0px;
        
    margin-bottom:5px;
        
    margin-top:15px;
        }       

    /* .............................. */
    /* Footer */
    /* .............................. */

    #footer    {
        
    text-align:center;
        
    font-size9px;
        
    color#bbb;
        
    line-height2em;    
        
    width:630px;    
        
    background-color#fff;
        
    border1px solid #ccc;
        
    border-top:none;
        
    margin:0 auto;
        
    margin-bottom:20px;
        
    padding:0px;
        
    padding-top:5px;
        
    padding-bottom:5px;
        
    clearboth;
        -
    moz-border-radius-bottomleft10px;
        -
    moz-border-radius-bottomright10px;
        }
    #footer a {
        
    color#bbb;
        
    text-decoration:none;
        
    font-stylenormal;
        }
    #footer a:hover {
        
    text-decoration:underline;
        
    color:#333;
        
    font-stylenormal;
        }


    /* .............................. */
    /* Comments */
    /* .............................. */
        

    #commentnavigation {
        
    font-family:Trebuchet msTahomaVerdanaGeorgiaArialsans-serif;
        
    color:#aaa;
        
    font-size:11px;
        
    width100%;
        
    margin:0 auto;
        
    background-color#fff;
        
    border-bottom:1px solid #ccc;
        
    }
    #imageinfo {
        
    font-size:12px;
        
    height:auto;
        
    width:420px;
        
    padding:10px;
        
    border-bottom1px solid #999;
        
    margin-top25px;
        
    margin-left15px;
        
    margin-right10px;
        }    
    #comments {
        
    border:0px solid #444;
        
    font-size10px;
        
    margin0 auto;
        
    margin-left:20px;
        
    width:410px;
        }
    #comments ul {
        
    padding:0px;
        
    display:block;
        
    margin:0;
        
    margin-top:10px;
        list-
    style:none;
        }
    #comments li {
        
    width:100%;
        
    padding-bottom:10px;
        
    padding-top:10px;
        
    padding-left:5px;
        
    padding-right:5px;
        
    margin:0;
        
    border-top:0px;
        
    border-left:0px;
        
    border-right:0px;
        
    border-bottom:1px dotted #444;
        
    background:#fff;
        
    }
    #comments li:hover {
        
    background:#eee;
        
    }
    #comments li a {
        
    text-decoration:none;
        
    color:#444;
        
    }

    #addcomment {
        
    margin-left15px;
        
    margin-right15px;
        
    border:1px solid #aaa;
        
    font-size12px;
        
    background:#fff;
        
    padding:10px;
        
    margin-top:20px;
        
    margin-bottom:20px;
        -
    moz-border-radius-topleft10px;
        -
    moz-border-radius-topright10px;
        -
    moz-border-radius-bottomleft10px;
        -
    moz-border-radius-bottomright10px;
        }

    .
    input {
        
    width:40%;
        
    font-size:10px;
        
    padding:3px;
        
    border:1px solid #aaa;
        
    background#eee;
        
    color:#666;
        
    }
    .
    text {
        
    width:95%;
        
    font-size:11px;
        
    padding:3px;
        
    border:1px solid #aaa;
        
    background#eee;
        
    color:#666;
        
    }
    .
    commentbutton {
        
    background:#eee;
        
    border:1px solid #aaa;
        
    color:#666;
        
    border-bottom:2px solid #aaa;
        
    border-right:2px solid #aaa;
        

    "Let us declare nature to be legitimate. All plants should be declared legal, and all animals for that matter. The notion of illegal plants and animals is obnoxious and ridiculous."- T. McKenna

  10. #10
    Senior Member ctranter's Avatar
    Join Date
    Aug 2002
    Location
    England
    Posts
    2,557
    they will be abbreviated.

    e.g.

    #444 is same as #444444
    #fff is same as #ffffff

  11. #11
    Official Vermont Photo Mod WannaBe_80z's Avatar
    Join Date
    May 2001
    Location
    over my shoes and under my hat
    Posts
    3,887
    I figured that is how it worked, Thanks.

    Any idea on the aligning?
    "Let us declare nature to be legitimate. All plants should be declared legal, and all animals for that matter. The notion of illegal plants and animals is obnoxious and ridiculous."- T. McKenna

  12. #12
    Senior Member ctranter's Avatar
    Join Date
    Aug 2002
    Location
    England
    Posts
    2,557
    Quote Originally Posted by WannaBe_80z
    body {
    text-align: left;
    font-family: Verdana,Arial,sans-serif;
    background:#fff;
    margin:10 auto;
    color:#666;
    padding:0;
    padding-top:30px;
    }

    html, body {
    min-height:100.1%;
    }

    /*
    maybe should be center?

  13. #13
    Senior Member ctranter's Avatar
    Join Date
    Aug 2002
    Location
    England
    Posts
    2,557
    Also what part of your site isnt centering? The new template you have all seems to be centerd to me. In ff and ie.

  14. #14
    Official Vermont Photo Mod WannaBe_80z's Avatar
    Join Date
    May 2001
    Location
    over my shoes and under my hat
    Posts
    3,887
    really? weird. what is wrong with my FF....it works in IE

    and in my FF i can't use any of the button functions in advanced reply mode. I click on like say insert image and it just scrolls me to the top of the page...
    "Let us declare nature to be legitimate. All plants should be declared legal, and all animals for that matter. The notion of illegal plants and animals is obnoxious and ridiculous."- T. McKenna

  15. #15
    Official Vermont Photo Mod WannaBe_80z's Avatar
    Join Date
    May 2001
    Location
    over my shoes and under my hat
    Posts
    3,887
    everything is centered but when you actually look at thr large photos it is screwed up.

    "Let us declare nature to be legitimate. All plants should be declared legal, and all animals for that matter. The notion of illegal plants and animals is obnoxious and ridiculous."- T. McKenna

  16. #16
    Senior Member ctranter's Avatar
    Join Date
    Aug 2002
    Location
    England
    Posts
    2,557
    ah right I got you now, i was just looking to see if it worked in ie.

    Don't rob and Nords use this template? If so have you checked whether theirs does this?
    Last edited by ctranter; 09-06-2005 at 03:12 PM.

  17. #17
    Senior Member ctranter's Avatar
    Join Date
    Aug 2002
    Location
    England
    Posts
    2,557
    Alternatively you could get in touch with Jspurling who I think made the template. Hes a nice guy whom im sure could help you out if all else fails.

  18. #18
    FK'n Elitist Super Mod EVPohovich's Avatar
    Join Date
    Dec 2000
    Location
    About to BAN you!
    Posts
    3,023
    First off all of the widths are set to 630px and your Images are larger than that. As you have a line down the left side of the page and margins set to place that line EVERYTHING will reference from there. If your photo is smaller than 630px it will centered, but if it is larger it will rest on the margin (+line and border.....whatever) and will continue on out toward the right.

    You should set a size for your photos and stick with it. then build your site around your photosize.

    Good luck!

  19. #19
    Retired Mod aversion's Avatar
    Join Date
    Jun 2000
    Location
    insomnia
    Posts
    7,917
    Quote Originally Posted by WannaBe_80z
    Aversion I added that and it didn't change anything...
    As mentioned above, it's centering (that 10 needs px added after it btw) but your images are wider than your content area, which is set to 630 pixels. I've never dealt with a template but I would have thought that it would come with a recommendation for image sizes that would fit within it, including any padding and borders. At 630 pixels wide your images might still 'break' the layout.

    You can make the layout wider by changing those widths if you want bigger pictures. On my site the content area is 720 wide with padding and borders and the widest images I can post before it does the same as yours is doing now is 690.

  20. #20
    associate admedia's Avatar
    Join Date
    Oct 2001
    Location
    is
    Posts
    1,347
    You have a mac Wannabe?
    I always thought you were a PC dude

Posting Permissions

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




Click Here to Expand Forum to Full Width


HTML5 Development Center

Poll by Flashkit.com