ultranova6600

Hello, my friends and I decided to do some project and create web. I am going to design site and generally design the concept so I have some questions regarding to creating a responsive web pages. Can someone give me little insight about this topic and refer me to some good tutorials. Also, I am wondering how much responsive design can affect the overall popularity and acceptance of the site compared to that created with static design (for example, does it mean that it will possibly get more visits). Another question, is it possible to create multiple layouts for different devices? If yes, then how the devices "choose" between sites? Given that this is my first project, I will also ask whether you think it's smart to attempt doing responsive website right away or not? Thanks in advance .

I understand, thank you.

Hi, I have a question regarding css property :hover. I saw on some pages that when you hover over a button it changes a color. Let's use this button as example: Let's say I want that a blue part changes a color on hover. How do I do it? My idea was to make other icons in photoshop with different style and put in hover like :hover{background: url('example.png')} Is there another way to do it in CSS like changing the text/background color on hover?Can elements control other elements (for example I want that when I hover over element1 that element 2 changes color?) or I need some browser scripting language for that? And whats the difference between div and span?

Thanks, setting body and html height to 100% worked.

Hi, I have a problem with my gradient background. I generated my gradient from ColorZillas website. The problem appears when I add DOCTYPE declaration in my HTML. This is what I'm talking about: You can see a white space below. Basically my gradient background stops where my container div ends even though my gradient code is applied in body. When I exclude doctype declaration in html, gradient fills the whole page normally? What could be a problem?

Okay, I figured that out, it had to do something with positioning. Anyway I have another problem. I have other page which has same dimensions of container as my first one but its actually smaller like 200px less wider. I don't get it, the dimensions are the same. EDIT:Suddenly it's okay...

Okay I've run into another problem. When I put a <p> tag inside a div element it messes up my element it moves it out of place. The more text there is and the higher font size is it moves further. Why is this happening?

Using words with spaces did the trick. I spent 2 hours trying different positioning methods and in the end it was something simple as this...Thank you ;D

Hi, I've just began learning html and css. I've been reading tutorials for css for few days and got hang of it somehow. Now I've decided to do a web page and started with designing layout. I draw on paper how would I like my page to look and started doing that in html/css but I've run in some problems. My general idea was creating divs for each section for example:Div for container of web pageDiv for header -> divs in header for other header sectionsDiv for menu and so on...but I have this problem that I assume it has to do something with div positioning: I don't understand why does text in for example upper left div goes into another div sections? I've just colored my divs so I know where they are. I don't understand if my div is 200x40 px why does the content goes beyond that?