Inaltimea unui TD ?[rezolvat!]

[Swiss]

Am urmatorul caz:


Si sursa html

Code: Select all

<table width="100%" cellspacing="0" cellpadding="0" border="0">
      <tr>
         <td class="td-logo" ></td>
         <td class="td-panou">test</td>
      <tr>
</table>

Si sursa css la fiecare td in parte

Code: Select all

.td-logo {
	background-image: url('./images/logo.png');
	height: 195px;
	background-repeat:no-repeat;
}
.td-panou {
background-color: rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
width: 300px;
}

Bun, ceea ce vreau sa fac este..ca sa nu o lungesc, o sa pun tot o imagine



Am incercat:
- <td height="100px"> Dar nu mai este suportat de html
- height: 100px; Dar nu se schimba absolut nimic
- Diferite span-uri, nimic.
- nici macar clasele margin nu merg.
As putea sa fac orice altceva, atata timp cat totul o sa arate cum as vrea, deoarece in "td-panou" o sa fie un sistem de logare, si eventual o sa mai am nevoie si de alte formalitati.
O rezolvare?

[Happy?]

Il faci din position:relative;

uite

Code: Select all

.td-panou {
background-color: rgba(0, 0, 0, 0.2);
   -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
width: 300px;
position:relative;
float:right;
top:0px;
left:0px;
}

Unde eu am pus pentru top si left 0 tu modifici conform pozitie tale astfel incat sa fie incadrata cum vrei tu. Iar pentru inaltime foloseste height:150px;

[Swiss]

Daca ma joc cu "top" de exemplu, il fac doar sa coboare, la inaltimea la care este, nicidecum nu-i scade din inaltime, chiar daca am folosit height.

[miber]

Ca sa realizezi asa ceva ai nevoie de un div in acel td iti las mai jos exmplele si css-ul...

Code: Select all

<table width="100%" cellspacing="0" cellpadding="0" border="0" class="td-header">
      <tr>
         <td class="td-logo" ></td>
         <td class="td-panou"><div class="panou">test</div></td>
      <tr>
</table>

Code: Select all

.td-header {
height: 150px;
}
.td-logo {
background-image: url('./images/logo.png');
background-repeat:no-repeat;
}
.td-panou {
padding: 40px; ! Acesta poti sa il faci dupa bunul plac din imaginea care ai postato tu pare a fii pe 40px...
}
.panou {
display:block;
padding: 10px;
text-align: left;
color: #culoarea ta;
}

Ia vezi daca merge acum.

[Swiss]

Ca sa realizezi asa ceva ai nevoie de un div in acel td iti las mai jos exmplele si css-ul...

Code: Select all

<table width="100%" cellspacing="0" cellpadding="0" border="0" class="td-header">
      <tr>
         <td class="td-logo" ></td>
         <td class="td-panou"><div class="panou">test</div></td>
      <tr>
</table>

Code: Select all

.td-header {
height: 150px;
}
.td-logo {
background-image: url('./images/logo.png');
background-repeat:no-repeat;
}
.td-panou {
padding: 40px; ! Acesta poti sa il faci dupa bunul plac din imaginea care ai postato tu pare a fii pe 40px...
}
.panou {
display:block;
padding: 10px;
text-align: left;
color: #culoarea ta;
}

Ia vezi daca merge acum.

Nicidecum, logo-ul are 200px inaltime, si asa as vrea sa si ramana caci background-ul de la body are ceva pe el. Iti arat un exemplu prin pm.

[miber]

Ca sa realizezi asa ceva ai nevoie de un div in acel td iti las mai jos exmplele si css-ul...

Code: Select all

<table width="100%" cellspacing="0" cellpadding="0" border="0" class="td-header">
      <tr>
         <td class="td-logo" ></td>
         <td class="td-panou"><div class="panou">test</div></td>
      <tr>
</table>

Code: Select all

.td-header {
height: 150px;
}
.td-logo {
background-image: url('./images/logo.png');
background-repeat:no-repeat;
}
.td-panou {
padding: 40px; ! Acesta poti sa il faci dupa bunul plac din imaginea care ai postato tu pare a fii pe 40px...
}
.panou {
display:block;
padding: 10px;
text-align: left;
color: #culoarea ta;
}

Ia vezi daca merge acum.

Nicidecum, logo-ul are 200px inaltime, si asa as vrea sa si ramana caci background-ul de la body are ceva pe el. Iti arat un exemplu prin pm.

Code: Select all

.td-header {
height: 150px; // Aici modifici inaltimea eu am pus 150px ca exemplu tu poti sa il faci si de 1000.
}

Daca nu te pricepi boss, parerea me e sa lasi asa cum este decat sa te chinui..

[Swiss]

Stai linistit, ca am facut si asta, ti-am scris in pm ce si cum si sa arunci un ochi.
Cat despre research, da am facut asa ceva, si am incercat toate metodele posibile ochi, dar niciuna nu mi-a fost functionala. Inaltimea acelui td se ia dupa inaltimea logo-ului.
EDIT: Rezolvat cu ajutorul lui miber, multumesc:)