Help: PEGGY'S OWN RADIO SHOW

ArMaP · January 03, 2014, 11:51:21 AM

Quote from: undo11 on January 03, 2014, 10:32:26 AM
also, she made it as a vector first in illustrator

Which means nothing when converted to PNG.

ArMaP · January 03, 2014, 11:52:56 AM

Quote from: deuem on January 03, 2014, 10:34:30 AM
it loaded instant for me.

It was instantaneous to me after the first load, as it was cached, but the first loading was clearly noticeable.

deuem · January 03, 2014, 12:50:29 PM

The first time I saw it I checked the photo size and it was half of what you wrote 1620 x 632. Or the 53% you mentioned. The photo downloaded maybe larger but when doing properties I only saw it at 53%

It loaded instant for me the very first time. I guess the internet Gods favored me at that moments. I do pay for 8mb connection, which I usually get 1 to 3 if lucky. Once in a Jade wabbit moon I will get an instant connection. And the next moment tossed off the net.

by the way ladies, it looks fantastic. Great job, keep at it !

Deuem

undo11 · January 03, 2014, 01:24:32 PM

deuem deuem

what do you want for your guest page avatar? why aren't you on skype? something wrong with comp?

ArMaP · January 03, 2014, 01:50:47 PM

Quote from: deuem on January 03, 2014, 12:50:29 PM
The photo downloaded maybe larger but when doing properties I only saw it at 53%

That's the problem, the browser has to download the whole image, then it resizes it to a smaller size, and that's a waste of bandwidth.

You can see here that the image is a 850 kB download.
(click for full size)

But I agree, it's looking better and better.

undo11 · January 03, 2014, 04:46:33 PM

armap

hey can you help me fix this problem with css?
the issue is, i can only have a normal repeating background
for the page because of mobile phones not accepting
images scaled to 100% as a background image option. well
they accept it but they squeeze such images down to the size of the window and then the text scrolls off the bottom.

so i thought i'd make a separate background to go in a div but then the text was being treated like it was the background as well and would go right up to the edge of the div background. if i put the div background outside of the div positioning and put it in a separate div, it would disappear.

as you can see from this page, the background also cannot be inside the div as an img statement either, or it just pushes the text down the page.

any suggestions?
http://thelivingmoon.com/undomiel/amy/test4.html

ArMaP · January 03, 2014, 09:59:24 PM

I don't know if I understood what you meant, is it something like this?

Test 4

PS: your HTML code has some errors, mostly because it's supposed to be HTML 5 and many of the things you used disappeared in HTML 5.

Gigas · January 04, 2014, 12:56:28 AM

Quote from: undo11 on January 03, 2014, 04:46:33 PM
armap

hey can you help me fix this problem with css?
the issue is, i can only have a normal repeating background
for the page because of mobile phones not accepting
images scaled to 100% as a background image option. well
they accept it but they squeeze such images down to the size of the window and then the text scrolls off the bottom.

so i thought i'd make a separate background to go in a div but then the text was being treated like it was the background as well and would go right up to the edge of the div background. if i put the div background outside of the div positioning and put it in a separate div, it would disappear.

as you can see from this page, the background also cannot be inside the div as an img statement either, or it just pushes the text down the page.

any suggestions?
http://thelivingmoon.com/undomiel/amy/test4.html

This is how the code should look from the top down:

<!DOCTYPE html>
<html>
<head>
<title>Pegasus Presents</title>
<meta name="description" content="Alternative topic interviews on pre-recorded radio shows.">
<meta http-equiv="content-type" content="text/html;charset=UTF-8">

<style>
a:link {color:##f26522;} /* unvisited link */
a:visited {color:#f26522;} /* visited link */
a:hover {color:#FF00FF;} /* mouse over link */
a:active {color:#f26522;} /* selected link */
</style>
</head>

Be sure the closing tags are on the end

</body>
</html>

undo11 · January 04, 2014, 01:47:32 AM

Quote from: ArMaP on January 03, 2014, 09:59:24 PM
I don't know if I understood what you meant, is it something like this?

Test 4

PS: your HTML code has some errors, mostly because it's supposed to be HTML 5 and many of the things you used disappeared in HTML 5.

thanks armap! but notice this screenshot of it being tested in screenfly. it's an example of it on an apple iphone.

that's the same problem that happens if the background of the whole page is one image.

html 5 is not fully implemented in all browsers. i think you meant html 4

zorgon · January 04, 2014, 02:00:56 AM

Quote from: undo11 on January 03, 2014, 04:46:33 PM
the issue is, i can only have a normal repeating background

Simple solution is make a big background

The pretty stuff at top with nothing but black or white below so the backdrop is linger than the page. Repeat only only happens if your page is too long

zorgon · January 04, 2014, 02:02:23 AM

I alos use at leat ONE table and center it I usually won't make it bigger than 980 wide

That way it fits all small screens and doesn't look to bad on big ones and loads fast

undo11 · January 04, 2014, 02:05:10 AM

Quote from: zorgon on January 04, 2014, 02:00:56 AM
Simple solution is make a big background

The pretty stuff at top with nothing but black or white below so the backdrop is linger than the page. Repeat only only happens if your page is too long

sadly, it doesn't display correctly in mobile devices. they take the entire background image and zoom it down to the size of the window, which can vary from 200 or so pixels wide to 500 or so pixels wide, but they maintain the correct ratio for the size of the font, so the font just falls off the bottom of the texture

my initial attempt was one big image for the background and the mobile devices would zoom it down and the text would scroll off the background to the underlying undecorated bgcolor, such as default white , so i had to use a repeating background in the body background to solve that

Gigas · January 04, 2014, 02:06:36 AM

That BG png is huge.

Try this look. Up load an image of those wings and I can sort it all out for you

undo11 · January 04, 2014, 02:14:23 AM

Quote from: Gigas on January 04, 2014, 02:06:36 AM
That BG png is huge.

Try this look. Up load an image of those wings and I can sort it all out for you

that's pretty cool, gigas.
we aren't gonna change the logo font tho but i like the moon behind the title. that's a cool idea

undo11 · January 04, 2014, 02:17:11 AM

more than 12% of internet traffic is on mobile devices so i must get the page to work for mobile devices. the current version of a51watcher's page works just fine but it has no golden shiny surface, just the brown sandy texture in the background. which is okay but could use some pizzazz

this is the one that works in mobile devices, but because any kind of non-repeating background is zoomed down to fit the entire mobile device window, it makes decorating it further a problem
http://thelivingmoon.com/undomiel/amy/a51watcher.html

Pegasus Research Consortium

News:

Help: PEGGY'S OWN RADIO SHOW

ArMaP

ArMaP

deuem

undo11

ArMaP

undo11

ArMaP

Gigas

undo11

zorgon

zorgon

undo11

Gigas

undo11

undo11