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.
Page 1 of 2 12 LastLast
Results 1 to 15 of 24
  1. #1
    New Coder
    Join Date
    Sep 2013
    Posts
    17
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Question CSS & HTML trouble - Help please

    Hey guys I'm new here and I was building a website for a friend to try and build my portfolio. I started off using a template and here's the website:

    http://www.pedcaz.com/

    Here are a couple things I'm having trouble with if you guys could help me out:

    1) I tried a bunch of times in my css files to add a textured image background to where the cream color is in the background of the body of the text and where the menu is. I tried a bunch of ways to put the image pattern and set it to repeat or position it so it's behind and it would either not show up at all or it would come up and look really bad not extending throughout all the cream color or it would show up but only behind the text as if like you highlight the text with a color and it looked solid and didn't look smooth at all which made it look bad.

    2) At the bottom of the page where you subscribe, when you enter the email in and I get the email it doesn't say the email the person inputs in, it just sends me an email saying thanks for subscribing? I have it working on my appointments form under services and contact form I don't know why it's doing that.

    3) On my appointments form under services and contact form how do I fix it so it checks for required fields. I have the asterisks but you can still submit without entering anything and I'd like to fix that.

    That is it. I feel like I'm on the right path but I'm making few errors which is why it's not working. Any help is appreciated. If you need any of the coding I think you should be able to view the source or just ask me what part of the coding you need to fix the problem and I'll provide it.

    One last thing and this may not be the appropriate page to post it but it's not the main topic of this post is SEO. What can I do to better rankings on google? Would it help if I inserted meta tags or anything? I appreciate all the help!

  • #2
    Senior Coder
    Join Date
    Jan 2011
    Location
    Missouri
    Posts
    4,083
    Thanks
    23
    Thanked 592 Times in 591 Posts
    1.) Where do you want this? Just give us a div ID or post the HTML code or the CSS you tried.

    2.) Answer is in file mailer2.php We can't see that so if you can't figure it out post in php section.

    3.) is a javascript question. Look at this site and see if you can do it yourself. If not post question in jquery section: http://jqueryvalidation.org/documentation/
    Evolution - The non-random survival of random variants.

    "If you leave hydrogen alone, for long enough, it begins to think about itself."

  • #3
    New Coder
    Join Date
    Sep 2013
    Posts
    17
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Thanks for the reply.

    1) I tried it in the css files by adding the typical code in the body section: and it doesn't really work. I would just like to add the texture just where the cream color is in the background. Maybe I'm posting it in the wrong section I don't know. If you click view source on the website you can go through the files and coding.

    Code:
    {
    background-image:url('image location here');
    background-color:#(cream color hex code here);
    }

    2) Okay I'll ask in php in section thanks

    3) I'll check it out if I can't get it to work I'll post it in the right section.

  • #4
    Senior Coder
    Join Date
    Jan 2011
    Location
    Missouri
    Posts
    4,083
    Thanks
    23
    Thanked 592 Times in 591 Posts
    FYI background-color: #FBF7CB
    Find it in css/skins/white.css and looks like this:
    .portfolio-control a, body.under-construction header, .slider-1 .flex-direction-nav li a, .flex-control-nav li a, .slider-2 .flex-direction-nav li a, header .main-header, header .down-header, html.ie.ie8 body.under-construction .content .block, #wrap.boxed {
    background:#FBF7CB;

    }
    Lots of things made cream color when you only use it in <div class="main-header">

    What I'd do is remove the above, then make the image transparent and use this css rule
    .main-header{
    background-image:url('image location here');
    background-color:#FBF7CB;
    }
    Evolution - The non-random survival of random variants.

    "If you leave hydrogen alone, for long enough, it begins to think about itself."

  • #5
    New Coder
    Join Date
    Sep 2013
    Posts
    17
    Thanks
    2
    Thanked 0 Times in 0 Posts
    So delete what you told me and add that new code where the old code was? And what do you mean make the image transparent?

  • #6
    Senior Coder
    Join Date
    Jan 2011
    Location
    Missouri
    Posts
    4,083
    Thanks
    23
    Thanked 592 Times in 591 Posts
    eaglesball1, in re-reading question 1, I'm not sure what you want to do.
    Do you want an image to appear over the cream color in div main-header, which cover 100% of the page width. So you can't see the cream color?

    Try this
    Code:
    <div class="main-header" style="background-image: url('YOUR IMAGE');background-size:cover;">
    Evolution - The non-random survival of random variants.

    "If you leave hydrogen alone, for long enough, it begins to think about itself."

  • #7
    New Coder
    Join Date
    Sep 2013
    Posts
    17
    Thanks
    2
    Thanked 0 Times in 0 Posts
    What I want to do is everywhere there is a cream color, (two places in the top where the navigation is in the background, and the body behind the content) to keep the cream color but add a textured background. Maybe in photoshop I can create my own textured background with the cream color included but how do I replace where the old cream color is and make it the textured background? Where do I insert the code?

    Hopefully that makes better sense, if not I'll try again.

  • #8
    Senior Coder
    Join Date
    Jan 2011
    Location
    Missouri
    Posts
    4,083
    Thanks
    23
    Thanked 592 Times in 591 Posts
    Ok photoshop is the way to go. Make image height 425px and as wide as you can do right now. Use the style code I gave you above
    Code:
    <div class="main-header" style="background-image: url('YOUR IMAGE');background-size:cover;">
    for the top section and
    Code:
    <div class="featured-clients clearfix bottom-2"  style="background-image: url('YOUR IMAGE');background-size:cover;">
    for the bottom.
    Look for that code in your HTML or add styling section to the header.
    Evolution - The non-random survival of random variants.

    "If you leave hydrogen alone, for long enough, it begins to think about itself."

  • #9
    New Coder
    Join Date
    Sep 2013
    Posts
    17
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Thanks I'll try it out. Where do I paste those codes in the HTML or CSS? and do I have to put it on every page?

  • #10
    Senior Coder
    Join Date
    Jan 2011
    Location
    Missouri
    Posts
    4,083
    Thanks
    23
    Thanked 592 Times in 591 Posts
    Look for that code in your HTML or add styling section to the header.
    Just to check things out. If it works add to a style file. That you'll need to find, but for starters I'd use white.css and put the rules as the last entry.

    Remember to back things up in case it don't work the way you want it to!
    Evolution - The non-random survival of random variants.

    "If you leave hydrogen alone, for long enough, it begins to think about itself."

  • #11
    New Coder
    Join Date
    Sep 2013
    Posts
    17
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Okay so put these in the html file?

    Code:
    <div class="main-header" style="background-image: url('YOUR IMAGE');background-size:cover;">
    Code:
    <div class="featured-clients clearfix bottom-2"  style="background-image: url('YOUR IMAGE');background-size:cover;">
    and what do I put in white.css?

  • #12
    Senior Coder
    Join Date
    Jan 2011
    Location
    Missouri
    Posts
    4,083
    Thanks
    23
    Thanked 592 Times in 591 Posts
    IF, and I do mean if, that worked then in white.css put:

    Code:
    .main-header, .featured-clients{
       background-image: url('YOUR IMAGE');
       background-size:cover;
    }
    The problem is the use of 'class'. There maybe other divs using this that you don't want the image in. So check it out good.

    Also .featured-clients is a guess, it could be .bottom-2, but i doubt that.
    Evolution - The non-random survival of random variants.

    "If you leave hydrogen alone, for long enough, it begins to think about itself."

  • #13
    New Coder
    Join Date
    Sep 2013
    Posts
    17
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Alright so the two codes you listed earlier in the HTML and then:

    Code:
    .main-header, .featured-clients{
       background-image: url('YOUR IMAGE');
       background-size:cover;
    }
    in the white.css? Does it matter where I put it in the css?

  • #14
    New Coder
    Join Date
    Sep 2013
    Posts
    17
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Thanks for being patient with me and your time!

  • #15
    Senior Coder
    Join Date
    Jan 2011
    Location
    Missouri
    Posts
    4,083
    Thanks
    23
    Thanked 592 Times in 591 Posts
    No. The two codes in HTML to see if it works. Don't leave them there.
    If it does then onto the white.css at the end and it does matter where you put it in the css.
    Last edited by sunfighter; 09-21-2013 at 08:00 PM.
    Evolution - The non-random survival of random variants.

    "If you leave hydrogen alone, for long enough, it begins to think about itself."


  •  
    Page 1 of 2 12 LastLast

    Tags for this Thread

    Posting Permissions

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