Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Independenta financiara, pensiona...

Upgrade / inlocuire PC

Cablu cu inel magnetic

Setari temperatura centrala termica
 Anomalie electrica/Interferenta

ZVON: Mihai Bendeac a semnat cu P...

Prea multi bani bagați in ma...

Usa garaj Nice Spin se deschide p...
 Recomandare TV 2500-3000 lei

Sala de sport pentru baschet?

HP Pavilion 14-ec1008nq Ryzen 5 5...

Mai am nevoie de antivirus?
 Viata de noapte Asia

Cum pot vedea inregistrarile facu...

Distribuția si vanzarea presei pe...

Traseu electric din perete peste ...
 

Tabel HTML

- - - - -
  • Please log in to reply
6 replies to this topic

#1
Crristynel

Crristynel

    Member

  • Grup: Members
  • Posts: 794
  • Înscris: 21.12.2013
Are cineva idee cum pot ingusta prima coloana? Nu vreau ca intre text si linii sa mai ramana spatiu.
Spoiler

Attached Files

  • Attached File  orar.png   60.63K   51 downloads


#2
trollerul_de_serviciu

trollerul_de_serviciu

    Guru Member

  • Grup: Senior Members
  • Posts: 10,987
  • Înscris: 23.03.2018
Pai neah, codul sursa HTML ?
Doar pentru prima coloana.
Si nu merg atributele standard, stiu ca exista asa ceva pentur latime coloana: https://www.w3school...t_col_width.asp

#3
MooF2010

MooF2010

    Senior Member

  • Grup: Senior Members
  • Posts: 4,939
  • Înscris: 24.05.2010
https://www.w3school...ext_white-space

css nu html

white-space: pre;

<table border="1px">
<tr>
<td style="white-space: pre;">white-space: pre;</td>
<td style="width:20%;">20%</td>
<td style="width:150px;">150 px</td>
</tr>
</table>

Vezi diferentele. Vezi ca white-space merge doar de la Chrome 1.0, IE 8.0 Firefox 3.5 Safary 3.0 si Opera 9.5 in sus.

Edited by MooF2010, 06 July 2018 - 17:51.


#4
trollerul_de_serviciu

trollerul_de_serviciu

    Guru Member

  • Grup: Senior Members
  • Posts: 10,987
  • Înscris: 23.03.2018
CSS nu foloseste tot instructiuni HTML ?!
th, de exemplu: https://www.w3school...tt_th_width.asp
th width=1% /th

Quote

Vezi ca white-space merge doar de la Chrome 1.0, IE 8.0 Firefox 3.5 Safary 3.0 si Opera 9.5 in sus.

E vreun pericol sa aiba cineva versiuni mai vechi decit alea ?! ;)

#5
Crristynel

Crristynel

    Member

  • Grup: Members
  • Posts: 794
  • Înscris: 21.12.2013

 trollerul_de_serviciu, on 06 iulie 2018 - 15:59, said:

Pai neah, codul sursa HTML ?
Observ ca "pastreaza" spatiu cat ar trebui sa incapa "Miercuri" scris pe orizontala.
Asta e codul
<html>
<head><meta charset="UTF-8">
<style>
table{
border-collapse: collapse;
font-family: arial;
border: 1px solid #990000;
font-weight:bold;
}
sup {
    vertical-align: super;
    font-size: smaller;
}
.vertical-text {
transform: rotate(270deg);
line-height:10px;
}
</style>
</head>
<body>
<center><table border=1>
<thead>
    <tr valign="middle" bgcolor="#f2f2f2">
    <th width=1%></th>
    <th width=19%>Ora</th>
<th width=20%>Clasa a V-a</th>
    <th width=20%>Clasa a VI-a</th>
<th width=20%>Clasa a VII-a</th>
<th width=20%>Clasa a VIII-a</th>
</tr></thead>
<tr>
    <td class="vertical-text" align="center" rowspan="7">LUNI</td>
    <td align="center"> 11<sup>30</sup> - 12<sup>20</sup></td>
<td></td>
    <td>Religie</td>
<td></td>
<td></td>
</tr>
<tr>
    <td align="center"> 12<sup>30</sup> - 13<sup>20</sup></td>
<td>Matematică</td>
    <td>Lb. română</td>
<td>Lb. engleză</td>
<td>Religie</td>
</tr>
<tr>
    <td align="center"> 13<sup>25</sup> - 14<sup>15</sup></td>
<td>Lb. franceză</td>
    <td>Matematică</td>
<td>Lb. română</td>
<td>Lb. engleză</td>
</tr>
<tr>
    <td align="center"> 14<sup>25</sup> - 15<sup>15</sup></td>
<td>Religie</td>
    <td>Desen</td>
<td>Lb. franceză</td>
<td>Lb. română</td>
</tr>
<tr>
    <td align="center"> 15<sup>20</sup> - 16<sup>10</sup></td>
<td>Lb. română</td>
    <td>Lb. franceză</td>
<td>Religie</td>
<td>Matematică</td>
</tr>
<tr>
    <td align="center"> 16<sup>15</sup> - 17<sup>05</sup></td>
<td>Istorie</td>
    <td></td>
<td>Matematică</td>
<td>Lb. franceză</td>
</tr>
<tr>
    <td align="center"> 17<sup>10</sup> - 18<sup>00</sup></td>
<td></td>
    <td></td>
<td>Dirigenție</td>
<td>Istorie</td>
</tr>
<tr>
    <td class="vertical-text" align="center" rowspan="7">MIERCURI</td>
    <td align="center"> 11<sup>30</sup> - 12<sup>20</sup></td>
<td></td>
    <td>Ed. fizică</td>
<td>Biologie</td>
<td></td>
</tr>
<tr>
    <td align="center"> 12<sup>30</sup> - 13<sup>20</sup></td>
<td>Ed. fizică</td>
    <td>Geografie</td>
<td>Matematică</td>
<td>Biologie</td>
</tr>
<tr>
    <td align="center"> 13<sup>25</sup> - 14<sup>15</sup></td>
<td>Geografie</td>
    <td>Biologie</td>
<td>Desen</td>
<td>Chimie</td>
</tr>
<tr>
    <td align="center"> 14<sup>25</sup> - 15<sup>15</sup></td>
<td>T.I.C.</td>
    <td>Lb. engleză</td>
<td>Chimie</td>
<td>Matematică</td>
</tr>
<tr>
    <td align="center"> 15<sup>20</sup> - 16<sup>10</sup></td>
<td>Matematică</td>
    <td>Lb. română</td>
<td>T.I.C.</td>
<td>Lb. engleză</td>
</tr>
<tr>
    <td align="center"> 16<sup>15</sup> - 17<sup>05</sup></td>
<td>Lb. engleză</td>
    <td>Matematică</td>
<td>Fizică</td>
<td>Lb. română</td>
</tr>
<tr>
    <td align="center"> 17<sup>10</sup> - 18<sup>00</sup></td>
<td>CP</td>
    <td></td>
<td></td>
<td>Fizică</td>
</tr>
</table></center>
<br>
</body>
</html>

#6
dani.user

dani.user

    Guru Member

  • Grup: Senior Members
  • Posts: 29,387
  • Înscris: 24.02.2007
rowspan il incurca cand vine vorba de pastrat spatiu.

O varianta ce elimina toata acele linii inestetice din tabel, inlocuindu-le cu o aerisire adecvata: http://jsfiddle.net/th3akgmL/9/

Attached File  Untitled.png   15.29K   11 downloads

#7
Crristynel

Crristynel

    Member

  • Grup: Members
  • Posts: 794
  • Înscris: 21.12.2013
Am reusit pana la urma.
Solutia a fost sa nu scriu LUNI... simplu in TD ci am mai creat o clasa si le-am scris in cadrul unui paragraf.
.vertical-text {
transform: rotate(270deg);
line-height:10px;
padding:1px;
}
.zi{
margin: 4px -15px 0px -15px;
text-align:center;
}
<td class="vertical-text" rowspan="7"><p class="zi">LUNI</p></td>
https://jsfiddle.net/8rt5p4jv/2/

Anunturi

Chirurgia cranio-cerebrală minim invazivă Chirurgia cranio-cerebrală minim invazivă

Tehnicile minim invazive impun utilizarea unei tehnologii ultramoderne.

Endoscoapele operatorii de diverse tipuri, microscopul operator dedicat, neuronavigația, neuroelectrofiziologia, tehnicile avansate de anestezie, chirurgia cu pacientul treaz reprezintă armamentarium fără de care neurochirurgia prin "gaura cheii" nu ar fi posibilă. Folosind tehnicile de mai sus, tratăm un spectru larg de patologii cranio-cerebrale.

www.neurohope.ro

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

Forumul Softpedia foloseste "cookies" pentru a imbunatati experienta utilizatorilor Accept
Pentru detalii si optiuni legate de cookies si datele personale, consultati Politica de utilizare cookies si Politica de confidentialitate