Vse, kar ste si želeli vprašati o CSS, pa si niste upali.

.frame-top {
position:relative;
}
.frame-top-left {
background:url(images/frame-top-left.png) no-repeat;
height:5px;
width:5px;
position:absolute;
left:0px;
}
.frame-top-fill {
background:url(images/frame-top-fill.png) repeat-x;
height:5px;
position:absolute;
left:5px;
right:5px;
}
.frame-top-right {
background:url(images/frame-top-right.png) no-repeat;
height:5px;
width:5px;
position:absolute;
right:0px;
}
.frame-middle {
}
.frame-bottom {
position:relative;
}
.frame-bottom-left {
background:url(images/frame-bottom-left.png) no-repeat;
height:5px;
width:5px;
position:absolute;
left:0px;
}
.frame-bottom-fill {
background:url(images/frame-bottom-fill.png) repeat-x;
height:5px;
position:absolute;
left:5px;
right:5px;
}
.frame-bottom-right {
float:left;
background:url(images/frame-bottom-right.png) no-repeat;
height:5px;
width:5px;
position:absolute;
right:0px;
}

Mene pa zanima kako bi se dalo nardit tole

Na primer:

Imam pet div elementov in ko se postavim na enega spremeni barvo na rdečo

div{background-color:green;}
div:hover{background-color:red;}


Kako bi naredil, da takrat ko element spremeni barvo na rdeče (hover), vsi ostali div elementi spremenijo barvo na rumeno?

Jojmene. Nikakor ne večim divom nastavljati istega IDja!

Mogoče bom ustrelil v prazno, pa vseeno.
Probaj vse skupaj dat v en kontejner in višino divov na 100%.

<table width="100%">
  <tr>
    <td bgcolor="red">
    </td>
    <td bgcolor="blue" width="500">
      test
    </td>
    <td bgcolor="green">
    </td>
  <tr>
</table>

za boljše razumevanje

<div id="leviblok">
  <div id="desniblok">
    <div id="center">
    </div>
  </div>
</div>

<select>
<option>test</option>
<option>test2</option>
</select>

<strong>
HTML koda:</strong>
<div id="glavni">
	<div id="header"></div>
	<div id="telo"></div>
	<div id="telo_spodaj">jaka<div id="telo_spodaj2">jaka2<div id="telo_spodaj3">jaka3</div></div></div>
	<div id="prvo_spodaj"></div>
	<div id="drugo_spodaj"></div>
</div>

<strong>CSS koda:</strong>
*		{position:relative}


body	{
		text-align:center;
		min-width:940px;
		}
#glavni	{
		
		width:940px;
		height:768px;
		margin:0 auto;
		}
#header	{
		border:2px solid #990066;
		width:940px;
		height:233px;
		}
		
#telo	{
		border:2px solid black;
		width:940px;
		height:39px;
		}
		
#meni	{
		border:2px solid #00CC66;
		width:188px;
		height:39px;
		
		}
		
#telo_spodaj	{
				border:2px solid #996666;
				width:262px;
				height:380px;
				}
				
#telo_spodaj2	{
				border:2px solid #CC00CC;
				width:513px;
				height:380px;
				margin-left: 262px;
				margin-top: -22px;
				}
				
#telo_spodaj3	{
				border:2px solid #FF0000;
				width:165px;
				height:380px;
				margin-left: 513px;
				margin-top: -22px;
					
				}
				
#prvo_spodaj	{
				border:2px solid #0000FF;
				width:940px;
				height:58px;
				
				}
				
#drugo_spodaj	{
				border:2px solid #00FF00;
				width:940px;
				height:58px;
				
				}

izbris

.

Da sem naredil tri vertikalne kolone sem samo dodal: float:left; display:block; pading pa glede na prejšne elemente. Lahko pa dodam komplet kodo, če kdo želi?!