Jump to content
  • Announcements

    • spinynorman

      Mandriva Official Documentation

      Official documentation for extant versions of Mandriva can be found at doc.mandriva.com.   Documentation for the latest release may take some time to appear there. You can install all the manuals from the main repository if you have Mandriva installed - files are prefixed mandriva-doc.
    • paul

      Forum software upgrade   10/29/17

      So you may have noticed the forum software has upgraded !!!
      A few things that have changed. We no longer have community blogs (was never really used) We no longer have a portal page.
      We can discuss this, and decide whether it is needed (It costs money) See this thread: Here
bvc

Got a Mac? Can you see this?

Recommended Posts

It may be. I know they were trying with ie, and ie and opera are having probs with

http://home.houston.rr.com/bvc/gs/contact2.html

on my win2k.

 

OK, so I used the gimp to enhance most of the images, and yes for now they're still huge/slow gif's. Don't worry, they'll be changed but I need to figure out why gimp on my ML9.2 will not allow me to save ANYTHING as a jpg :o ...I mean :o ...what's that about? :o

 

It's looking alot better though :P

mine

http://home.houston.rr.com/bvc/gs/

 

work

http://www.gulfstreamgraphics.net/

 

 

 

I tried to use the background mystified pm'd me with;

http://home.satx.rr.com/mystified/img/CD%20Cover.jpg

but it wanted to tile. No, I haven't messed with a css yet and that should take care of that right?. I hope. Rt now, you can't compare to many of the pages because the ones at work can't find their images. Will upload these pages tomorrow, then start on the real clean up and css file.

Share this post


Link to post
Share on other sites

>>Did you validate the CSS for the page too?

>there's is no css for the site. Hopefully that'll change.

 

Actually there is, the background colour and background image are both set in CSS - I think that this is whats causing the problem.

Share this post


Link to post
Share on other sites

Hmmmm....nope, just loooked again....so if there is one, you'll have to give a link.

 

..and, if I go;

http://mywebpages.comcast.net/MUB2/bvc/

with my 1280x1024, the rt side of the screen is a white, blank, strip. Can a small image like this be made to stretch/fit a bigger res? Like a tile;

http://home.houston.rr.com/bvc/

repeats and fills the resolution, can that be done with a none-tile? I've looked;

http://www.w3.org/TR/REC-CSS2/

http://www.w3.org/TR/REC-CSS1

but don't see that it can.....unless I'm missing/not understanding something.

Share this post


Link to post
Share on other sites

heheheh

 <style type="text/css">

body

{

background-image: url(images/gulf.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: top-left;
background-color: DarkBlue

}

</style>

this way the image fills the screen and is fixed so that everything else scrolls....but ya'll probably knew that :D

 

mystified to answaer your thought about a 'color'......the css docs say to specify a color for when the image is not available. So it's a good thing.

Share this post


Link to post
Share on other sites

suuUUUuure. Then, if it's not fixed, and moves....how? 100%?

 

BTW, there's still no css file. It's in the index.htlm as scoopy explained.

Share this post


Link to post
Share on other sites
OK, so I used the gimp to enhance most of the images, and yes for now they're still huge/slow gif's. Don't worry, they'll be changed but I need to figure out why gimp on my ML9.2 will not allow me to save ANYTHING as a jpg :o ...I mean  :o ...what's that about? :o

You will get different options to save depending on the type of image you have opened. If you opened the .GIF file, this is an indexed color image, which the JPEG file type can not handle. You need to convert the color mode to RGB, and then you should be able to save as a .JPG file.

Then, if it's not fixed, and moves....how? 100%?

I don't know what you are trying to ask here --- or which page you are looking at. I seen one of your pages currently has the background image linked to your D: drive, so I will not be able to view that one. Another page you have the background image contained within HTML code, so that one is gonna move with the text (remember that background-image thing is a CSS trick and not HTML code). I did not see any pages using the suggested css code (whether linked to an external file, or tucked inside the HEAD tags) which should make it do what you would like:

background-attachment: fixed;
background-repeat: no-repeat;

Share this post


Link to post
Share on other sites

I did do some research in css and found one page that listed for the background portion, width: 100%;

 

Never tried it so it I don't know if it works. You're going to have to create an external style sheet and link to it on each page. If you want an example look at the source on my web page. HTH If not, just ignore me. :lol:

Share this post


Link to post
Share on other sites
You will get different options to save depending on the type of image you have opened. If you opened the .GIF file, this is an indexed color image, which the JPEG file type can not handle. You need to convert the color mode to RGB, and then you should be able to save as a .JPG file
I see that now. I was able to make a png>then jpg somehow :mellow:

 

mystified understands what I'm asking, I think. I'm curious how to use;

http://home.satx.rr.com/mystified/img/CD%20Cover.jpg

as the background, w/o having it fixed, so that it and the text scroll normally. I'll tinker with the 100% thing and let you know.

 

Don't look at the site rt now, it's a mess. The big_man (boss/owner) had her doing some things for him so she had to stop working on it. This page;

http://www.gulfstreamgraphics.net/

is currently using your suggested code, almost as you suggested. Your page and css code in the .html;

http://mywebpages.comcast.net/MUB2/bvc/

<style type="text/css">

body

{

background-image: url(images/gulf.jpg);

background-repeat: no-repeat;

background-position: top left;

}

</STYLE>

 

our page and the adjusted code in the html;

http://www.gulfstreamgraphics.net/

  <style type="text/css">

body

{

background-image: url(CDCover.GIF);

background-attachment: fixed;

background-position: Top Left

background-repeat: no-repeat;

}

 </style>

 

Now, I did this with a further enhanced;

http://home.satx.rr.com/mystified/img/CD%20Cover.jpg

and it worked great! She chose to edit the code b4 receiving my email containing my enhanced version of mystified's CD%20Cover.jpg.

 

I do plan to make css files for most of the pages. In fact, I'm having fun learning it and may continue to play with it, and built it from nothing. They also want ourt sister co.'s site redone.

http://www.goldenbannerpress.com/

:cheeky:

 

BTW, I'm using css on my site.

Share this post


Link to post
Share on other sites

But don't get locked into thinking you have to use css for the background image. CSS is great but if you find a way to do it easier in html then use it. I don't see why you have to have a "fixed" position, top, left. I used a fixed polition cause I was trying to create a certain effect. You just need a background image. I'll play with it tomorrow both ways and see what I can come up with for you.

 

And good on you for learning so much so fast! :P

Share this post


Link to post
Share on other sites

You're right.

http://home.houston.rr.com/bvc/gs/

http://home.houston.rr.com/bvc/gs/contact2.html

I realize now (the idiot I am) that it was because my resolution at work is 800x600. So it apeared to be stretched to window size. I google and found that there is no way with css to change the image size...only position and the other few options. I tried tonight what I thought I did today at work and what I posted above....but it doesn't work. Images will not stretch.

Share this post


Link to post
Share on other sites

so many links!

 

 

anyway i tried a few of the pages you suggested on my mac and i have to say all images were very grainy. and for the front page the image apperars to be tiled so if you look at it on a larg monitor like on my linux machine you get an annoying tiled bacground.

Share this post


Link to post
Share on other sites

thanks sarah31! Which pages? What resolution? What browser?

 

These are on my sever space and are the pages I'm working on;

http://home.houston.rr.com/bvc/gs/

They are fine (generally) with

 

ML9.2 -Mozilla and family

Win2k -Opera, Mozilla, and IE6

 

at

800x600

1024x768

1280x1024

 

I can't go any higher and I re-did the background image in Photoshop to 1280x1024;

http://home.houston.rr.com/bvc/gs/CDCover.jpg

 

I'm dealing with the font issues rt now (coverting to the css file), and as far as the images go well, I don't have a lot to work with. I should hopefully next week though if I can get the prepress mgr to give me the originals.

Share this post


Link to post
Share on other sites

Here's another one for you. I tried it at 3 different resolutions. http://home.satx.rr.com/mystified/zoom3.htm

 

The img I used is in my /img called gulf.jpg if you're interested.

 

Edit - I added text to it using anti-aliasing, it's not perfect but it looks better. Also at lower resolutions you have to scroll sideways for your link. I didn't set my image size and I didn't have to.

Share this post


Link to post
Share on other sites

sorry i cannot get any connect to the link in the above two posts. the first one says there are no files the other ones time out.

 

for me the cover page image and the contact page both seemed tiled on my linux computer. on the mac all images were grainy at 1024x768. with the mac on the extreme right of the browser area you could see the image repeating.

 

while i don't mind the backgroaund image i wonder if you should have it as the entire background. i am a big fan of table an maybe have the image take up a table on the left 1/3 of the screen with necessary link with the rest of the screen devoted to text descriptions or whatever the other 2/3 could have a very light bue tint.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×