[es] - Problem sa tabelom, menjanje boje, zaobljeni coskovi! HITNO!!

Jony_UE

Član broj: 151943
Poruke: 30
77.46.223.*

Profil

Problem sa tabelom, menjanje boje, zaobljeni coskovi! HITNO!!

^{04.02.2008. u 17:45 - pre 197 meseci}

Treba da napravi tebelu sa zaobljenim coskovima bez koriscenja grafike za coskove i da prilikom prelaska misa preko tabele promeni boju.

Ovo sam koristio za ivice:
CSS

Code:

#sadrzaj {display: block;width: 300px;position: relative; left: 200px;
top: 400px;}
.f1, .f2, .f3, .f4 {display:block; overflow:hidden; font-size:1px;}
.f1, .f2, .f3 {height:1px;}
.f2, .f3, .f4 {background:#00CCFF; border-left:1px solid #fff; border-right:1px solid #fff;}
.f1 {margin:0 5px; background:#fff;}
.f2 {margin:0 3px; border-width:0 2px 0 2px;}
.f3 {margin:0 2px;}
.f4 {height:2px; margin:0 1px 0 1px;}
.tabla {display:block;background:#00CCFF;border-left:1px solid #fff;border-right:1px solid #fff;}
p {margin:0 5px;padding:5px 0;line-height:1.2em;color:#000099;font-family: Arial, Helvetica, sans-serif;font-size: 14px;}

HTML

Code:

<div id="sadrzaj">
<b class="f1"></b><b class="f2"></b><b class="f3"></b><b class="f4"></b>
<div class="tabla">
<p >text tabele <br />
<span class="style4"></span>sa zaobljenim coskovima</p>
</div>
<b class="f4"></b><b class="f3"></b><b class="f2"></b><b class="f1"></b>
</div></div>

Da li ima sanse da ovo izvedem na neki nacim? sa JavaScriptom,css bilo sta, da dodam nesto u ovaj kod gore,...?

Odgovor na temu

kelja

Član broj: 70429
Poruke: 1416
77.46.189.*

+35 Profil

Re: Problem sa tabelom, menjanje boje, zaobljeni coskovi! HITNO!!

^{05.02.2008. u 22:52 - pre 197 meseci}

Javascript:

Code:

<script type="text/javascript">
function over(){
document.getElementById('tabla').style.backgroundColor="#fefefe";//zeljena boja

elements=document.body.getElementsByTagName("b") ;
for(i=0;i<elements.length;i++){
elements[i].style.backgroundColor="#fefefe";//zeljena boja
}
}
function out(){
document.getElementById('tabla').style.backgroundColor="#00CCFF";

elements=document.body.getElementsByTagName("b") ;
for(i=0;i<elements.length;i++){
elements[i].style.backgroundColor="#00CCFF";
}
}
</script>

Malko izmenjeni html:

Code:

<div id="sadrzaj" >
<b class="f1"></b><b class="f2"></b><b class="f3"></b><b class="f4"></b>
<div class="tabla" onmouseover="over();" onmouseout="out();" id="tabla">
<p >text tabele <br />
<span class="style4"></span>sa zaobljenim coskovima</p>
</div>
<b class="f4"></b><b class="f3"></b><b class="f2"></b><b class="f1"></b>
</div></div>

Uz male dorade, to bi trbalo da je to...(dodavanje onmouse over i out tamo di treba;)

Odgovor na temu

Jony_UE

Član broj: 151943
Poruke: 30
79.101.134.*

Profil

Re: Problem sa tabelom, menjanje boje, zaobljeni coskovi! HITNO!!

^{06.02.2008. u 12:04 - pre 197 meseci}

Puno hvala. Ovo mi nije ni palo na pamer :)

Odgovor na temu

Jony_UE

Član broj: 151943
Poruke: 30
212.200.201.*

Profil

Re: Problem sa tabelom, menjanje boje, zaobljeni coskovi! HITNO!!

^{06.02.2008. u 13:31 - pre 197 meseci}

Jos jedna stvar me intresuje. Ovde su mi coskovi iste boje kao .tabla

mozeli kako da se izvdede da budu neke druge boje. recimo da coskovi budu #FFFFF a .tabla background:#BFE3FC

Odgovor na temu