Skip to Content
It is currently October 15th, 2019, 9:45 am

All times are UTC - 6 hours [ DST ]




Post new topic Reply to topic  [ 11 posts ] 
Author Message
PostPosted: January 21st, 2019, 10:10 am 
Offline
Senior User
Senior User

Joined: July 23rd, 2007, 2:22 am
Posts: 117
Hi Mastacheata, I notice that the data in the Currently Playing dialog box, the song's information is centered in the table and I was wondering if there is some way I could get it left-aligned with a bit of a margin between the album art and the text so it doesn't look too squished.

If I get a song playing and it has a short name, it looks very strange, the long ones not so much.

I'm not at home right now to remember what the attribute is in the the .css, but I did notice for what I thought was the "currently_playing" attribute that the text was aligned 'center'. I did change that to 'left', but that didn't seem to make much of a difference.

Would you be able to help me pinpoint the .css attribute for this?

Thanks!


Attachments:
now_playing.jpg
now_playing.jpg [ 34.65 KiB | Viewed 1157 times ]

_________________
Park Magic Radio
http://parkmagicradio.ca
Top
 Profile  
Reply with quote  
PostPosted: January 21st, 2019, 1:14 pm 
Offline
SVS Member
SVS Member

Joined: December 6th, 2004, 9:00 am
Posts: 7878
Location: Aachen (Germany)
margin or padding, I guess.
I'm pretty sure we had just that problem with another user a few months ago. I'll see if I can find the thread again.

_________________
Benedikt Bauer - SVS (Spacial Volunteer Support)

We're offering custom PAL / PHP code and general SAM assistance at palscripts.com

My Project:
Send "Now Playing" from SAM to Twitter and/or Facebook | Sourcecode


Top
 Profile  
Reply with quote  
PostPosted: January 22nd, 2019, 6:15 am 
Offline
Senior User
Senior User

Joined: June 1st, 2005, 11:46 pm
Posts: 113
Location: Cosmopolis, Washington
also check column size. It could be the left column is bigger than the album art thus creating the large gap.

_________________
https://deadtoselfradio.com
https://fuelradio.net


Top
 Profile  
Reply with quote  
PostPosted: January 23rd, 2019, 3:15 pm 
Offline
Senior User
Senior User

Joined: July 23rd, 2007, 2:22 am
Posts: 117
Thanks guys, I sort of had this figured out myself and then I noticed in the display.playing.php file and the style.css file, some of the wrapper styles were named differently. For example, some of the the currently-playing attributes were named with underscores instead of dashes.

currently-playing-title in the style.css file was named currently_playing_title in display.playing.php with underscores.

I fixed the remaining css to all dashes except for the _wrapper at the top of each section, and that threw my columns off whack. I've been struggling a little since yesterday trying to get this cleaned up. I'm down to 4 columns in the Currently Playing box.

Column 1 is the album art, Column 2 is the Song Title and Album, Column 3 is the Currently Playing Duration, and Column 4 is the Time Remaining. There were other columns in the original php that I took out, now I just have to fight with the spacing, centering, cellpadding, etc.

After spending a few hours last night fixing all of this, I noticed that the track info is still centered in the column. Back at it tonight to try and figure it out... but if I can't find it I'm going to leave it as-is.

In addition to this, awhile back I added an Announcements wrapper and copied the css from the Coming Up wrapper but as you can see, the spacing in the wrapper title "Announcements" is still out of alignment. Something else I need to fix.

I was successful, however, in adding the Requested image, and also adding the track length to each track in the Coming Up wrapper. I was kind of pleased with myself for finding out how to do that.

Any advice you can offer me?

Thanks again.

_________________
Park Magic Radio
http://parkmagicradio.ca


Top
 Profile  
Reply with quote  
PostPosted: January 23rd, 2019, 4:34 pm 
Offline
SVS Member
SVS Member

Joined: December 6th, 2004, 9:00 am
Posts: 7878
Location: Aachen (Germany)
dan40 wrote:
Any advice you can offer me?

Use the web developer tools of your browser to modify stuff on the fly and inspect which CSS property might be responsible.
(Pressing F12 should open a window or a small area inside the window, then click the inspector Tab in Firefox or Elements Tab in Chrome and MS Edge)

You still need to do the changes in the CSS files afterwards as well, but the webdev tools are a massive help in finding the right rules in the CSS file to change.

_________________
Benedikt Bauer - SVS (Spacial Volunteer Support)

We're offering custom PAL / PHP code and general SAM assistance at palscripts.com

My Project:
Send "Now Playing" from SAM to Twitter and/or Facebook | Sourcecode


Top
 Profile  
Reply with quote  
PostPosted: March 1st, 2019, 4:16 am 
Offline
Junior User
Junior User

Joined: January 21st, 2013, 9:33 pm
Posts: 33
If your still trying to align that text left, try this, go back to your display.playing.php and do this

<td align="left" colspan="2">
<span id="currently-playing-title">

at least that is how mine looks, yours might be slightly different but all you should have to do is add align="left"

_________________
Never a dull moment at MIXROCKMETAL.COM ~ UP THE IRONS \m/


Top
 Profile  
Reply with quote  
PostPosted: April 5th, 2019, 8:25 pm 
Offline
Senior User
Senior User

Joined: July 23rd, 2007, 2:22 am
Posts: 117
Back at it. I got the alignment fixed for the most part. It was the space allocated for the album image. Now the Duration (Time) of the song is way off. I'll keep at it.

_________________
Park Magic Radio
http://parkmagicradio.ca


Top
 Profile  
Reply with quote  
PostPosted: April 5th, 2019, 9:56 pm 
Offline
Senior User
Senior User

Joined: July 23rd, 2007, 2:22 am
Posts: 117
Well, I still haven't figured out how to lessen the right margin space where the album artwork is. But, I've set the now playing title/album/artist to "auto", which seems to do the trick. However, when the track has a very short title, it will appear more toward the centre of the column span. I could probably live with this, but I'd like to be able to fix it. You won't believe how much I'm learning about PHP coding! :)

_________________
Park Magic Radio
http://parkmagicradio.ca


Top
 Profile  
Reply with quote  
PostPosted: April 6th, 2019, 3:00 am 
Offline
Junior User
Junior User

Joined: January 21st, 2013, 9:33 pm
Posts: 33
I always try to keep my album arwork the same dimension for all albums 1st of all, maybe you need to add "no wrap" in the <td> to keep text where it should be, its just something that is in my Tables and seems to work

_________________
Never a dull moment at MIXROCKMETAL.COM ~ UP THE IRONS \m/


Top
 Profile  
Reply with quote  
PostPosted: April 6th, 2019, 3:33 am 
Offline
Junior User
Junior User

Joined: January 21st, 2013, 9:33 pm
Posts: 33
These are how mine look, let me know if I can help a little more


Attachments:
block2.jpg
block2.jpg [ 40.56 KiB | Viewed 809 times ]
block1.jpg
block1.jpg [ 40.1 KiB | Viewed 809 times ]

_________________
Never a dull moment at MIXROCKMETAL.COM ~ UP THE IRONS \m/
Top
 Profile  
Reply with quote  
PostPosted: April 24th, 2019, 2:46 am 
Offline
Senior User
Senior User

Joined: July 23rd, 2007, 2:22 am
Posts: 117
Problem solved!

I used the F12 code viewer to find the culprit. As it turns out, a <td> tag was missing a width value, so I added:
Code:
<td width="220">

to the table data tag, and voila! The text is aligned left and closer to the album image.

Image

Something so simple, yet so complex!

Thanks to all who tried to help me solve this issue! It's been ongoing for several months, but I'm glad I got it resolved!

Dan

_________________
Park Magic Radio
http://parkmagicradio.ca


Top
 Profile  
Reply with quote  
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 11 posts ] 

All times are UTC - 6 hours [ DST ]


Who is online

Users browsing this forum: MSN [Bot] and 14 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
Powered by phpBB® Forum Software © phpBB Group