Css3?

**catlover48856** · August 3rd, 2013

Hello my name is Brooks and I am currently aiming to create my own website through Html5, CSS3, and Javascript. However I didn't get very far before I hit a roadblock. While using Bluefish IDE it gives auto-complete options. When trying to resize my backround I decided to use "background-size" from CSS3. But it didn't give me the auto-complete option. I typed it in anyway and ran the program in firefox (Latest Version) but it didn't resize. Please help.

Code:

<!DOCTYPE html>
<html>
 <head>
  <title>BnJ's Personal Pc's-Colorado's Choice Custom Computers</title>
  <meta charset="utf-8">
  <meta name="description" content="BnJ's Personal Pc's finally gives the average Joe the infomation they needed to buy their very own
   computer. Making personal computers personal.">
  <style>
  h1{
  text-align:center;
  color:gray;
  padding-bottom:.5cm;}
  body {
    background-image:url(Sources/HPbackground.jpeg);
  }
  p{
  font-family:"Tlwg Typo";
  font-size:25px;
  text-align:left;
  }
  .titleB{
  background-color:greenyellow;
  background-size:3cm 2cm;<-There
  border: 5px solid darkgray;
  
  }
  
  </style>
  </head>

 <body>
 
 <div class="titleB">
   
   <h1>Welcome To BnJ's Personal Pc's!</h1>
   </div>
   
 <p>Get started below.</p>

 </body>

Thanks,
Brooks Rady

**pqwoerituytrueiwoq** · August 3rd, 2013

probably cause your background is a color not a image is why it is not working
if you really need to resize a background color use a css gradient from and to the same color
also you should have <-there in a comment like this /* <- There */

**catlover48856** · August 3rd, 2013

Is there any other way to create a box around text then?

**pqwoerituytrueiwoq** · August 3rd, 2013

you mean a border? around a element that contains text?

Code:

<span style="border: 5px solid blue;border-radius:3px">Hello World</span>

**catlover48856** · August 3rd, 2013

Closer... but I need to fill that box so I can see the text aginst the background. So it stands out.

**pqwoerituytrueiwoq** · August 3rd, 2013

apply a background color then or go fancy with a text shadow
you can use the background color of rgba(0,0,0,.65)
*IE9 and below do not support text shadow
*IE8 and below do not support rgba, a workaround is a small png background of a rgba color

if you can give me a drawing or a edited screen-shot of what you want i can give you css to do it

**catlover48856** · August 3rd, 2013

Here Is a pic. Once you see the background you'll know why I need box.Screenshot from 2013-08-03 12:11:48.jpg

**pqwoerituytrueiwoq** · August 4th, 2013

You know there is a easier way right
http://pastebin.com/KADV9jYP
here is a sample html file you can work with
enjoy the fabulous background image

Thread: Css3?

Thread Tools

Display

Css3?

Re: Css3?

Re: Css3?

Re: Css3?

Re: Css3?

Re: Css3?

Re: Css3?

Re: Css3?

Tags for this Thread

Bookmarks

Bookmarks

Posting Permissions