I'm working on an assignment where I have to make a web page for a school club and I was thinking of having an image backround created in photoshop that was stretched to the size of the browser window. If this is possible could someone post the code used to create this effect?
[url]http://www.cssplay.co.uk/layouts/background.html[/url]
First result on :google: for "css background 100%".. Nice job
[QUOTE=h2ooooooo;18783527][url]http://www.cssplay.co.uk/layouts/background.html[/url]
First result on :google: for "css background 100%".. Nice job[/QUOTE]
Great to know that you provided so much help in your post. I clicked your link and all I see is a snippet of Alice in Wonderland with a bunny as a backround image. I posted here because I was hoping I would get a direct response, not a "Oh look I googled it and here's what I got".
[QUOTE=Pacmaney;18783712]Great to know that you provided so much help in your post. I clicked your link and all I see is a snippet of Alice in Wonderland with a bunny as a backround image. I posted here because I was hoping I would get a direct response, not a "Oh look I googled it and here's what I got".[/QUOTE]
It's pretty much the first thing you learn when you learn (X)HTML
If you got an assignment to make a web page and you don't know this then you probably didn't pay attention in class. h2o is right, you can easily find the answer through google. You didn't even try to find it.
[QUOTE=Denzo;18783741]It's pretty much the first thing you learn when you learn (X)HTML
If you got an assignment to make a web page and you don't know this then you probably didn't pay attention in class. h2o is right, you can easily find the answer through google. You didn't even try to find it.[/QUOTE]
Our curriculum was cut down into a week. I had to google how to make a thumbnail image myself for an assignment. I understand that you want me to search first, but the whole point of me posting was to get a quick, direct answer and not another scavenger hunt.
A scavenger hunt?
The [b]first result on Google[/b] was that. All you had to do was read the page source of the page and you'd've understood how to change it:
[code]html,body{position:absolute;width:100%;height:100%;overflow:hidden;}
#background{position:absolute; z-index:1; width:100%; height:100%;}
#div{ position:absolute; top: 0; left: 0; /* the actual style of your page here */ }[/code]
[code]<body><img id="background" src="image.src.jpg"><div id="div"><!-- your page here -->[/code]
Also your course must be dumb if you need an "XHTML" way of doing it, because "XHTML" is nothing to do with actually styling a page.
[QUOTE=TehDoomCat;18784028]A scavenger hunt?
The [b]first result on Google[/b] was that. All you had to do was read the page source of the page and you'd've understood how to change it:
[code]html,body{position:absolute;width:100%;height:100%;overflow:hidden;}
#background{position:absolute; z-index:1; width:100%; height:100%;}
#div{ position:absolute; top: 0; left: 0; /* the actual style of your page here */ }[/code]
[code]<body><img id="background" src="image.src.jpg"><div id="div"><!-- your page here -->[/code]
Also your course must be dumb if you need an "XHTML" way of doing it, because "XHTML" is nothing to do with actually styling a page.[/QUOTE]
While your reply was rude, thank you. I still have no idea what you mean by "viewing the source" of the page, and how I was supposed to get the answer from that.
[QUOTE=Pacmaney;18785640]While your reply was rude, thank you. I still have no idea what you mean by "viewing the source" of the page, and how I was supposed to get the answer from that.[/QUOTE]
Ctrl+U
[QUOTE=Pacmaney;18785640]While your reply was rude, thank you. I still have no idea what you mean by "viewing the source" of the page, and how I was supposed to get the answer from that.[/QUOTE]
You seriously don't know how to do that ? Then you, my good sir, fail at web desining.
[QUOTE=Zarfa;18785902]You seriously don't know how to do that ? Then you, my good sir, fail at web desining.[/QUOTE]
I'm taking a BEGINNER's class on it! What did you expect me to know? They tried to crush a month's worth of curriculum into one week!
[QUOTE=Pacmaney;18785640]While your reply was rude, thank you. I still have no idea what you mean by "viewing the source" of the page, and [b]how I was supposed to get the answer from that.[/b][/QUOTE]
Google "show page source code"
Got me this result for "show page source code firefox"
[url]http://www.ehow.com/how_2033394_view-page-source.html[/url]
[QUOTE=h2ooooooo;18786100]Google "show page source code"
Got me this result for "show page source code firefox"
[url]http://www.ehow.com/how_2033394_view-page-source.html[/url][/QUOTE]
How about giving me a straight answer? I understand that Googling it is important but a straight answer is all I'm asking for. You don't go up to a librarian who knows every single book in his library to ask him for a book and all he does is tell you to look for it.
[QUOTE=Pacmaney;18786141]How about giving me a straight answer? I understand that Googling it is important but a straight answer is all I'm asking for. You don't go up to a librarian who knows every single book in his library to ask him for a book and all he does is tell you to look for it.[/QUOTE]
That's because that's his job, whereas people on this board usually help out people who already know what their doing.
[QUOTE=SnakeFace;18786190]That's because that's his job, whereas people on this board usually help out people who already know what their doing.[/QUOTE]
Shouldn't me asking to do such a simple task indicate that I'm a beginner and have no idea what the hell I'm doing?
No, a part of learning to program has to do with not being dependent on everyone else, but being able to use the internet after searching for stuff. Basically everything has to do with that.
[QUOTE=h2ooooooo;18786434]No, a part of learning to program has to do with not being dependent on everyone else, but being able to use the internet after searching for stuff. Basically everything has to do with that.[/QUOTE]
I understand that, but I was asking for a small block of code. Something with large concepts behind it (Like designing games in XNA) you can't ask the answer for.
Hi Pacmaney, I recommend purchasing [url="http://www.headfirstlabs.com/books/hfhtml/"]Head First HTML with CSS & XHTML[/url], it will give you a deep insight on general web design (Beginner to advanced) and will probably teach you more then you will learn in your class. Then once your done with the design aspect, you can then move into the web development aspect using ASP.NET, PHP, JSP, Javascript, Ruby on Rails, etc.
Although you're terribly lazy to ask here, I'd advise not stretching to 100% wide AND height, instead make one auto and one full width (make the smaller size 100% so the bigger one just overflows, but it stops ugly stretching overall.
[code]
width: 100%;
height: auto;
[/code]
Or whatever...
[editline]11:16PM[/editline]
Oh, btw it's not XHTML or HTML, it's called CSS (well, except the img tag but I hardly count that)
[QUOTE=Pacmaney;18785640]While your reply was rude, thank you. I still have no idea what you mean by "viewing the source" of the page, and how I was supposed to get the answer from that.[/QUOTE]
You are an absolute fucking dud
Sorry, you need to Log In to post a reply to this thread.
