CSS, Margini,colturi tabel si div-uri

ZeroCold · May 1, 2011

Cum pot sa setez marginile si colturile unui tabel, sa pun imagini?

Am facut o poza:

Am cate 1 imagine mica, cum pot sa setez ca acea imagine sa fie coltul din stanga sus al unui tabel? respectiv marginea din stanga, dreapta.. etc

Iar marginile sa se repete, iar in final tabelul meu sa arate asa:

Si inca o intrebare, pot sa aliniez anumite imagini cu div-uri in functie de marginile tabelului? cum fac?

Multumesc!

Robert1995 · May 1, 2011


<style>

.clear{
    clear: both;
    border: 0px;
}
.image_now{
    float:left;
}
</style>


<div class="image_now">
<img ...... >
<img ...... >
<img ...... ></div>
<div class="clear"></div>
<div class="image_now">
<img ...... >
<img ...... >
<img ...... ></div>
<div class="clear"></div>
<div class="image_now">
<img ...... >
<img ...... >
<img ...... ></div>
<div class="clear"></div>

Nu uita sa setezi o dimensiune anume pentru imagini , de preferabil toate aceleasi .

Ce faci practic , pui 3 imagini cu float left , dai un fel de "new line " si apoi iar pui inca 3 si tot asa , sper ca ti-a iesit ( NU am verificat daca iese ceva pentru ca nu am nervi , dar 90 % merge )

Later edit : sa-mi spui daca ti-a iesit , am schimbat ceva

Edited May 1, 2011 by Robert1995
m-a batut romana

ZeroCold · May 1, 2011

Nu cred ca ai inteles ce vreau sa zic.

Vreau sa fac un tabel care sa arate asa. Iar atunci cand scriu in el sa se redimensioneze automat. Nu vreau sa ii dau background, vreau sa ii setez doar border, marginile si colturile, sa pun imagini mici. Iar marginile sa fie cu repeat (aici ma pricep si eu).Nu stiu cum sa ii setez marginile ca fiind imagini.

Exemplu:

.marginestanga { background: url(plm.gif) repeat}

.marginedreapta { background: url(plm.gif) repeat}

.coltstangasus {background: url(plm.gif)} etc.

Apoi astea sa le aplic la tabel <table>.

___

Si referitor la cealalta intrebare. vreau ca atunci cand afisez o imagine cu div, sa imi ia ca referire margina tabelului, nu marginea ecranului.

___

Mai pe scurt, vreau sa fac un template simplu, cu tabele, care sa fie asezat pe centrul ecranului, sa se vada pe centru indiferent de rezolutia pe care o are utilizatorul.

Iar background-ul site-ului sa fie cu glow si dinamic.

Pot face asta? cum?

Multumesc!

Pacalici · May 1, 2011

Da-mi mie un PM cu html-ul pe care vrei sa il modifici si poate te pot ajuta eu.

bytzu · May 1, 2011

Poti folosi imagini ca border doar in css3 care nu este suportat pentru toate browserele. Pt tabel:

<html>

<head>

.top_left{

width : 10px;

height : 10px;

background : url(top_left.png) no-repeat top left;

}

.top_center{

width : 1000px;

height : 10px;

background : url(top_center.png) repeat-x top left;

}

.top_right{

width : 10px;

height : 10px;

background : url(top_right.png) no-repeat top left;

}

.mid_left{

width : 10px;

background : url(mid_left.png) repeat-y top left;

}

.mid_center{

width : 1000px;

background : #000;

}

.mid_right{

width : 10px;

background : url(mid_right.png) repeat-y top left;

}

.bot_left{

width : 10px;

height : 10px;

background : url(bot_left.png) no-repeat top left;

}

.bot_center{

width : 1000px;

height : 10px;

background : url(bot_center.png) repeat-x top left;

}

.bot_right{

width : 10px;

height : 10px;

background : url(bot_right.png) no-repeat top left;

}

</style>

</head>

<body>

<tr>

</tr>

<tr>

<td class="mid_center">Aici pui continutul tau;</td>

</tr>

<tr>

</tr>

</table>

</body>

</html>

trebuie sa schimbi dimensiunea la colturi si numele la imagini, precum si width la tabel si culoarea din centru.

Daca vrei sa folosesti divuri in loc de tabel e putin mai complicat, da PM daca ai nevoie.

Bafta!

Sign In

CSS, Margini,colturi tabel si div-uri

Recommended Posts

ZeroCold

Robert1995

ZeroCold

Pacalici

bytzu

Join the conversation

Browse

Activity

Pages