Unwanted Horizontal Scroll

Hi,

I have an unwanted horizontal scroll bar. I have included the html and css below. This is a work in progress so not perfect.

I have tried changing the widths on several elements without any change. It does the same in IE and Chrome.

<div id="container">
	<div id="header">
	<div class="header_right"></div>
 
		<h1>Put your site name here</h1>
  </div>
	<div id="navigation">
		<ul>
			<li><a href="#">Home</a></li>
			<li><a href="#">About</a></li>
			<li><a href="#">Services</a></li>
			<li><a href="#">Contact us</a></li>
		</ul>
	</div>

Get images in diff dimensions for diff div classes and also responsive as well, possible?

Hi,

Following challenge:

- I have a main article-headline image: 800x500px.
- I have a carousel which displays 3 article headline images at once.
- The CSS for those carousel-article-headline-image:

.carousel-article-headline-image {
	height:200px;
	width:300px;
}
[code]
 
and
 
[code]
.carousel-article-headline-image img {
    max-width:100%; 
    max-height:100%;
    margin:auto;
    display:block;
}
 
- I also use the main-article-headline-image in a grid menu with again above code but different div class and height and width px. 

Using percentages for height and width for images

Hi,

I have a Bootstrap-3 template and at first I had all my images with this code:

<img src="assets/images/1.jpg" alt="1" width="40%" height="2%" border="0">

That worked perfectly as my images were responsive to all device dimensions.

I then ran a HTML/CSS validator and all images where I used above code came back with error, a respectable 59 errors in total(I use a lot of images in my articles blog... Big smile ).

So why does above code does not validate??? Its sweet, easy, fast and effective.

A zoom-able user interface with CSS?

Hi guys, I've been surfing the internet for the past couple of days to view impressive webpages, and one i'm still mindblown by is: http://2011.beercamp.com/

I really want to recreate my own version of this (with my own text and pics) for fun, but I'm still confused as to how it works even after reading http://2011.beercamp.com/colophon/ .

Can anyone give me a recommended workflow as to how to teach myself advanced CSS and stuff like this? Any input is appreciated. Thanks!! Laughing out loud

How does CSS height work?

I am working on a web app, this is my first one. I am trying to understand how these things work but am having trouble figuring out how they work together. Neither can I find any good pages / tutorials. For example, this page says:

Relative Positioning

A relative positioned element is positioned relative to its normal position:

Syndicate content