Hello and welcome to our community! Is this your first visit?
Register
Results 1 to 9 of 9
  1. #1
    Enthusiast Abadax's Avatar

    Join Date
    Apr 2009
    Location
    North America
    Posts
    1,723

    Double Background Image

    I'm getting banned from my computer for the summer and I don't have much else to do other than play around with some html. I'm making a little web page and I have a background image problem.

    I already have my background image, and Now I need the other image to be over the background image, and be able to have text over. It it possible for me to do this?

    HTML source:
    [spoiler:1h2g4dpo]
    Code:
    <html>
    	<title>Abadax Webs</title>
    	<head>
    		<link rel="stylesheet" type="text/css" href="index.css" />
    	</head>
    		<body>
    			<h1 class="title">
    				Niggers
    			</h1>
    			[img]main area.png[/img]can I put shit inside here?</img>
    		</body>
    </html>
    [/spoiler:1h2g4dpo]

    CSS source:
    [spoiler:1h2g4dpo]
    Code:
    body
    {
    text-align:center;
    background-image:url(&#39;background.png&#39;);
    background-repeat:repeat-x;
    }
    .title
    {
    text-align:left;
    }
    [/spoiler:1h2g4dpo]

    And don't bitch about the design. This isn't going to be a real site so it doesn't matter.

  2. #2
    Veteran Enthusiast LeadingManNigel's Avatar


    Join Date
    May 2005
    Location
    New York City
    Posts
    6,213

    Re: Double Background Image

    Use CSS to create the gradient with a border and just layer it over your image. I believe thats possible with CSS3.

  3. #3
    Newbie
    Join Date
    May 2011
    Posts
    13

    Re: Double Background Image

    Quote Originally Posted by LeadingManNigel
    Use CSS to create the gradient with a border and just layer it over your image. I believe thats possible with CSS3.
    I can verify that is is possible with CSS3.

  4. #4
    Enthusiast Abadax's Avatar

    Join Date
    Apr 2009
    Location
    North America
    Posts
    1,723

    Re: Double Background Image

    How do I do that? I only have 1 more day left to play on my computer and I didn't exactly finish learning CSS. :/

  5. #5
    Veteran Enthusiast LeadingManNigel's Avatar


    Join Date
    May 2005
    Location
    New York City
    Posts
    6,213

    Re: Double Background Image

    http://css-tricks.com/css3-gradients/
    Literally first Google search.

  6. #6
    Insanity Skype's Avatar



    Join Date
    Apr 2007
    Location
    England
    Posts
    27,397

    Re: Double Background Image

    Or if you wanted you could just create a <div> tag and set the other background image to that, then put everything inside said <div> tag.

  7. #7
    Enthusiast Abadax's Avatar

    Join Date
    Apr 2009
    Location
    North America
    Posts
    1,723

    Re: Double Background Image

    Quote Originally Posted by Skype
    Or if you wanted you could just create a <div> tag and set the other background image to that, then put everything inside said <div> tag.
    I'm probably going to use this one since I haven't used div tags yet, but are there any other ways?

  8. #8
    Insanity Skype's Avatar



    Join Date
    Apr 2007
    Location
    England
    Posts
    27,397

    Re: Double Background Image

    Quote Originally Posted by Abadax
    Quote Originally Posted by Skype
    Or if you wanted you could just create a <div> tag and set the other background image to that, then put everything inside said <div> tag.
    I'm probably going to use this one since I haven't used div tags yet, but are there any other ways?
    Not that I know of. Using div tags is the simplest way.

  9. #9
    Enthusiast Abadax's Avatar

    Join Date
    Apr 2009
    Location
    North America
    Posts
    1,723

    Re: Double Background Image

    alright, thanks guys. one of you can lock this now.


 

Posting Permissions

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