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

odd layout using divs and CSS

Hey All,

I'm trying to make a table of rows and columns using divs.

I've got this on my page:

Syndicate content