Topic: Aieeeieeeieeee!!!! (Page 1 of 1) Pages that link to <a href="https://ozoneasylum.com/backlink?for=26808" title="Pages that link to Topic: Aieeeieeeieeee!!!! (Page 1 of 1)" rel="nofollow" >Topic: Aieeeieeeieeee!!!! <span class="small">(Page 1 of 1)</span>\

 
bitdamaged
Maniac (V) Mad Scientist

From: 100101010011 <-- right about here
Insane since: Mar 2000

posted posted 10-07-2005 18:37

Alright this is a bit of a site review and CSS question all in one.

Before I get to the link I should give a bit of background. I use some software called SlimServer Which runs on my Linux box at home. What it does is create a stream of my MP3 collection based on a playlist which I set via a web interface. So basically I can go to work, point Winamp to the stream url and listen to all my mp3s as if they were right there with me.


The default UI that comes with the device is kind of lame using frames and a bunch of page reloads. So I figured I'd write a new Ajax based one that was a single page with a couple of DHTML tricks thrown in.

It's not quite done yet theres a bunch of admin screens which I'm just throwing in into an iframe right now I might keep this like that but I need to redo the screens.

Anyway I have a layout I'm comfortable with and it's all totally CSS based with the idea being that someone could easily reskin the app (because really it's an app not just a webpage) without having to go into the JS.

Anyway if you view the page in FF then it works fine but in IE it's all hinky. Mainly there's some links that are floated with percent widths that aren't working properly. I'd like some help getting those working and any other suggestions for cleaning up the CSS/layout code I'd appreciate it. Once I get this cleaned up I'm pretty close to releasing this to the slimserver guys to see if it's a skin they'd want to include in their distribution.

Anyway this app is really not meant to be used by multiple users but you can use it if you want to see how it works. (You don't need to actually connect to it to help me out and quite frankly this only really does about 3 streams at a time without getting lag issues so go gentle)

Fire up your favorite Mp3 player and connect to (this will be no sound right now because you haven't chosen any songs)
http://mikeryans.homeip.net:9000/stream.mp3

Then go to:
http://mikeryans.homeip.net:9000/htmlxml/html/dragger.html

This is the actual page I need help on. If you've connected a player then select your player by IP in the players dropdown. If you want to listen to something, choose from the library on the left. The + link will add the artist or song to your playlist the > button will replace your playlist with the selection. If you just want to play around select the "Work" player that's my player at work but I'm not using it right now.

Anyway you'll see the links and other stuff is all hinky in IE. etc. But all feedback welcome.

BTW Right now this works pretty well in Opera, IE and Moz I haven't figured out how to debug Konquerer using Cygwin/KDE and don't even have access to a Mac.

thanks!



.:[ Never resist a perfect moment ]:.

(Edited by bitdamaged on 10-07-2005 18:44)

reisio
Paranoid (IV) Inmate

From: Florida
Insane since: Mar 2005

posted posted 10-07-2005 20:03

Make this the first line in your markup:

code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

A valid doctype is required by most browsers to be in standards mode and not quirks mode. Internet Explorer's quirks mode is especially horrible, but Gecko's is annoying, too. Standards mode is especially important to CSS layout. That doctype should improve sameness across browsers.

(Edited by reisio on 10-07-2005 20:08)

CPrompt
Maniac (V) Inmate

From: there...no..there.....
Insane since: May 2001

posted posted 10-11-2005 20:37

well I dont have time to take a peak at the code but hey...that's a pretty nifty setup.

Clean up the interface and that will be a winner. It was a bit difficult to get around in but all that stuff is for a different day

Later,

C:\



Post Reply
 
Your User Name:
Your Password:
Login Options:
 
Your Text:
Loading...
Options:


« BackwardsOnwards »

Show Forum Drop Down Menu