Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Care sunt cele mai mari regrete a...

Alfa Romeo Stelvio 2.2 jtd

Intrebari srl nou

La multi ani @AndReW99!
 Alegere masina £15000 uk

TVR vrea sa lanseze o platforma d...

Strategie investie pe termen lung...

Modulator FM ptr auto alimentat p...
 orange cablu f.o. - internet fara...

Robinet care comuta traseul

A fost lansata Fedora 40

Samsung S24 plus
 Imi iau un Dell? (Vostro vs others)

Abonati Qobuz?

transport -tren

Platforma electronica de eviden&#...
 

Tabel HTML

- - - - -
Last Updated: Jul 09 2018 19:09, Started by Crristynel , Jul 06 2018 15:43  
  ·  
  • Please log in to reply
6 replies to this topic

#1
Crristynel
Posted 06 July 2018 - 15:43

Crristynel

    Member

  • Grup: Members
  • Posts: 816
  • Î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
Posted 06 July 2018 - 15:59

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
Posted 06 July 2018 - 17:45

MooF2010

    Senior Member

  • Grup: Senior Members
  • Posts: 5,335
  • Î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
Posted 07 July 2018 - 06:59

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
Posted 07 July 2018 - 07:28

Crristynel

    Member

  • Grup: Members
  • Posts: 816
  • Î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
Posted 07 July 2018 - 14:41

dani.user

    Guru Member

  • Grup: Senior Members
  • Posts: 30,235
  • Î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
Posted 09 July 2018 - 19:09

Crristynel

    Member

  • Grup: Members
  • Posts: 816
  • Î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
Back to Web Scripts Forum

▶ 0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

  1. Forumul Softpedia
  2. → Professional Zone
  3. → Webmaster Corner
  4. → Web Scripts Forum
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