Javascript Disabled Detected

You currently have javascript disabled. Several functions may not work. Please re-enable javascript to access full functionality.

« 1 / 5 »

Dacia 1316 cu 6 usi ...

Frecventa modificata radio

Un nou pericol pt batrani

Ar trebuii sa vindem imobiliarele...

Dupa renuntarea la aparat dentar

pelerinaj in Balcik

Noul format Jpegli iși propu...

Dade, dade

Probleme accesare nr test telefon

Parola la lock screen

Deparazitare externa pisici fara ...

Seriale turcesti/coreene online H...

Merita un Termostat Smart pentru ...

Sfat achizitie MTB Devron Riddle

Problema mare cu parintii= nervi ...

switch microtik

View New Content

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

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

orar.png 60.63K 51 downloads

#2
trollerul_de_serviciu

Posted 06 July 2018 - 15:59

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

Senior Member

Grup: Senior Members
Posts: 5,337
Î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

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

Member

Grup: Members
Posts: 816
Î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"> 1130 - 1220</td>
<td></td>
 <td>Religie</td>
<td></td>
<td></td>
</tr>
<tr>
 <td align="center"> 1230 - 1320</td>
<td>Matematică</td>
 <td>Lb. română</td>
<td>Lb. engleză</td>
<td>Religie</td>
</tr>
<tr>
 <td align="center"> 1325 - 1415</td>
<td>Lb. franceză</td>
 <td>Matematică</td>
<td>Lb. română</td>
<td>Lb. engleză</td>
</tr>
<tr>
 <td align="center"> 1425 - 1515</td>
<td>Religie</td>
 <td>Desen</td>
<td>Lb. franceză</td>
<td>Lb. română</td>
</tr>
<tr>
 <td align="center"> 1520 - 1610</td>
<td>Lb. română</td>
 <td>Lb. franceză</td>
<td>Religie</td>
<td>Matematică</td>
</tr>
<tr>
 <td align="center"> 1615 - 1705</td>
<td>Istorie</td>
 <td></td>
<td>Matematică</td>
<td>Lb. franceză</td>
</tr>
<tr>
 <td align="center"> 1710 - 1800</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"> 1130 - 1220</td>
<td></td>
 <td>Ed. fizică</td>
<td>Biologie</td>
<td></td>
</tr>
<tr>
 <td align="center"> 1230 - 1320</td>
<td>Ed. fizică</td>
 <td>Geografie</td>
<td>Matematică</td>
<td>Biologie</td>
</tr>
<tr>
 <td align="center"> 1325 - 1415</td>
<td>Geografie</td>
 <td>Biologie</td>
<td>Desen</td>
<td>Chimie</td>
</tr>
<tr>
 <td align="center"> 1425 - 1515</td>
<td>T.I.C.</td>
 <td>Lb. engleză</td>
<td>Chimie</td>
<td>Matematică</td>
</tr>
<tr>
 <td align="center"> 1520 - 1610</td>
<td>Matematică</td>
 <td>Lb. română</td>
<td>T.I.C.</td>
<td>Lb. engleză</td>
</tr>
<tr>
 <td align="center"> 1615 - 1705</td>
<td>Lb. engleză</td>
 <td>Matematică</td>
<td>Fizică</td>
<td>Lb. română</td>
</tr>
<tr>
 <td align="center"> 1710 - 1800</td>
<td>CP</td>
 <td></td>
<td></td>
<td>Fizică</td>
</tr>
</table></center>
 
</body>
</html>

#6
dani.user

Posted 07 July 2018 - 14:41

Guru Member

Grup: Senior Members
Posts: 30,238
Î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/

Untitled.png 15.29K 11 downloads

#7
Crristynel

Posted 09 July 2018 - 19:09

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">LUNI</td>
https://jsfiddle.net/8rt5p4jv/2/

Anunturi

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

Back to Web Scripts Forum

▶ 0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

© 2001-2024 Softpedia. All rights reserved. Softpedia® and the Softpedia logo are registered trademarks of SoftNews Net SRL.
Ora implicita a Forumului Softpedia este ora standard a Romaniei (GMT+2). Mai multe informatii →
⚠ Postarile afisate pe Forumul Softpedia reprezinta o opinie subiectiva a membrilor care le-au publicat si nu a SoftNews Net SRL.

Tabel HTML

#1 Crristynel Posted 06 July 2018 - 15:43

Attached Files

#2 trollerul_de_serviciu Posted 06 July 2018 - 15:59

#3 MooF2010 Posted 06 July 2018 - 17:45

#4 trollerul_de_serviciu Posted 07 July 2018 - 06:59

#5 Crristynel Posted 07 July 2018 - 07:28

#6 dani.user Posted 07 July 2018 - 14:41

#7 Crristynel Posted 09 July 2018 - 19:09

Anunturi

▶ 0 user(s) are reading this topic

Sign In

#1
Crristynel

Posted 06 July 2018 - 15:43

#2
trollerul_de_serviciu

Posted 06 July 2018 - 15:59

#3
MooF2010

Posted 06 July 2018 - 17:45

#4
trollerul_de_serviciu

Posted 07 July 2018 - 06:59

#5
Crristynel

Posted 07 July 2018 - 07:28

#6
dani.user

Posted 07 July 2018 - 14:41

#7
Crristynel

Posted 09 July 2018 - 19:09