webpage help

  • joziem83
  • Born
  • Born
  • joziem83
  • Posts: 2

Post 3+ Months Ago

hi i'm new to webdesign and was hoping someone could help me. i'm using adobe dreamweaver and am having difficulty placing a slideshow in the header of my website. Also having difficulty changing colour of the main body to match my background.i would really appreciate a hand. thanks in advance
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • Poly
  • Guru
  • Guru
  • User avatar
  • Posts: 1091
  • Loc: Same place you left me.

Post 3+ Months Ago

Hi there.

To adjust the color of your body, you will need to add a CSS element, with the color of your choice. I would suggest you create a standalone CSS file to do this. You can embed the CSS in your page, however, if you have multiple pages on your website, and all of them need to have the same body color it is much easier to include the external file, than it is to add the color information to each page, especially if you ever change the color later on.

Include External CSS file:


You will need to add a single line inside your <head></head> tags. I have provided an example below.
Code: [ Select ]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>

<body>
<div id="test">Testing</div>
</body>
</html>
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Untitled Document</title>
  6. <link rel="stylesheet" type="text/css" href="style.css" />
  7. </head>
  8. <body>
  9. <div id="test">Testing</div>
  10. </body>
  11. </html>


Note the line: <link rel="stylesheet" type="text/css" href="style.css" />. This is the line including your CSS file. Change the name "style.css" to the name of your stylesheet. Also note I have added a <div> tag with the id "test".


Creating Style.css:


Next create your style.css file. Inside style.css add the following code:
Code: [ Select ]
body {
    background-color:#000;
}

#test {
    color: #FFF;
}
  1. body {
  2.     background-color:#000;
  3. }
  4. #test {
  5.     color: #FFF;
  6. }


The CSS tag body will apply any effects between { and } to the body tag of your document. I have added a background-color of black. The tag #test will apply everything between the { and } to elements with the ID "test". Note the <div> tag we added to the document. I have applied a text color of white to this element.

Finishing:


Save both files. Now open your .html document in any browser. It should display with a solid black background and white text saying "Testing". If you have anything else displaying, go back and review your code.


Now on to your slideshow. I will need some more info on this in order to help you. Can you provide a sample of the code? What type of slideshow are you trying to add? What issue are you having specifically? Any errors? Please reply with this info and I'd be happy to help.

Post Information

  • Total Posts in this topic: 2 posts
  • Users browsing this forum: No registered users and 36 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.