Geek asks and answers

Trying to create a div below a css div

I understand that this is a pretty simple question, and maybe I am using you all while I have to sift through some solid css books / materials. But I can not understand why my code is not working.

I am trying to create two divs on a page, one below the other, and it seems that I should be able to give a bottom and absolute position that is below the top div.

I have a div box whose css layouts are all the same, but they don't look anything like each other. Why does the second look completely different from the first, why can't I make a “copy” of the first and place it below the first?

Here is the code. top desired scroller - desired effect. http://jsfiddle.net/7YueC/

+3
source share
4 answers

ID div / .same, #lasteventimg .same. #2.

Fiddle: http://jsfiddle.net/7YueC/7/

+2

, div .

, jsFiddle, , , div .

+2

divs, - a class, div. div - , - .

eventimg CSS http://jsfiddle.net/ZXGUt/

+1

As mentioned earlier, if you duplicate the same effect on two divs, change the style to a class and use it on both. Secondly, the identifier cannot begin with a number, otherwise the style will not affect. Change it to secondEventImage or similar. If you program sites, I would suggest using Firefox and the Firebug plugin. This allows you to check if the style is being applied and make quick changes to see how this will happen before the code changes.

CODE - Example

 div#two {margin-left: 10%;margin-right: 10%;overflow-x: scroll;overflow-y: hidden;}
 div#two ul {list-style: none;height: 100%;width: 8000px;}
 div#two ul li{float:left;}
 div#two img {width: 200px;float: left;}

 OR

 div.sameDivs {..........}
 div.sameDivs ul {..........}
 div.sameDivs ul li {..........}
 div.sameDivs img {..........}
 <div id="lasteventimg" class="sameDivs"> ....... </div>
0
source

More articles:


All Articles