Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Info Coronavirus/Vaccinare vs Fake News

Șuierat scurt Volvo V50 2.0 ...

The Mother (2023)

The Last Of Us (2023)
 Problema masina de spalat Gorenje...

Upgrade Nvidia 1080Ti pentru 4k 1...

Sfaturi curatare incalzire pardos...

CI AM/FM Sanyo LA1201 ramas fara FM
 Montare sau nu vana cu 3 cai!?

Sugestie salariu arhitect

Aftershave care trebuie diluat ca...

Noul Chromecast cu Google TV (HD)
 Armageddon Time (2022)

Inversat cabluri + cu -

The Good Nurse (2022)

Importanta geneticului in societate
 

Tabel HTML

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

#1
Crristynel

Crristynel

    Member

  • Grup: Members
  • Posts: 787
  • Î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,786
  • Î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: 787
  • Înscris: 21.12.2013

View Posttrollerul_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,110
  • Î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: 787
  • Î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 endoscopică a hipofizei Chirurgia endoscopică a hipofizei

"Standardul de aur" în chirurgia hipofizară îl reprezintă endoscopia transnazală transsfenoidală.

Echipa NeuroHope este antrenată în unul din cele mai mari centre de chirurgie a hipofizei din Europa, Spitalul Foch din Paris, centrul în care a fost introdus pentru prima dată endoscopul în chirurgia transnazală a hipofizei, de către neurochirurgul francez Guiot. Pe lângă tumorile cu origine hipofizară, prin tehnicile endoscopice transnazale pot fi abordate numeroase alte patologii neurochirurgicale.

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