PDA

View Full Version : h1 problem


blimp
07-21-2009, 01:51 AM
Can any explain to me why this is happening?

I need to add a heading call ABOUT US in between the slideshow and text. I inserted the following

<div id="slideshowContainer">
<div id="flashcontent">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%" id="FlashID" title="images">
<param name="movie" value="slideshow/loader.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="9.0.45.0" />
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you donít want users to see the prompt. -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<param name="base" value="." />
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="slideshow/loader.swf" width="100%" height="100%">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="9.0.45.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<param name="base" value="." />
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</div>
</div>
<div id="aboutus"><h1>About Us</h1></div>
<div id="textContent">
<p>Caterina Franco Music Tuition is about having fun and discovering the musical talent hidden inside you. Situated in Jannali in the heart of Sutherland Shire <span class="italic">(across the road from the station)</span>, it's hallmark is all about caring and the thoroughly professional approach to music education.<br />
<br />
Caterina Franco Music Tuition specialises in piano, clarinet, saxophone, and electronic keyboard tuitions. Music Education can stimulate the senses and has been proven in the development of the imagination, creative thinking and communication. Whether you would like to learn music for vocational or purely recreational reasons, we can cater to suit your requirements. Music tuition is not just for children, we also provide music tuition for private students from beginners through to advanced levels including HSC subjects. We can also prepare students for all accredited music examinations including AMEB, eisteddfods, competitions (local and international) as well as the academy's own recitals and performances. To complete our dedication, we also offer accompaniment services. We can focus on students who wish to reach the highest degree of competence on his or her chosen instrument.<br />
<br />
Our fees are highly competitive and truly great value for investing time each week or term with a professional musician. The choice is yours as to how far you want to follow your passion of music.<br />
<br />
Start living your dream by contacting Caterina Franco Music Tuition to begin your tuitions on piano, clarinet, saxophone, and electronic keyboard today!</p>
</div>

I'm not 100% why but in DW it looks like this:
http://img193.imageshack.us/img193/4308/picture1bay.png

I've tried adding CSS but doesn't seem to affect it.

This is the CSS t:
#aboutus {
height: 30px;
width: 200px;
position: relative;
top: 310px;
left: 62px;
}
.h1 style {
font-family: Verdana;
font-size: 14px;
color: #F60;

Reasons why...?

edbr
07-21-2009, 01:53 AM
h1 {
font-family: Verdana;
font-size: 14px;
color: #F60;}

blimp
07-21-2009, 02:02 AM
Thanks edbr....

I see what I've done wrong, I wanted to only style that h1 on the index page. Instead I set a h1 class like this ( .indexh1 ) and applied that like this.

<div id="aboutus"><h1 class=" index_h1">About Us</h1></div>

works perfect now, cheers....:p

edbr
07-21-2009, 04:39 AM
you can use .index h1 to apply to a specific class (or div id come to that)