1

(4 replies, posted in CSS)

padding... there it is. oh man thank you.

yeah i realize the wrap div isn't even there anymore but that has been bugging me for the last few days. That is awesome. I think I even like that method better than the one I'm doing to recreate it. You have my eternal gratitude. Now I can finally make some progress.

2

(4 replies, posted in CSS)

naa. .the horizontal scroll is left over from my attempts to flip my menu from the left side to the right side. I didn't even notice it until a few weeks ago. I'm changing it from a vertical menu to a horizontal one. I'm just trying to remember how i created the middle section. It appears to be about 80% of screen width .. but I don't see where I set that.

3

(4 replies, posted in CSS)

I'm trying to recreate my current design in wordpress but I'm making errors with my CSS. I can't remember how I created my content width. I like the way the #padding area is centered but I can't remember how I did it.

http://gloriouschurch.ca/index.php

the only thing i see is an old wrapper id that's at 900px but that isn't even used. if someone could take a look at it I'd be extremely grateful.

4

(3 replies, posted in CSS)

so the div doesn't includes the padding? if figured it would just squish everything in. bah.
gripes aside that fixes my problem thanks much.

5

(3 replies, posted in CSS)

when I change my CSS from

#left {
float:left;
width:700px;
}

to this

#left {
float:left;
width:700px;
padding: 0 1em;
}

my primary content column breaks. could someone help me see what's going on?

http://userqqqq.123bemyhost.com/index.php

6

(2 replies, posted in CSS)

oh it's floating.. i don't know how i missed that.. that explains why the backgrounds aren't showing up correctly either. I may have to rewrite this entire menu. least i know where to look now thanks.

7

(2 replies, posted in CSS)

or to be more accurate i should say I never got it centered. I can't figure out why.
here's the code for the menu

<body>
<div id="wrap">
<div id="logo">
    <img src="./images/emlogo.gif" width="900" height="200" border="1" alt="EM Logo" />
</div>
<div id="menu">
    <ul>
        <li><a href="./about.php">Home</a></li>
        <li><a href="./about.php">About Me</a></li>
        <li><a href="./about.php">Books</a>
            <ul>
                <li><a href="./about.php">Book 1</a></li>
                <li><a href="./about.php">Book 2</a></li>
            </ul>
        </li>
        <li><a href="./about.php">Contact</a></li>
    </ul>
</div>

and here's a portion of the CSS

    /* --- Main Menu - ala suckerish --- */
    #menu {
    background-color: #BA83A2;
    width:902px; /*-two more than the wrapper-*/
    text-align:center;
    }
    #menu ul {
    list-style: none;
    }
    #menu li {
    float: left;
    }
    #menu a {
    display: block;
    width: 5em;
    }

        /* child menu */
        #menu li ul {
        position: absolute;
        width: 5em;
        top: -999em;
        left: -999em;
        }        
        #menu li:hover ul, #menu li.hover ul {
        top: auto;
        left: auto;
        }
        
    /* --- Footer Menu --- */
    #footer ul {
    }
    #footer li {
    }
    #footer li a {
    }
    #footer li a:active, #footer li a:focus, #footer li a:hover {
    }

is there any reason I'm missing why my menu looks like this: http://lh6.ggpht.com/_Hsi79aT2rVc/SjmgBheSFXI/AAAAAAAABi0/SMO8ttIhHLw/s144/Webpage%20Title%20Here%20-%20Mozilla%20Firefox%2017062009%20100056%20PM.jpg

It's not live so I can't give a link but it's small so I can upload it to sendspace if you think it might be something in the entire CSS file.

8

(7 replies, posted in CSS)

isn't there supposed to be a way to do rounded corners in CSS 3? I know it's not officially out yet I'm just curious

9

(5 replies, posted in Peer-to-Peer Reviews)

well it does look good with links to pictures.

10

(5 replies, posted in CSS)

newseed wrote:

Edit: You may like this one.

you know I really like this gallery but I'm having a minor bug problem with it. Can anyone tell me what I'm doing wrong?

This is my attempt at replication - http://gloriouschurch.ca/test/index.html
This is a working direct copy - http://gloriouschurch.ca/test/original.html

The problem is with the button images. The pause and the previous images aren't showing up. I've narrowed the issue to something in the javascript. I'm trying to put all the images in an images folder and when I change the javascript from "stop.gif" to "../images/stop.gif" those two buttons stop showing up. They all still work but the images aren't there.

http://gloriouschurch.ca/test/js/slidegallery.js - doesn't work
http://gloriouschurch.ca/test/js/slidegallery-backup.js - does work

11

(2 replies, posted in Beginners Web Design)

So what's the good word on obscuring e-mail links. Is this something I should be doing or not bother? I remember reading way back when that spam bots would troll websites looking for e-mail links. On one hand noone likes SPAM and on the other hand all the site mail is getting directed to gmail account and gmail has a pretty solid spam filter.

12

(5 replies, posted in Peer-to-Peer Reviews)

For the most part I like it. I can't really find anything major to critic. It seems to me that the company number would be more appropriate in the "About Us" section rather than the footer but I don't know if that's something you are obligated to have on every page or something.

I'm wondering if maybe your Terms and Conditions page might be better served if it conformed to the rest of the site format and you create a printer-specific style sheet. Otherwise once you click into T&C you can't explore the rest of the site you have to go back.

I guess on the subject of conformity your recipes page is a bit different in style from the rest of the site. .. actually upon further inspection it looks like an entirely different site.

I haven't had time to look at the entire thing but take for instance - http://www.food-lover.com/aboutus.html - on this page you have greybox links all over the place. It's fine for galleries and I can see instances where it would be useful for webpages like maybe if you had a separate page for purchasing, but in this instance opening the BBQ link kinda messes with a navigation path. Basically you find yourself surfing in the greybox. It would work better on a dead end page like for instance T&C.

but the colors are good and not gaudy. The logo IS pretty nice, and you get major points for validating strict. My site is almost ok on transitional but it's got a ways to go before I could get strict.

13

(3 replies, posted in Open Forum)

thank you. I'm not sure about the cart. at least not yet but the forums seems lively enough to be a good jump off point.

14

(5 replies, posted in CSS)

thanks. You know next month I really should get a reference book. is there a thread with book recommendations?


Thelma wrote:

Nothing wrong with using multiple stylesheets.  But what do you mean you 'avoid classes > ids'?

i was referring to the sticky topic

Classes: Beginners always write classes, then you will see a dozen paragraphs with identical class names. Again this is due to this HTML style of writing we learned first and how we had to write fonts into everything. CSS is not that way.

15

(5 replies, posted in CSS)

dude I've just been visiting your website this week. it's boss bro.

16

(5 replies, posted in CSS)

right now I only have three style sheets default, accordion effect and slimbox. I'm wondering if there's any major reasons why I should avoid multiple sheets like I avoid classes > ids. it seems to me that multiple sheets have the benefit of being easier to organize but is there something I'm missing?

17

(5 replies, posted in CSS)

well hey I would have suggested something like Slimbox. but those are pretty sweet. That all in one gallery is perfect for an alternate project I'm working on. thanks

Has anyone had any experience with MODx (http://modxcms.com/). It came recommended a while back and since it appears I may be entering CMS sooner than I anticipated I figured I'd start asking for opinions.

I'm helping a friend of a friend out with his website. He's a photographer and he want obviously a website to serve as an online portfolio, showcase his work, and offer prints. I'd like to do some research on what exactly a high end photographer's website should look like. Where do these guys hang out I'd like to see what sort of things I should be doing. If you have a suggestion for a CMS that can handle it I'm open to suggestions.

I'm not a fan of frames. that's all i really have to say on that. after all I'm new to this side of creation.

Anyway with regards to your site well it's easier to show you but the article arrows didn't sync up when i was resized to 1024. alhough it did look fine at my full screen resolution.

it's a minor thing but that's all i got for ya

http://img34.imageshack.us/gal.php?g=fullscreenok.png

21

(2 replies, posted in Peer-to-Peer Reviews)

well I'm pretty new to this so take from it what you will but the flash animation on the home page is just a TAD too busy. so much is going on it brought back memories of Angelfire.

say what you will about tables when they're done right it is pretty. It's definitely aside from the animation cleaner than my site at the moment. I really can't find anything else to complain about it's clean, ordered, organized. it's everything I want my site to be minus the tables.

22

(1 replies, posted in Miscellaneous Software)

is there any recommendations for an RSS creation tool? I would not have thought there'd be so much noise but a lot of the stuff in my google searches are just scams.

23

(1 replies, posted in Javascript)

their photo gallery opens windows, their map isn't addressed quite correctly and I don't see and RSS feed.

The basics of an RSS feed I just found over here (http://www.downes.ca/cgi-bin/page.cgi?post=56) of course the two issues I haven't resolved yet are a) it doesn't show up automatically in the nav bar and b) doing it manually means I have to update the feed myself line by line.

24

(3 replies, posted in Javascript)

Graeme wrote:
<a href="images/bride1.jpg" rel="thumbnail" [color=red]title=""[/color]>
 <img src="images/bride1_thumb.jpg" width="200" height="150" alt="" bord
 er="0" /></a>&nbsp;

<a href="images/bride2.jpg" rel="thumbnail" title=""><img src="images/br
ide2_thumb.jpg" width="200" height="150" alt="" border="0" /></a>&nbsp;

have you considered putting something like this in your CSS which would get rid of borders and that way you don't have to type it in every single time you use an image?

a img {border:none;}


Graeme wrote:

Where it says title=" "you can add a narrative to explain the image.  It is great for the first image then the second images gets pushed to one side.

I guess you took down the captions for the moment but the images do load properly (but i guess that wasn't the problem. Maybe you want to try something else. I used Lightbox 2 which worked great for a while. But it clashed with an accordion script I was using and I switched to Slimbox 2 which does the same thing (andmore) but doesn't have the conflict issues. it should be able to do the same effect and let you add captions. You would have to do a find/replace and switch rel="thumbnail" with rel="lightbox"

http://www.dynamicdrive.com/dynamicinde … ordion.htm

I'm trying to follow the direction for this accordion script. It's on the original "all tables all the time" version of the website. This is the last page left to be converted and since a find/replace didn't work I figured I'd just start over and this time maybe not use the default variables.

Anyway first question does it matter what version of jquery I use? I've tried various combination of 1.2.2 and 1.3.2 because the instructions depending on whether your copy from the 'developers view' or from the codebox change. I've tried using local copies and the google link they have. I'm not sure that's the problem because I'm getting my headers and with the content hidden I just can't get them to toggle. I've tried copying the demo directly (with the jquery pointing to my own copy) and nothing.

Here's a copy of my test. it's just the html and two js files
http://www.sendspace.com/file/zatrab