RE: im now learning how to do css cosding (Full Version)

All Forums >> [Web Development] >> Cascading Style Sheets



Message

William Lee -> RE: im now learning how to do css cosding (9/25/2007 12:46:25)

Yes her image is big 1024x1200 and if viewed in a monitor screen bigger than the image size, the bg image will repeat horizontally,albeit subtlely, just like what Tailslide said.

If your image is this size and you apply the css style with right margin set to 0 px instead of 60, maybe it will look ok in your screen. btw, what is yr screen resolution?



Tailslide -> RE: im now learning how to do css cosding (9/25/2007 13:47:48)

William, the problem (or part of it) is that she's using an image that can't be repeated successfully horizontally.



adorablelilpixies -> RE: im now learning how to do css cosding (9/25/2007 14:15:14)

yeah i had posted the url and with all the rudeness i suffered in this i deleted everything , i deleted the image and all, my big probl is i did exactly what everyone said and when i preview it in my broswer i can see to the right side the image repeated itself if horizontially means side to side then thats what it was doing, it started out good from the left to the 3rd of the right then the image would start over again, i do all my work from my laptop , i even got curious and sent the link to an email to my husband desktop and it looked even worse. im not sure why you keep repeating the same thing over and over again and I HAVE DONE it all, i even rebuilt the image 800x600 and ewww it looked worse. what is it her site is doing that mine wont. im not smart yes but gee wiz it would help if u wouls say step by step what to do i even wrote the html code in notepad thinking my frontpage wasnt doing write and it still didnt work



Tailslide -> RE: im now learning how to do css cosding (9/25/2007 15:17:34)

well it's a bit difficult without seeing what you've got now. Post the url and we'll look.



womble -> RE: im now learning how to do css cosding (9/25/2007 16:35:08)

Okay, at the risk of repeating everything again, the image she's using repeats horizontally - yours doesn't. If you install the Firefox Web Developer toolbar extension if you haven't already got it and view the images using Images>View image information, you'll see she's using two images - the background image doesn't fill the whole width of the screen, as you can see from the attached screenshot of my laptop screen (I've added arrows to show where the image matches up at the level of the grass). On her web page it does because it repeats horizontally - the grass on the image lines up on the left edge and right edge so that the image is able to repeat without there being any noticeable join.


quote:

ORIGINAL: adorablelilpixies
what is it her site is doing that mine wont. im not smart yes but gee wiz it would help if u wouls say step by step what to do i even wrote the html code in notepad thinking my frontpage wasnt doing write and it still didnt work


As has previously been said, we're not here to give step by step instructions, but in this case step by step instructions aren't required - if you have an image that is repeatable, it will repeat seemlessly. As Tailslide said some time ago, if you either get another image that does repeat or crop your existing image so that it has edges that match up, it will successfully repeat. Do a google search for "tiled backgrounds" or "repeating backgrounds" you'll find all sorts of patterns and pictures that will repeat. Look at some of them and you'll see that what they all have in common is that their edge match up if placed side by side.

This problem is nothing to do with the HTML code and your problem's caused by your image - Frontpage isn't the issue here.


[image]local://upfiles/14943/F5649CEC3E5A4739917D6693B43328BD.jpg[/image]



adorablelilpixies -> RE: im now learning how to do css cosding (9/25/2007 16:42:44)

thats just the think i dont think her is repeat hun at all, im telling u its 1 big image i have attached preview of just her imahe its 1 big image there is no repeat to it. none of what u keep saying makes any since . and im not going to keep going over this at all. ive had 1 of my friends who is a professional look at this and her code and none of her stuff repeats at all. even in her css page i was able to get her to send to me , the css has no bg image listed only the bg color hex code nothing more . my image was not supposed to repeat simple as that i made a new image 1024x1200 and designed my image , then saved as .gif file i there for followed a css tut that u people kept telling me to do i did everything it said and everytime id preview the page the right side kept repeating meaning THE IMAGE STARTED OVER AGAINa grrr [:@][:@][:@][:@][:@][:@][:@][:@]
http://i199.photobucket.com/albums/aa101/adorablelilpixies/bkg.gif THIS IS HER IMAGE THIS IMAGE does not REPEAT AT ALLL



caz -> RE: im now learning how to do css cosding (9/25/2007 20:47:23)

Of course that single image doesn't repeat there but when it is called by css it is given a background position of 0% from the top of the screen, then given a background position of 100% horizontally. This means that it will fill 100% of whatever size screen is being used starting from the left and to do that it will repeat the image if it stops short of 100% of the screen size. This is why I see two girls on the right side using a 1280 sized screen. That's how css works and the original image is built to allow for such repeating and no amount of saying that it is not so will make any difference, that's how it is.

Ask your professional about it.

PS. That page you are using as a guide/template is a very bad thing to emulate because the code is not valid and it uses a lot of badly executed javascript to disable right click, among other things. Until all the errors in her page are corrected it will only view reasonably well in IE.



William Lee -> RE: im now learning how to do css cosding (9/25/2007 21:31:07)

Show me your image. Dont just show me HERS.

HER image is tiling in a big resolution screen. You can see it at http://berithbpc.com/test/tilehorizontally.jpg

This shows you have been incorrect in maintaining that her bg image does not tile (yes altho it is one BIG image), therefore you MAY NOT be understanding what the rest are telling you.

Show me the BIG 1024x1200 image that you had done and I will show you the solution.

[image]local://upfiles/4448/ECAA95715B2A499FAEC4DCB478248EA1.jpg[/image]



adorablelilpixies -> RE: im now learning how to do css cosding (9/25/2007 21:54:53)

id have to redo it as the otherday i deleted it since no one would atleast tell me what i was doing wrong .....



jurgen -> RE: im now learning how to do css cosding (9/25/2007 22:58:27)

quote:

ORIGINAL: adorablelilpixies

id have to redo it as the otherday i deleted it since no one would atleast tell me what i was doing wrong .....


Dear Adorablelil,

You will find a lot of experience here on this forum. And believe me, they all are eager to help with anything you need and ask. But don't get "smarta**ed" about it. And that is what you come over with. What you are basically saying is "you are right" and everybody is wrong....

For one: why would you use a page and a css style sheet from somebody elses website? Be creative and do your very own. Wouldn't you like to be a little bit different and in the long run "better"?

For two: You did say that you have experience with html. It sure makes me wonder how much you actually do know. You talk about CSS. Do you actually know what CSS stands for and what it will do for you?

Three: What is the resolution on your laptop you are running at?

And mainly, four: What on earth you want to accomplish: Having a nice a great site for everybody to look at? Having a site which can be found on the search engines? What people are you cater to? What is your final goal with this website???????

We are very much here to help you with what you need, just don't get snotty and "know it all" when in fact you do need the help from others who know what web and web design is all about.

And PS: Do not use ONE image for your background...... It just doesn't work..... See point "three" ... what resolutions are you working with?




William Lee -> RE: im now learning how to do css cosding (9/25/2007 23:18:07)

I need to go to town, I suppose I won't be online when you next login, so I put up what we have been telling you but you didn't understood.

View this URL with a big screen res (1280x1024), go on.
http://www.berithbpc.com/test/outfront.html

You need to have an image like this

http://www.berithbpc.com/test/pixie.jpg

where the left takes over from where the right lets off.


Tailslide, I don't understand why it didn't turn up in Firefox. It is showing ok in IE.

...and what is the other part ?





Tailslide -> RE: im now learning how to do css cosding (9/26/2007 2:30:14)


quote:

ORIGINAL: William Lee

Tailslide, I don't understand why it didn't turn up in Firefox. It is showing ok in IE.



Firefox, Opera etc won't show a background image unless there's content within the element or unless there's a specific height given or unless, in this case you add html {height:100%;}.



William Lee -> RE: im now learning how to do css cosding (9/26/2007 3:10:06)


quote:

ORIGINAL: Tailslide


Firefox, Opera etc won't show a background image unless there's content within the element or unless there's a specific height given or unless, in this case you add html {height:100%;}.



As usual, Tail, you're right on the mark! :)
Fixed it and now viewable in FireFox.




adorablelilpixies -> RE: im now learning how to do css cosding (9/26/2007 6:40:12)

jurgen, for your concern i didnt steal her code thank u very much, 2nd of all i only asked her to send me the css to see how she had her bg image done . once i saw it didnt contain it that it only contained fonts and such i deleted it, 3rd of all i learn html by its called mmmm READING i have 9 html books and ill be investing in a cascading style sheet CSS book, see im not an idiot, 4th of all what i wanna do with my site is none of your buisness. as far as my resolution of my laptop screen i do not know it has windows vista and ive only had this laptop a few months and am learning what it can and cant do. i do know windows didnt remove all the bugs in it so ive been talking to my brother n law about that and how to fix them see im computer smart to, i learn things by watching others do them oe telling me how to do them once i do these things it sticks in the bk of my head. atlest william isnt a smart *** like u seem to be atleast he/she is nice enough to point me in the right direction, howd u like if u were in woods with no signs and u needed to get hom and u had no compass how would u get home duh think about it, i came here for help not to be called an idiot. i learn things new everyday. just like i found out i could use a small image as a bg and have it transparent see i didnt know that i found that out while reading my html books and online to if u could stand for 1 min to be nice we may be able to help fix my issue instead of coming bk with smart but remarks i dont have to be right im just expressing that everything uve told me has bk fired and didnt work.



Tailslide -> RE: im now learning how to do css cosding (9/26/2007 7:06:47)

Well this is me out of here. I've tried, god knows!

All I can say - with the best possible intentions is that you need to go back through what's been written and try again. If you can't get that to work then you need to go back further to a decent CSS tutorial like htmldog or cssbasics.com and actually learn what you're doing.

It's also helpful if you could use full words rather than text-message abbreviations which are extremely irritating, plus the occasional capital letter would be nice.

Your lack of knowledge (HTML and CSS) has hampered your solving this issue even when the explanation has been given again and again including working examples. Either that or your explanation of your problem has been extremely poor - which may be because English isn't your first language ( in which case, my apologies).

Either way I'm unable to offer any more help short of doing the whole thing for you.



Donkey -> RE: im now learning how to do css cosding (9/26/2007 7:12:33)

quote:

i came here for help not to be called an idiot
Nobody is calling you an idiot, but your attitude is very wrong. You come here for help, it's given, and you ignore it. Just because other people know more than you it doesn't make them a smart @rse. You should lighten up, re-read the good advice you've been given and sort it out yourself.

The only person who is being rude on this thread is you.

And I repeat you are not helping yourself by posting without proper grammar or spelling - it is annoying trying to guess what you mean.



adorablelilpixies -> RE: im now learning how to do css cosding (9/26/2007 7:18:52)

welll i saw the samples william posted and i dont want my image to repeat like that where it shows 2 pumpkin houses and everything , i saw the image of hers showing 2 dolls on the right, see on my screen it dont do that ....so i do not think that id like to do this type of design seeing how it all would screw up on others monitors and them thinking ive lost my mind which i havent done so but tailslide u need to stop calling me an idiot cause im not and im going to tell u what i tell my child i speak how i want, u say or type it how u want and ill do the same, im english thank u very much. and i type like this to help others who arent english as its easier for them to read and understand i also do alot of translating to diff laungages to .....as far as my lack of knowledge u wouldnt make a great teacher , atleast i do try n help others when they come to me, ive done alot of webdesign in my past and belive me ive seen it to and redo it because ive learnt so much since then, not everyone knows much like u but atleast the ones whos responded to this has been somewhat nice to try n help me like william has and i do thank william for that as far as me thanking u not i dont think so cause uve down graded me to a 5th grader and i dont appreciate it, im alot older then u think so im not a child ok. and i will use cap letters when or if i decide to. as far as firefox they have more probs then ie does so i dont use them. i will be investing in me a newer html book and a css book to learn more new things ....ive learned things in the responses but gee wizz u need to stop n think before u say something u have upset me in some of the responses uve made which was uncalled for. like i said put urself in my shoes . god says do unto others as u would want them done unto u.



caz -> RE: im now learning how to do css cosding (9/26/2007 7:36:46)

I really do think that this thread has gone as far as it can now.

People have tried to help you and you have ignored all their useful - and detailed - advice. You insult these people and show your ignorance of good manners, never mind web design and I for one don't believe that you are a translator either.

It doesn't matter how old you really are but disrespect is ugly at any age.



womble -> RE: im now learning how to do css cosding (9/26/2007 10:41:49)

I agree this thread is going nowhere fast, but just a couple more points. Despite your protestations her image DOES repeat. These are two screenshots of her page - one in IE and one in Firefox.

The first is in IE - www.ecanus.net/test/of/fairyland_ie.jpg - you'll see I've marked on with a dashed line where the image ends and then starts to repeat again. To the right of that dashed line you should be able to see that that part of the page is exactly the same as the left edge of the page - that's because it repeats.

The second is in Firefox - www.ecanus.net/test/of/fairyland_firefox.jpg - and shows why it's important that you test your pages in all commonly used browsers. As you'll see, her page is severely broken in Firefox, most probably due to the fact that it's not using valid HTML code/CSS, which was why Caz said earlier that it really wasn't a good site to be trying to emulate. While IE still has the largest market share, that market share is falling every day and Firefox is used more and more by users, including non-designers. If your sites don't display reasonably in all the commonly used browsers then you're losing yourself a significant chunk of potential visitors.

quote:

as far as firefox they have more probs then ie does so i dont use them.


That's not true in coding terms. The reason sites appear to display better in IE is that IE is more forgiving of coding errors than other more standards compliant browsers, which isn't a good thing because it encourages people to take shortcuts, and not use proper code - not best practice. If sites are properly coded using validated code, they will more often than not display correctly on all the other browsers (Firefox, Mozilla, Opera etc.) which follow web standards. It's actually IE that's getting it wrong, and IE has a number of bugs (and especially CSS bugs) that don't occur in other browsers.

You need to install all of the commonly used browsers for testing on. Which browser you personally use for browsing is up to you, but you owe it to your visitors to make sure they get the same experience whichever browser they choose to use.

If you don't want an image to repeat then you need to centralise your image and make it not repeat - depending on the size of your image and the screen size you're designing for, centering the image can be a bit tricky (personally I'd put the background image in a <div> and centralise that, and use the background image on the <div>, not on the <body> element), and you can prevent the image repeating by using repeat: no-repeat in your CSS, and using a fixed width design, but with the range of screen sizes used you'll need to carefully work out the proportions so it displays reasonably on a range of screen sizes.

quote:

god says do unto others as u would want them done unto u.

Which is why people get annoyed when after they spend time voluntarily trying to help out when they could/should be doing work for paid clients their advice is ignored repeatedly and they are insulted.



ThomasMobley -> RE: im now learning how to do css cosding (9/26/2007 20:33:42)

Sounds like someone is in over their head when they insult people suggesting fixes to their problems. Time to outsource. Plenty of good programmers here who know what they are doing and would be happy to do this job.

Not me...I've been too busy to take much extra on, much less post, and I'm not nearly as good as some of the others who have made suggestions. Some of us do make our living doing this though and give out our advice here for free as a service to others and a way to share our knowledge with each other, so when you just can't understand what is offered for free, try paying someone to do it for you.

Sorry folks, I have my giving side, but I'm a capitalist at heart...even if some other capitalist makes the money.




William Lee -> RE: im now learning how to do css cosding (9/28/2007 11:06:20)

Pity adora didn't stay long enough for me to show the 'solution'.

This is almost there. In this workaround, the 'background' image will occupy the whole screen no matter which screen resolution is set. No repeat. No tiling.

Also, for a limited time, you have this golden opportunity to slap my face around. [:D]



As you can see, it still fall short and is not a true background image per se. I know it can be done perfectly with some server-side scripting(you cannot tell from view source how its done). If there is a dire need for anyone to have such a design I will spend time to do it, otherwise...yes ThomasMobley I too am a capitalist [:)]




Page: <<   < prev  1 [2]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.0625