Jump to content
UncleStef Mentoring Update: New SEO course!

Jsheffers

Member
 View Profile  See their activity

  • Posts

    25

  • Joined

  • Last visited

 Content Type 

Posts posted by Jsheffers

  2. separate text styling from div styling?

    in CSS

    Posted

    ok, thanks. I will abandon this practice then...

     

    Are there any other scenarios where setting the code up with divs(span, p) inside of divs for the font styling would be applicable?

     

    I wouldn't completely abandon this practice because it is useful in other situations. For example if you were in the situation below it would be useful.

     

    <p class="price">$<span>10.00</span></p>

     

    This would allow you to style the $ sign and the actual dollar value independently. Lets say for some crazy reason you wanted the $ to be bold and the actual 10.00 to be italic. You would use the CSS below.

     

    .price { font-weight: bold; }

.price span { font-weight: normal; font-style: italic; }

     

    Of course you could shorthand the Font property but for simplicity sake I just split it into weight and style. In other words because in your example you wrapped all of the content in a div and the span tag it has no purpose, but in the example I presented the dollar sign is outside of the span tag. Hope this helps.

  3. Z-index problem in IE7

    in CSS

    Posted

    Try giving the #navs parent (or it's parent) a higher z-index. Remember, add position relative to any z-indexed element.

     

    Thanks that fixed it. Thats weird to because I even ran a script that applied z-index to each element on the page highest numbers for elements at the top then decreasing by 10 and it still wouldn't work. One other weird thing is happening. When you hover over "Buying" the "search the MLS" list item is somehow being pushed over.... It doesn't happen for any other list item...

  5. Z-index problem in IE7

    in CSS

    Posted

    I am having trouble getting the navigation to sit on top of my javascript fading images. It works on every browser on the mac. Firefox and opera on the PC. Except IE. www.p y l e r ealty.com

    Any help would be absolutely great. It also pushes one of the drop down items to the left.

     

    Shane

  7. PHP Form with Drop Down

    in PHP

    Posted · Edited by Jsheffers

    Can't get the BCC to work... Here is my code...

     

     

     

    <?php

     

    $destination=$_POST['emailCategory'];

     

     

     

    $name=$_POST['name'];

    $emailCategory=$_POST['emailCategory'];

    $email=$_POST['email'];

    $from ="Website Inquiry";

    $phone=$_POST['phone'];

    $mes=$_POST['mes'];

    $header="From: $name";

    $newMes="Name: $name\n

    Category: $category\n

    Email: $email\n

    Phone: $phone\n

    Message: $mes\n";

     

     

    $headers .= 'Bcc: test@mac.com' . "\r\n";

     

    mail($destination,$from,$newMes,$headers,"From: Website Inquiry");

     

    //This line sends you to the thank you page

     

    header( 'Location: http://www.test.com/thanks.html' );

    ?>

  8. PHP Form with Drop Down

    in PHP

    Posted

    Ok here is the problem. The OTHER category for example. I want that to go to the bosses email, which in the code above his email is test@mac.com. But they way I have it setup now he gets two emails. One from the emailCategory VAR, which is being fed an email address from the form. Then I have it calling another mail method which goes straight to the boss. If I BCC the boss what should I set the value"" for the categories that only the boss is getting? I hope that made sense, I'm still learning so I apologize if I'm not explaining it properly.

  9. New Portfolio Site Design

    in Peer-to-Peer Reviews

    Posted

    The fav icon shouldn't be pink. I changed it a while ago. It should have PSD in it with the blue color. I still have some grammatical errors to fix, but thanks for your input. I will take your comments into consideration. As far as under the tutorials and photography those are images. Not actual text so should I change the image to have the text underlined. The font looks good for the nav on a mac, but windows sucks at rendering text. I'll be making changes as it progresses. Thanks again.

  10. PHP Form with Drop Down

    in PHP

    Posted · Edited by Jsheffers

    Let me explain what I am trying to achieve here. I am doing a site for a real estate company which has a PHP form. I have it setup where you type in your name email, and a message. I also have a drop down menu of choices to pick from. Each category needs to be sent to a different persons email, and all of the messages need to go to the boss. Here is what I have so far.

     

    <?php

     

    $destination=$_POST['emailCategory'];

     

    $name=$_POST['name'];

    $emailCategory=$_POST['emailCategory'];

    $email=$_POST['email'];

    $from ="Website Inquiry";

    $phone=$_POST['phone'];

    $mes=$_POST['mes'];

    $header="From: $name";

    $newMes="Name: $name\n

    Category: $category\n

    Email: $email\n

    Phone: $phone\n

    Message: $mes\n";

     

     

    mail($destination,$from,$newMes,"From: Website Inquiry");

    mail("test@mac.com",$from,$newMes,"From: Website Inquiry");

     

     

    header( 'Location: test.html' );

    ?>

     

     

    The html looks like this....

     

    Name:

     

    Category

    ...Select a Category

    Vacation Rentals

    Yearly Rentals

    Property Management

    Work Order Request

    Other

     

    Email:

     

    Phone:

     

    Message:

     

     

    Any Help would be greatly appreciated

  13. Ripped off sites

    in Open Forum

    Posted

    I'm sure they understand English. I would also email the company whose products they are selling spector360 dot com and tell them about the problem' date=' maybe they will have some influence. Although if you notice the links to spector from their product page does not work.

     

    How did you find out?[/quote']

     

    I was looking at my stats and noticed that one of their pages were redirecting to mine... at least, before they changed it. Otherwise, I probably never would have known.

     

    Thanks for the links Newseed -- I'll take a look.

    Dang that sucks... I was wondering how you figured it out. BTW Your site is awesome!

  14. Shane's New Site

    in Peer-to-Peer Reviews

    Posted · Edited by Jsheffers

    I just finished this site. I'm not completely happy with it, but I'll see what kind of review I get. I know Ben has already seen some of it, because he helped me with the code. Let me know what you think.

     

    www.shan e jeffer s photography.com/pst

     

    [remove spaces obviously] ^

     

    Thanks everyone.

  16. Jquery Help.

    in Javascript

    Posted

    Dude you are amazing.. Every time I post here you have an answer... I added that line of code to my JQuery and it works like a charm. On the portfolio page I implemented some Jquery which fades the images in and out. Is there anyway that I can have that effect and have lightbox on click? I tried to no avail' date=' but I could be doing something wrong. I also tried JQuery version of lightbox...no luck either...[/quote']

     

    I don't see why not... I've used lightbox a bit on my site for my portfolio items, and it seems like the jquery lightbox plugin is the easiest way to go. It SHOULD be as simple as adding a class to the thumbnails that you want enlarged... Can you remind me of your URL so I can take a look at how things are set up at the moment?

     

    www.shanej e ffersphotography.com/pst then go to the portfolio tab.

     

    OK lets see if I can explain this. I have a jquery fade in and out effect on the image thumbnails. For some reason it won't let me use lightbox in combination with the jquery fade in/out.

  17. Jquery Help.

    in Javascript

    Posted

    The easiest way to do this is actually via CSS - no javascript required. Using CSS, set the divs you want hidden when the page first loads using display:none, and then jQuery can be used to show/hide them.

     

    EDIT: Actually, take that back. The above will work, but isn't ideal since if the user has javascript disabled for some reason, they will only be able to see the first div, and the rest won't be accessible. In that case, the best way to do things is probably through jQuery... Adding something along the lines of this to your $(function() section:

     

    $('#dividhere').hide();

     

    and add a separate line for each of the divs you want hidden when the page first loads.

     

     

    Dude you are amazing.. Every time I post here you have an answer... I added that line of code to my JQuery and it works like a charm. On the portfolio page I implemented some Jquery which fades the images in and out. Is there anyway that I can have that effect and have lightbox on click? I tried to no avail, but I could be doing something wrong. I also tried JQuery version of lightbox...no luck either...

  18. Jquery Help.

    in Javascript

    Posted

    I'm put together a site that uses div hiding using jquery. It works fine, but when It loads up the home page you see all of the divs. Then when I click on the nav to go to another div it just shows that div. How can I get just the first div to come up when I first open the page. I hope that makes sense.

     

    Here is the page.

     

    www.shanej e ffersphotography.com/pst

     

    Notice how all of the divs show up, then when you click on home or something else the other divs dissappear. I want it to do this first so all of the divs never show at once.

     

    $(function () {

    var navlist = [];

    var tabContainers = [];

    $('ul#navlist a').each(function () {

    if(this.pathname == window.location.pathname) {

    navlist.push(this);

    tabContainers.push($(this.hash).get(0));}

    });

    $(navlist).click(function () {

    $(tabContainers).hide().filter(this.hash).show();

    return false;

    });

    });

     

     

    This was the javascript used. Anyone??

     

    Thanks for your time.

  20. Float problems in IE

    in CSS

    Posted

    I think I found the problem. I left the div extra7 in my css, which was something I was trying then stopped, and forgot to take it out. I will do what you said though Ben thanks a lot man. Saving me again.

  21. Float problems in IE

    in CSS

    Posted · Edited by Jsheffers

    Ok guys It's me again. lol

    I'm working on a new page, and it looks good in every browser except for IE 6 and 7 it looks good in IE 8 though.

     

    here is the site.

     

    Only problem I'm having is the left column is getting kicked down. I have one floated right and one floated left. It doesn't work in IE. Any suggestions?

     

    www.sha ne jef fersphotography.com/garden2/testing.html

     

     

    * {margin:0;padding:0;}

    body {

    background-image: url(images/bg.png);

    background-repeat: repeat-x;

    }

     

    #container

    {

    width: 800px;

    margin: auto;

    }

     

    #header

    {

    height: 100px;

    width: 800px;

    clear:both;

    margin:0px;

    padding:0px;

    }

    #header h1

    {

    font-size:25px;

    font-family:Georgia, "Times New Roman", Times, serif;

    text-indent: -9999px;

    }

     

    #header h2

    {

    display:block;

    width:160px;

    height:25px;

    text-indent:-9009px;

    background:transparent;

    }

     

    #header h2 a {

    display:block;

    width:100%;

    height:100%;

    outline:none;

    }

    #nav

    {

    width: 295px;

    float: right;

    margin:0px;

    padding:10px;

    background-color: white;

    min-height: 490px;

    }

    #nav ul

    {

    padding-left:20px;

    }

    #nav ul p

    {

    font-size:9px;

    }

    #body

    {

    min-height: 490px;

    width: 465px;

    float:left;

    margin:0px;

    font-family: helvetica;

    font-size: 11pt;

    color: #9e9e9e;

    text-align:left;

    padding: 10px;

    background-color: white;

    }

     

     

    #body span {

    width: 460px;

    }

     

    #text1

    {

    float:left;

    width:460px;

    font-family: helvetica;

    font-size: 11pt;

    color: #9e9e9e;

    line-height: 15pt;

    }

     

    #text1 h3

    {

    width: 373px;

    height: 27px;

    text-indent: -9999px;

    background-image: url(images/head1.png);

    background-repeat: no-repeat;

     

    }

     

    #text1 h4

    {

    text-indent: -9999px;

    width: 330px;

    height: 22px;

    background-image: url(images/head2.png);

    background-repeat: no-repeat;

    margin-top: 5px;

    padding-top: 5px;

    }

    #text1 h5{

    width: 137px;

    height: 23px;

    text-indent: -9999px;

    background-image: url(images/head3.png);

    background-repeat: no-repeat;

    margin-top: 5px;

    padding-top: 5px;

    }

     

    #text2

    {

    float:left;

    font-family: helvetica;

    font-size: 11pt;

    color: #464646;

    line-height: 15pt;

    }

     

    #text2 h3

    {

    width: 295px;

    height: 70px;

    text-indent: -9999px;

    background-image: url(images/head4.png);

    background-repeat: no-repeat;

    padding: 2px;

    }

    #text2 hr

    {

     

    }

    #text3

    {

    float:left;

    }

    #text3 h3

    {

    font-family: Hiragino Kaku Gothic STDN;

    color: #525252;

    }

    #text3 hr

    {

     

    }

    #extra1

    {

    width: 400px;

    height: 100px;

    float: left;

    }

    #extra2

    {

    height: 100px;

    width: 300px;

    float: left;

    background-image: url(images/logo.png);

     

    }

    #extra3

    {

    width: 405px;

    height: 62px;

    background-image: url(images/mount.png);

    background-repeat: no-repeat;

    position: relative;

    top: 47px;

    left: 0px;

    z-index: -1;

     

    }

    #extra4

    {

    float: left;

    position: relative;

    top: 85px;

    left: 60px;

    font-family: Hiragino Kaku Gothic STDN;

    font-size: 7pt;

    color: #525252;

    }

    #extra5 img{

    width: 342px;

    height: 83px;

    padding: 25px 0px 0px 55px;

    border: none;

    }

    #extra6 ul{

    font-family: Nilland;

    font-size: 13pt;

    color: #7d7d7d;

    float: left;

    width: 180px;

    padding-top: 19px;

    list-style-type: none;

    }

     

    #extra7

    {

    width: 602px;

    }

    #extra8

    {

    width: 240px;

    height: 27px;

    text-indent: -9999px;

    background-image: url(images/head5.png);

    background-repeat: no-repeat;

    margin: 5px 0px 3px 0px;

    }

     

    #footer

    {

    background-color: #6185a7;

    width: 800px;

    height: 35px;

    clear: both;

    margin:0px;

    padding:0px;

    padding-top: 20px;

    display: block;

    text-align: center;

    color: white;

    font-family: georgia;

    font-size: 8pt;

    }

     

    #navlist li a {

    font-family: nilland;

    font-size: 10pt;

    color: #7d7d7d;

    text-decoration: none;

    margin: 0px;

    }

     

    #navlist {

    clear: both;

    float: left;

    padding-left: 25px;

    }

     

    img, div { behavior: url(iepngfix.htc) }

  22. Unordered Lists and Displaying Inline

    in CSS

    Posted

    Try this:

     

    The HTML:

    ></pre>
<ul>
Frames
By OSWM

DOS
By Richard O Robinson

Gears Of War
By Richard O Robinson

The Greener Side
By Shane Jeffers

Moment of Zen
By One|Te Productions

Add To The Garden

     

    The only thing I did to the above code is remove the

    tags. Don't need if you set the to display block because you are defining an for each line you want.

     

     

    The CSS:

    #navlist {
   list-style: none;
}
#navlist li {
   display: inline;
   float: left;
}
#navlist li a {
   color: green;
   display: block;
   padding: 3px 15px;
       margin: 0;
}
#navlist li a:hover {
   text-decoration: none;
}

     

    Two important elements here is that I added float: left to the #navlist li and display: block to #navlist a. Of course I've added a bit of padding/margins to give it a nice look.

     

    You are a life saver my friend. That also helps me understand CSS a little bit more. What exactly does display: block do?

  23. Unordered Lists and Displaying Inline

    in CSS

    Posted

    I have a list I am trying to display inline.

    Here is the code.

     

    Frames

     

    By OSWM

     

    DOS

     

    By Richard O Robinson

     

    Gears Of War

     

    By Richard O Robinson

     

    The Greener Side

     

    By Shane Jeffers

     

    Moment of Zen

     

    By One|Te Productions

     

    Add To The Garden

     

     

     

    It should have two lines of text for each link, and I want it to be horizontal.

     

    Here is my css for it.

     

    #navlist a {

    color: green;

    }

     

    #navlist {

    list-style-type: none;

    }

     

    #navlist li{

    display: inline;

     

    }

     

    Thanks for any help.

  24. Problems in IE

    in CSS

    Posted

    Yeah I'm checking on a mac because that's all I own. I checked on my mom's computer and saw some of the problems. I have been looking into conditional comments. I hate IE/ Microsoft....

  25. Problems in IE

    in CSS

    Posted · Edited by Jsheffers

    I'm building a site for a client. I am happy with the look in firefox and safari on a mac, but it looks like crap in IE. Is there anyway someone can take a look at my css and figure out what IE doesn't like.

     

    w ww.shane jeff ers photography.com/sid/index.html

    w ww.shane jeff ers photography.com/sid/style.css

     

    Thanks for any help.

×
×
  • Create New...