How to force certain link colors on a class

Greetings,

I have just "inherited" a Drupal website with a very complex (for me at least...) custom css stylesheet. I must perform many configuration changes in Drupal (no problem with that) but they also asked me one "little" change in the css that is driving me crazy. Here is the issue:

Site on ipad and phone is indented

There must be a div that is too wide and I’ve been looking at this site too long and cannot see why on ipad the header bar and footer are indented. Here’s the link to the test site http://bit.ly/1dTac8E. This does not happen on the home page only on the inner pages and the site is fine on desktop and in Chrome device tester.

Any insight much appreciated.

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.

Syndicate content