Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Caut serviciu serios de captura v...

Frauda magazin online

AC Woods Venezia Smart - nu races...

podea ciment denivelata
 Îndepartare bule folie reflectoriz...

Revista imobiliara cu poze... cir...

Recomandare soundbar pentru laptop

Veți renunța in 2025 la...
 Coaxial pentru cablare casa

"Gipane" cu girofar care ...

Mai e cineva pe forum, in afara d...

COSAFA CUP 2024
 Cartela internet cu roaming - com...

Service Liebherr

Modificare lucrare cimentata

Refinanțare credit ipotecar ...
 

Typo3 - tabel cu HTML

* * * - - 2 votes
  • Please log in to reply
7 replies to this topic

#1
business11

business11

    Info Austria

  • Grup: Senior Members
  • Posts: 12,208
  • Înscris: 13.07.2011
Salutare,

am o pagina de web creata in Typo3 care contine un tabel. Acest tabel imi da batai de cap si nu reusesc sa il formatez cum vreau.

Idea este ca acest tabel este ceva mai lat astfel ca nu reusesc sa inteleg de ce nu il "intinde" pe toata pagina, ori il micsoreaza in fereastra dorita.

Attached File  Unbenannt.png   450.03K   24 downloads

Tabelul se opreste unde este dunga rosie, chiar daca in dreapta mai are destul spatiu. Chiar si asa daca nu merge intins pe toata lungimea, as vrea sa se adapteze automat ferestrei, in asa fel incat sa imi fie aratat in intregime, fara sa fiu nevoit sa dau scroll lateral.

Codul tabelului arata cam asa, asta fiind primul si al doilea rand din tabel:

Quote

<table border="1" cellspacing="0" cellpadding="0"> <tbody><tr> <td width="120" valign="top"> <h5>Case</h5> </td> <td width="150" valign="top"> <h5>Antragsgegner</h5> </td> <td width="150" valign="top"> <h5>Konkreter Tatvorwurf</h5> </td> <td width="89" valign="top"> <h5>Zeitraum</h5> </td> <td width="155" valign="top"> <h5>Höhe der Geldbuße </h5> </td> </tr><tr> <td width="160" valign="top"> <h5>AT.40437 - Apple (App Store Practices - music streaming)<br /></h5> </td> <td width="197" valign="top"> <h5><b>Apple</b></h5></td> <td width="200" valign="top"> <h5><ul><li>Apple untersagt Entwicklern von Musikstreaming-Apps iOS-Nutzer umfassend über alternative, billigere Musikabonnements zu informieren, die außerhalb der App verfügbar sind. Verstoßen gegen Art. 102 lit a AEUV.</li></ul></h5></td><td width="89" valign="top"> <h5>10 Jahre</h5> </td> <td width="155" valign="top"><h5>1,8 Mrd EUR.</h5></td> </tr>

Indiferent ca ii modific din "width" nu se schimba nimic.

#2
strongsss

strongsss

    Senior Member

  • Grup: Senior Members
  • Posts: 7,814
  • Înscris: 27.10.2007
<table border="1" cellspacing="0" cellpadding="0">
<tbody><tr>
<td width="120" valign="top"> <h5>Case</h5> </td>
<td width="150" valign="top"> <h5>Antragsgegner</h5> </td>
<td width="150" valign="top"> <h5>Konkreter Tatvorwurf</h5> </td>
<td width="89" valign="top"> <h5>Zeitraum</h5> </td>
<td width="155" valign="top"> <h5>Höhe der Geldbuße </h5> </td> </tr><tr>
<td width="160" valign="top"> <h5>AT.40437 - Apple (App Store Practices - music streaming)<br /></h5> </td>
<td width="197" valign="top"> <h5><b>Apple</b></h5></td>
<td width="200" valign="top"> <h5><ul><li>Apple untersagt Entwicklern von Musikstreaming-Apps iOS-Nutzer umfassend über alternative, billigere Musikabonnements zu informieren, die außerhalb der App verfügbar sind. Verstoßen gegen Art. 102 lit a AEUV.</li></ul></h5></td>
<td width="89" valign="top"> <h5>10 Jahre</h5> </td>
<td width="155" valign="top"><h5>1,8 Mrd EUR.</h5></td> </tr>


in tabelul tau ai setat latimea celulelor (<td width="xxx") dar aceste latimi insumate (120+150+150+89+155+160+197+200+89+155) depasesc  dimensiunea maxima lasata pentru tabel.
trebuie sa gandesti o structura css pentru intreg tabelul,  in care acesta, pe ansamblu ocupa 100% din locul disponibil iar celulele ocupa procente din acest loc.

Edited by strongsss, 15 May 2024 - 14:50.


#3
business11

business11

    Info Austria

  • Grup: Senior Members
  • Posts: 12,208
  • Înscris: 13.07.2011
Problema este ca nu am acces la CSS prin typo3, as avea nevoie de acces FTP dar nu am.

Daca scot "width" (care a fost defapt pus automat acolo) din <td> nu ar trebui sa se adapteze automat? Sau nu exista cumva o comanda care sa adapteze automat celulele?

#4
wertyck

wertyck

    Guru Member

  • Grup: Senior Members
  • Posts: 14,624
  • Înscris: 13.03.2005
Dar nu poti edita codul paginii si sa pui ceva de tipul:

<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tabel scalabil</title>
<style>
    body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: Arial, sans-serif;
    }
    .container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    }
    .table-container {
    max-width: 100%;
    overflow-x: auto;
    }
    table {
    width: 100%;
    border-collapse: collapse;
    }
    th, td {
    padding: 10px;
    border: 1px solid #ddd;
    text-align: left;
    }
    th {
    background-color: #f2f2f2;
    }
</style>
</head>
<body>
<div class="container">
    <div class="table-container">
    <table border="1">
    <tbody>
    <tr>
    <th>Case</th>
    <th>Antragsgegner</th>
    <th>Konkreter Tatvorwurf</th>
    <th>Zeitraum</th>
    <th>Höhe der Geldbuße</th>
    </tr>
    <tr>
    <td>AT.40437 - Apple (App Store Practices - music streaming)</td>
    <td><b>Apple</b></td>
    <td>
    <ul>
    <li>Apple untersagt Entwicklern von Musikstreaming-Apps iOS-Nutzer umfassend über alternative, billigere Musikabonnements zu informieren, die außerhalb der App verfügbar sind. Verstoßen gegen Art. 102 lit a AEUV.</li>
    </ul>
    </td>
    <td>10 Jahre</td>
    <td>1,8 Mrd EUR.</td>
    </tr>
    <!-- Adaugă alte rânduri aici dacă este nevoie -->
    </tbody>
    </table>
    </div>
</div>
</body>
</html>

?

#5
business11

business11

    Info Austria

  • Grup: Senior Members
  • Posts: 12,208
  • Înscris: 13.07.2011
Arata cam asa, deci s-a dus acum in dreapta de tot, dar nu mai pot da nici macar scroll.

Attached File  Unbenannt.png   417.35K   13 downloads

#6
wertyck

wertyck

    Guru Member

  • Grup: Senior Members
  • Posts: 14,624
  • Înscris: 13.03.2005
E clar, nu ai acces la codul sursa al fișierului,
ci doar la zona editabila din corpul pagini în care poți introduce cod html, adică zona cu <body> </body>


Încearcă cu acest cod inserat


<div style="width: 100%; display: flex; justify-content: center; align-items: center;">
    <div style="max-width: 100%; overflow-x: auto;">
        <table border="1" style="width: 100%; border-collapse: collapse;">
            <tbody>
                <tr>
                    <th style="padding: 10px; border: 1px solid #ddd; background-color: #f2f2f2;">Case</th>
                    <th style="padding: 10px; border: 1px solid #ddd; background-color: #f2f2f2;">Antragsgegner</th>
                    <th style="padding: 10px; border: 1px solid #ddd; background-color: #f2f2f2;">Konkreter Tatvorwurf</th>
                    <th style="padding: 10px; border: 1px solid #ddd; background-color: #f2f2f2;">Zeitraum</th>
                    <th style="padding: 10px; border: 1px solid #ddd; background-color: #f2f2f2;">Höhe der Geldbuße</th>
                </tr>
                <tr>
                    <td style="padding: 10px; border: 1px solid #ddd;">AT.40437 - Apple (App Store Practices - music streaming)</td>
                    <td style="padding: 10px; border: 1px solid #ddd;"><b>Apple</b></td>
                    <td style="padding: 10px; border: 1px solid #ddd;">
                        <ul style="margin: 0; padding-left: 20px;">
                            <li>Apple untersagt Entwicklern von Musikstreaming-Apps iOS-Nutzer umfassend über alternative, billigere Musikabonnements zu informieren, die außerhalb der App verfügbar sind. Verstoßen gegen Art. 102 lit a AEUV.</li>
                        </ul>
                    </td>
                    <td style="padding: 10px; border: 1px solid #ddd;">10 Jahre</td>
                    <td style="padding: 10px; border: 1px solid #ddd;">1,8 Mrd EUR.</td>
                </tr>
                <!-- Adaugă alte rânduri aici dacă este nevoie -->
            </tbody>
        </table>
    </div>
</div>

Edited by wertyck, 15 May 2024 - 16:37.


#7
strongsss

strongsss

    Senior Member

  • Grup: Senior Members
  • Posts: 7,814
  • Înscris: 27.10.2007
sau cu asta



Quote

<table border="1" cellspacing="0" cellpadding="0">

  <thead>
<tr>
  <th scope="col">Case</th>
  <th scope="col">Antragsgegner</th>
  <th scope="col">Konkreter Tatvorwurf</th>
   <th scope="col"> Zeitraum </th>
</tr>
  </thead>
  <tbody>
<tr>
   <th scope="row">  AT.40437 - Apple (App Store Practices - music streaming)</th>
   <td>  Apple</td>
   <td> Apple untersagt Entwicklern von Musikstreaming-Apps ....   </td>
   <td>10 Jahre </td>
</tr>



<tr>
  <th scope="row">  AT.40735 - Online rail ticket distribution in Spain</th>
  <td>  Renfe-Operadora E.P.E. Renfe Viajeros, S.M.E., S.A.</td>
   <td>    Renfe ist ein Schienenverkehrsbetreiber. .... </td>
<td>--</td>

</tr>

  </tbody>
  <tfoot>
<tr>
  <th> /* /* </th>
  <td>+ -+ -+-</td>
  <th> /* /* </th>
  <td>+ -+ -+-</td>

</tr>
  </tfoot>
</table>

Edited by strongsss, 15 May 2024 - 16:55.


#8
business11

business11

    Info Austria

  • Grup: Senior Members
  • Posts: 12,208
  • Înscris: 13.07.2011
Va multumesc! Se pare ca exista un fisier (banuiesc ca css) care prescrie mereu codul html pe partea asta. Am incercat ambele coduri, dar nu functioneaza cum vreau.

Trebuie sa fac cumva sa accesez css ul ala.

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