Jump to content


 


Register a free account to unlock additional features at BleepingComputer.com
Welcome to BleepingComputer, a free community where people like yourself come together to discuss and learn how to use their computers. Using the site is easy and fun. As a guest, you can browse and view the various discussions in the forums, but can not create a new topic or reply to an existing one unless you are logged in. Other benefits of registering an account are subscribing to topics and forums, creating a blog, and having no ads shown anywhere on the site.


Click here to Register a free account now! or read our Welcome Guide to learn how to use this site.

Photo

Please help with html code


  • Please log in to reply
2 replies to this topic

#1 scorpia13

scorpia13

  • Members
  • 41 posts
  • OFFLINE
  •  
  • Gender:Female
  • Local time:09:18 AM

Posted 19 March 2011 - 03:10 AM

I'm trying to create my first website, and I want to know how to create a side bar (navigarion bar), so when you click on it, it directs you to another page. I know how to make it do that, but I can't make it have a different color from the background one. Here's a bit of my code. Please explain to me how to make the sidebar have a different color from the background, and how to make the actual background (where my main body is written) as picture. (.jpg or .gif image)

<div class='full-header' style='padding-top:5px'>
<div style="text-align: center;">
</div>

<div style='float:right; text-align:right; width:15%;'>Saturday, March 19, 2011</div>
</div>
<table style='width:100%;padding:0px;'>

<table bgcolor="#8AFB17">

<tr>
<td style="width:170px;" valign='top' class='side-border-left'><div style='width:100%;padding:0px;'>

<div class='scapmain' style='text-align:center;height:14px;'><STRONG><H4>Fact File</H4></STRONG></div>

<div class='side-body'>

&nbsp;&nbsp;&nbsp;&nbsp;<img src='Milford Track.jpg' WIDTH="140" HEIGHT="120" alt='Milford Track' title='Milford Track' />&nbsp;<br />
<ul>
<li class='navlink'> <a href='Population.html' class='side'>Population</a></li>
<li class='navlink'> <a href='Climate.html' class='side'>Climate<br />
<li class='navlink'><a href='Natural Attractions.html' class='side'>Natural Attractions</a></li>
<li class='navlink'> <a href='Activities.html' class='side'>Activities</a></li>
<li class='navlink'> <a href='Shopping Suggestions.html' class='side'>Shopping Suggestions<br />
<li class='navlink'> <a href='Special events.html' class='side'>Special Events</a></li>
<li class='navlink'> <a href='Did you know?' class='side'>Did you know...?</a></li>
</bg>
</ul>
</div>
<td valign='top' class='main-bg'><div class='open_table'>

<div class='main-body'>

<div style="text-align: center;"><class="main-text">
<Body bgcolor="#FFFF00">

<H1><STRONG><EM><U>Contents</U></EM></STRONG></H1>
<DL>
<DT><STRONG>Milford Sound</STRONG>
<DD><A HREF="#Scenic Daytime Cruise">Scenic Daytime Cruise.</A>
<DD><A HREF="#Nature Daytime Cruise">Nature Daytime Cruise.</A>
<DD><A HREF="#Coach and Scenic Cruise"> Coach and Scenic Cruise.</A>
<DD><A HREF="#Milford Sound Overnight Cruises">Milford Sound Overnight Cruises.</A>
<DD><A HREF="#Scenic flight and return journey">Scenic flight and return journey</A>
<DT><STRONG>Doubtful Sound</STRONG>
<DD><A HREF="#Doubtful Sound Excursion">Doubtful Sound Excursion.</A>
<DD><A HREF="#Doubtful Sound">Doubtful Sound.</A>
</div>
<div style="text-align: left;">
<HR>
...
...
...
blah blah blah (text)
...
...
...
</DIV>
</BODY>
</HTML>
The core of mans' spirit comes from new experiences.

BC AdBot (Login to Remove)

 


#2 JosiahK

JosiahK

  • Members
  • 269 posts
  • OFFLINE
  •  
  • Gender:Male
  • Local time:09:18 PM

Posted 19 March 2011 - 04:43 AM

To do any of those, and anything else regarding what the page looks like (rather than what it says or what it does) you should use CSS.
http://www.w3c.rl.ac.uk/primers/css/cssprimer.htm#c1

You'd be using backgroud-color: and background:image for what you mentioned.
Quod non mortiferum, fortiorem me facit.
I don't read minds. Please help everyone by answering any questions and reporting on the results of any instructions. Query any concerns and explain problems or complications.

#3 scorpia13

scorpia13
  • Topic Starter

  • Members
  • 41 posts
  • OFFLINE
  •  
  • Gender:Female
  • Local time:09:18 AM

Posted 19 March 2011 - 07:34 PM

Thanks a lot Josiah. That was very helpful. :thumbsup:
The core of mans' spirit comes from new experiences.




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users