Asked By
Brody
300 points
N/A
Posted on - 05/28/2011
This is a website we are making for the band and trying to make it, so it can be attached in an email or such. I desire all images and CSS to remain in an online file or embed in the document.
My problem is that the links in the navigation are not working, and I want to style the links to be yellow or another color. Paste into your notepad or such to view.
Code:
<html>
<title> Stolen innocence </title>
<style type "text/css">
html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif;text-align:center}
p{margin:0 10px 10px}
a{padding:5px; text-decoration:none; color:#ffffff;}
div#page{background-color:#000000}
div#header{float:center;background-color:#550000;width:95%;height:80px;line- height:80px;margin:10;padding-left:10px;color:#ffffff}
div#content{line-height:2;float:right;width:68%;background-color:#333333;color:#ffffff;margin-right:40}
div#navigation{background-color:#330000;color:ffff33;margin-bottom:5px;width:95%;margin-left:10;margin-right:10}
div#sidebar{margin-left:40;background:#ffffff;float:left;width:25%}
div#footer{background:#550000;float:center;clear:both;width:95%;margin:0;padding:5px 10px;color:#ffffff}
div#contact{float:center;width:95%;background-color:#330000;color:ffffff;Margin-left:10;margin-right:10}
</style>
</head>
<body>
<div id="page">
<div id="header"><h1><center>STOLEN INOCENCE</center></h1></div>
<div id="contact"><center>CONTACT INFORMATION</center>
<center>Email : E**********[email protected]</center>
<center>Phone : 260 – STOLEN – 4</center></div>
<div id="navigation">
<p><strong><center> Our Band's Links</center></strong><p>
<a href="http://www.reverbnation.com/stoleninocence/">Stolen innocence on ReverbNation</a>
</div>
<div id="sidebar">
<p><strong>Stolen innocence press Kit</strong></p>
<p>Welcome to the band of Stolen Inocence. We are based in Colorado Springs, and we are a emerging band. We sent you this file in hopes that you could help our band. Please listen the included MP3's that are included on this page and decide if you are interested in our band. If you are, please contact us, Information provided at the top of the page.</p>
</div>
<div id="content">
<p><strong>Welcome to our band, Stolen Inocence</stromg></p>
<p><img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.0NXC/ bT*xJmx*PTEyOTczMDcwOTg*MDAmcHQ9MTI5NzMwNzEyNTYwNiZwPTI3MDgxJmQ9dHVuZVdp
ZGdldF9maXJzdF9nZW4mZz*xJm89/NTAyMGEwMTY3NTk4NGNjYTk4ZmExMjk1NzRjODk2MjAmb2Y9MA==.gif" /><embed type="application/x-shockwave-flash" src="http://cache.reverbnation.com/widgets/swf/19/tuneWidget.swf" height="415" width="434" align="top" bgcolor="#ffffff" loop="false" wmode="opaque" quality="best" allowScriptAccess="always" allowNetworking="all" allowFullScreen="true" seamlesstabbing="false" flashvars="twID=artist_595227&posted_by=artist_595227&shuffle=&autoPlay=false&blogBuzz=buzz" /><br /><a href="http://www.reverbnation.com/sitebuilder" onclick="javascript:window.location.href="http://www.reverbnation.com/c./a4/19/595227/Artist/595227/Artist/link"; return false;"><img alt="Band website builders" border="0" height="19" src="http://c2sostatic.reverbnation.com/widgets/content/19/footer.png? 1" width="434" /></a><img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://www.reverbnation.com/widgets/trk/19/artist_595227/artist_595227/t.gif" /><a href="http://www.quantcast.com/p-05—xoNhTXVc" target="_blank"><img src="http://pixel.quantserve.com/pixel/p-05—xoNhTXVc.gif" style="display: none" border="0" height="1" width="1" alt="Quantcast" /></a></p>
</div>
<div id="footer">
<p> (c) 2011 Stolen Inocence. All Rights Reserved.
</div>
</div>
</body>
</html>
Answered By
Harry
200 points
N/A
#104200
Html code problem attached code
Hi Brody,
You got a spelling mistake in your acronym tag <a>. href attribute of it.
<a href="http://www.reverbnation.com/pastordavidpalmer">David Palmer on ReverbNation</a>
It is not href. You have to change it as href.
The href attribute defines the destination for a link.
I guess you are not using any kind of IDE. If you use a IDE like Dreamweaver, Aptana something like that for a HTML editing, you can avoid these spelling mistakes.
And for the other problem, here is the solution.
There are attributes in the body tag <BODY> for this purpose.
<body link="yellow">
This will defined the default color as yellow for unvisited links in your document.
Like this you can specify the color for visited links.
<body vlink="green">
And also like this you can set the color for active links.
<body alink="red">
If you want to display this in a CSS file you can use this as.
a:link {color: yellow}
a:vlink {color: green}
a:alink {color: red}
Rather than using the color name you can use the.
hexa-decimal code
a:link {color: #FF0000}
Or
RGB value
a:link {color:rgb(255,0,0)}
So now your problem is solved.
Answered By
Harry
200 points
N/A
#104201
Html code problem attached code
Let me briefly explain what are link, alink and vlink.
Link is the color of a link before it have been followed. Colors before you click it.
alink is the color of a link while it is being followed. Colors when you point your mouse into the link.
vlink is the color of a link after it been followed. Colors after you click it.
So you can use the link attribute to style the links to be yellow or another color.
And about the IDEs (Integrated Development Environment). Try to get the maximum benefits of using HTML editor software when you develop a complex web site.
Try to use a WYSIWYG (What you see is what you get) editors rather than a text editor like notepad.
WYSIWYG editors will provide you a editing interface, where you can clearly see how the page is going to be displayed on a web browser. This does not require any HTML knowledge. Most of the time, it has drag and drop capability, auto complete capability and many more. So they are easier for a novice computer user to getting started with web developing.
There are several WYSIWYG editors I would prefer to use. They offer the best accuracy, speed and maximum ease of use.
My number 1 is Macromedia/Adobe Dreamweaver, proprietary IDE. Next is Aptana Studio, an open source freely available cross platform IDE and there are many more like CoffeeCup HTML Editor, Amaya, and MS Front Page etc,.
Specialty of each of them is, they do not require a special knowledge of the programming language to build the web page. And they always tend to generate a high quality graphical user interface, with interactive pages. When you are choosing a IDE for your needs, consider the following factors.
There are freely available ones and proprietary ones.
OS supporting.
Editor features.
1. Server side scripting.
2. Spell checking.
3. Templates.
4. Page Preview.
5. Form Handler.
6. WYSIWYG.
Web technology support.
Image format support.
Hope you will find a better IDE and avoid making spelling mistakes again.
Answered By
jacob
250 points
N/A
#104202
Html code problem attached code
Audio player HTML code problem:
I am attempting to add an audio player on the website so viewers can listen to an audio file.
I have the HTML code and loaded it into the module. However, when I click "ok" it looks like it is loading, but it freezes.
Am I am not being patient enough and expect it to take a long time to load? Or, am I doing something wrong"?
Also that message about "defer="defer" code has been added" keeps coming up.
I have no idea what that means.
Help!
Re: Audio player HTML code problem:
Jocelyn, if you are getting the "defer=defer" message, then it sounds like you are using some sort of JavaScript audio player. It may be that you will need to add IFRAME around the code, or insert the code into a custom footer. Or, it may not work at all if the script requires capabilities that are not available with OfficeLive websites.
Which player are you trying to use?
If this answer's your question, don't forget to click on "Mark as Answer". It's in the upper right-corner of any reply, and will ensure that the question is properly closed.
Re: Audio player HTML code problem:
Try this. I believe it worked for me, when I tried it out several months ago. It's worth a shot.
U pload .mp3 file to Documents folder (as an example, let’s say the file is MYAUDIO.MP3).
Insert HTML Module, and in the HTML dialog box, insert the following:
Good luck!
