|
|
Posted by Cerebral Believer on 09/25/06 08:27
Hi Toby,
I chose to re-think what I was doing a little after reading the responses
here. I am using FrontPage plus my own efforts to modify some of the code.
I have a page at
http://futurebydesign-music.com/_music/Future%20By%20Design/Long%20Journey%20Home%20Listen.htm -
which is a page in progress, on a site in progress. This is what I have
done so far and is my first effort at using FrontPage.
The problem I have is that some of the images I am using do not show up,
they are used as links to streaming audio files, and although the files
reside in exactly the same directory as some other image files I am using on
this page, and the HTML code seems to be correct, but they are not
displaying (I checked they are on the server too). The images do show in
preview mode in FrontPage though, so I am wondering if my CSS has introduced
a conflict somehow which prevents the images from showing?
Here is part of my HTML
<td class="valtop">
<a class="lisbut" onmouseover="document.getElementById('trk1m').src =
'../../images/listenbuy/mp3_mo.jpg';"
onmouseout="document.getElementById('trk1m').src =
'../../images/listenbuy/mp3.jpg';"
href="../../musdir/001Rs/Smooth%20Groove.m3u" type="audio/x-mpegurl">
<img class="lisbut" id='trk1m' src="../../images/listenbuy/mp3.jpg"
alt="Smooth Groove (.mp3)"></a>
<a class="lisbut" onmouseover="document.getElementById('trk1r').src =
'../../images/listenbuy/ra_mo.jpg';"
onmouseout="document.getElementById('trk1r').src =
'../../images/listenbuy/ra.jpg';"
href="../../musdir/001Rs/Smooth%20Groove.ram" type="audio/x-pn-realaudio">
<img class="lisbut" id='trk1r' src="../../images/listenbuy/ra.jpg"
alt="Smooth Groove(.ra)"></a>
<br>
<a type="audio/x-mpegurl" title="Listen to the .mp3 sample of this track"
href="../../musdir/001Rs/Smooth%20Groove.m3u">mp3</a> -
<a title="Listen to the .ra sample of this track"
href="../../musdir/Smooth%20Groove.ram">real</a><br/></td>
</tr>
The relevant CSS is:
..valtop {
vertical-align: top;
text-align: center;
}
..lisbut {
border: 1.5px solid #000000;
}
Maybe I will not use CSS to align my images, perhaps it was wrong to use
text-align but instead I should have used a div or <p align="center"> tag.
What are your thoughts on this and the design in general.
Regards,
C.B.
"Toby Inkster" <usenet200608@tobyinkster.co.uk> wrote in message
news:ugeiu3-e0l.ln1@ophelia.g5n.co.uk...
> Cerebral Believer wrote:
>
>> Anyone know if it is possible to use one hyperlink and a selection of
>> radio
>> buttons to send a person to a particular page depending on what radio
>> button
>> they check
>
> It's certainly possible with a bit of Javascript attached to the "onclick"
> event of the hyperlink, but there are probably better ways of allowing the
> user to select between two different formats.
>
> One method might be to use a submit button to submit the radio button
> selection. A bit of CSS could style this to look almost exactly like a
> regular link.
>
> A better method might be to abandon the radio buttons altogether. If you
> simply want to offer a choice between two different formats, you could use
> two different links:
>
> <ul>
> <li><a href="high/">Broadband version</a></li>
> <li><a href="low/">Dial-up version</a></li>
> </ul>
>
> --
> Toby A Inkster BSc (Hons) ARCS
> Contact Me ~ http://tobyinkster.co.uk/contact
>
Navigation:
[Reply to this message]
|