28111 sujets

CSS et mise en forme, CSS3

Bonjour, j'ai un petit souci d'affichage mais je ne trouve pas comment le resoudre.
Si qq'un a une idée ?
Mon tableau dépasse du col-md-8
Modérateur
Bonjour,

J'aime ce genre de question "indéfinissable" !

À moins que ce soit le fait d'un robot !

Amicalement,
Je ne sais comment décrire mon probleme donc si tu peux m'aider á mieux le décrire ou me dire ce que je dois donner.
Merci
Modérateur
Bonjour,

Bah il faudrait du code, ou un lien vers une page, parce que là, c'est tellement vague que ton problème peut être n'importe quoi.

À priori, tu utilises bootstrap (à confirmer). C'est à peu près tout ce qu'on peut déduire de ta question.

Amicalement,
Alors oui effectivement y'a du bootstrap.

je peux poster le code de la page, mais le lien n'est pas accessible car faut etre connecté.
Faut il autre chose ?

Merci


<!DOCTYPE html>
<html>
  <head>
        <link rel="icon" href="https://crm.akgsoftware.de/graphics/AKG16.ico" />
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="description" content="">
  <meta name="author" content="">

  <link rel="stylesheet" href="https://crm.akgsoftware.de/sceditor/minified/themes/default.min.css" />
  <script src="/sceditor/minified/sceditor.min.js"></script>

  <script type='text/javascript' src='/javascript/jquery-1.10.2.min.js'></script>
  <script type='text/javascript' src='/javascript/customer.js'></script>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous">
  <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
  <link rel='stylesheet' href="https://crm.akgsoftware.de/css/customer_akg.css" />
  <link rel="stylesheet" href="https://crm.akgsoftware.de/css/jquery.datetimepicker_akg.css" />
  <script type="text/javascript" src="https://crm.akgsoftware.de/css/jquery.datetimepicker_akg.full.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
    <!--[if lt IE 9]>
        <script src='https://crm.akgsoftware.de/javascript/html5shiv.min_akg.js'></script>
        <script src='https://crm.akgsoftware.de/javascript/respond.min_akg.js'></script>
      <![endif]-->
  <script type='text/javascript'>
    var customerUrl = '/scripts/customer.fcgi?_sf=0&custSessionKey=54437-fffopvmblydkpdoicmfsjlogfzoncnmt&customerLang=de&noCookies=true';
    var lang_bestMatches = "Results";
    var lang_searching = "Searching...";
    var lang_noMatches = "";
    var wwwRoot = '/';
    $(document).ready(function(){
      $('input').attr('autocomplete','off');
    });
  </script>
   <!-- Start Cookie Plugin -->
   <script type="text/javascript">
      window.CookieHinweis_options = {
      message: 'Die AKG-Webseite verwendet Cookies, um die Bedienfreundlichkeit zu erhöhen. Wenn Sie diese Website weiterhin besuchen, erklären Sie sich damit einverstanden.',
      agree: 'Ok',
      learnMore: 'Informationen & Widerspruchshinweise',
      link: 'https://www.akgsoftware.de/unternehmen/firmengruppe/datenschutz/',
      target: '_blank',
      theme: 'dunkel-unten'
      };
    </script>
    <script type="text/javascript" src="https://s3.eu-central-1.amazonaws.com/website-tutor/cookiehinweis/script.js">
    </script>
   <!-- Ende Cookie Plugin -->

    <script type="text/javascript">
        function RedirectToLogOut(){
                var customerUrl = '/scripts/customer.fcgi?_sf=0&custSessionKey=54437-fffopvmblydkpdoicmfsjlogfzoncnmt&customerLang=de&noCookies=true' + "&action=logout&darfTicket=0";
                window.location.href = customerUrl;
        }
    </script>
</head>
<body>
<div class="navbar navbar-custom navbar-static-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand logo" href='http://www.akgsoftware.de' target='_blank'></a>
    </div>
    <div class="collapse navbar-collapse">
      <div class="right-menu">
        <ul class="nav navbar-nav nav-pills top-nav">
            <li class="dropdown">
              
              
              <!--<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Deutsch <span class="caret"></span></a>-->
              <!--<ul class="dropdown-menu">-->
               <!-- <li><a href="/scripts/customer.fcgi?_sf=0&custSessionKey=54437-fffopvmblydkpdoicmfsjlogfzoncnmt&customerLang=dk&noCookies=true&action=listTickets&pageLength=10">Dansk</a></li> -->
               <!-- <li><a href="/scripts/customer.fcgi?_sf=0&custSessionKey=54437-fffopvmblydkpdoicmfsjlogfzoncnmt&customerLang=en&noCookies=true&action=listTickets&pageLength=10">English</a></li> -->
               <!-- <li><a href="/scripts/customer.fcgi?_sf=0&custSessionKey=54437-fffopvmblydkpdoicmfsjlogfzoncnmt&customerLang=no&noCookies=true&action=listTickets&pageLength=10">Norsk</a></li>-->
               <!-- <li><a href="/scripts/customer.fcgi?_sf=0&custSessionKey=54437-fffopvmblydkpdoicmfsjlogfzoncnmt&customerLang=se&noCookies=true&action=listTickets&pageLength=10">Svenska</a></li>-->
                <!--<li><a href="/scripts/customer.fcgi?_sf=0&custSessionKey=54437-fffopvmblydkpdoicmfsjlogfzoncnmt&customerLang=de&noCookies=true&action=listTickets&pageLength=10">Deutsch</a></li>-->
              <!--</ul>-->

                          </li>

                        <li><a  href='/scripts/customer.fcgi?_sf=0&custSessionKey=54437-fffopvmblydkpdoicmfsjlogfzoncnmt&customerLang=de&noCookies=true&action=changeCust'>Fabrice Reithinger
                              (AKG Software Consulting GmbH)
                            </a></li>
            <li><a href='/scripts/customer.fcgi?_sf=0&custSessionKey=54437-fffopvmblydkpdoicmfsjlogfzoncnmt&customerLang=de&noCookies=true&action=logout'>
                                            Abmelden
                               </a></li>
                      </ul>
          <ul class="nav navbar-nav nav-pills bottom-nav">
            <!--<li><a  href='/scripts/customer.fcgi?_sf=0&custSessionKey=54437-fffopvmblydkpdoicmfsjlogfzoncnmt&customerLang=de&noCookies=true'>Startseite</a></li>-->
                        <li><a class="active" href='/scripts/customer.fcgi?_sf=0&custSessionKey=54437-fffopvmblydkpdoicmfsjlogfzoncnmt&customerLang=de&noCookies=true&action=listTickets&pageLength=10'>
                                           Ihre Anfragen
                                    </a>
            </li>
                                  <li><a  href='/scripts/customer.fcgi?_sf=0&custSessionKey=54437-fffopvmblydkpdoicmfsjlogfzoncnmt&customerLang=de&noCookies=true&action=newTicket'>Neue Anfrage</a></li>
                       <li><a  href='/scripts/customer.fcgi?_sf=0&custSessionKey=54437-fffopvmblydkpdoicmfsjlogfzoncnmt&customerLang=de&noCookies=true&action=viewKbCategory'>FAQ</a></li>
        </ul>
      </div>
    </div>
  </div>
</div>
<div id="page">
  <div class="main container">
    <div class="row">
      <div class="col-md-8"><!-- listTickets.html -->
          <head>
	<title>Support |                         Ihre Anfragen
                            </title>
</head>

<script type="text/javascript">
function hideTab(id) {
   var div_ref = document.getElementById(id);
  div_ref.style.visibility= "hidden";
}

function showTab(id) {
   var div_ref = document.getElementById(id);
  div_ref.style.visibility= "visible";
  div_ref.style.cursor= "pointer";
}

function showPanelTab(radio){
      var sectionTab1 = document.getElementById("myticket");
      var sectionTab2 = document.getElementById("projektticket");
      if (radio.id== "tab1"){
         sectionTab1.style.display= "block";
         sectionTab2.style.display= "none";
      }
      if (radio.id == "tab2"){
         sectionTab1.style.display= "none";
         sectionTab2.style.display= "block";
      }
}

function disableRadio(radio){
     var radioTab1= document.getElementById("tab1");
     var lblradioTab1= document.getElementById("lbltab1");
     radioTab1.style.display = "none";
     lblradioTab1.style.cursor = "default";
}

</script>

<div class="tabset">
  <!-- Tab 1 -->
  <input type="radio" name="tabset" id="tab1" aria-controls="myticket" onchange="showPanelTab(this)" checked>
  <label for="tab1" id="lbltab1" style="cursor:pointer;padding-right:15px">
        <h3 class='page-header'>
                <img src='/graphics/Seven/application-user_20px.png' alt='Cloud öffnen'/>
                                          Meine Anfragen
                          </h3></label>
  <!-- Tab 2 -->

  <input type="radio" name="tabset" id="tab2" aria-controls="projektticket" onchange="showPanelTab(this)" style="visibility:hidden">
  <label id="label_tab2" for="tab2" style="visibility:hidden;padding-right:15px">
        <h3 class='page-header'><img src='/graphics/Seven/application-user-group_20px.png' alt='Cloud öffnen'/> Gruppenanfragen</h3>
  </label>

  <!-- Tab 3 -->
  <input type="radio" name="tabset" id="tab3" aria-controls="firmticket" style="visibility:hidden">
  <label id="label_tab3" for="tab3" style="visibility:hidden"><h3 class='page-header'>Firma Ticket</h3></label>



            <script type='text/javascript'>
               showTab('tab2');
               showTab('label_tab2');
            </script>
           

<div class="tab-panels">
    <section id="myticket" class="tab-panel">
       <div id='listTickets'>
         <div id='ticketBox'>
           <div id='ticketSummary'>
           <!--<span class='active'>0 aktiv</span>-->
           <!--    <span> uleste</span> -->
           <!--<span>2 abgeschlossen</span>-->
          
          

          <span class='active'>In Bearbeitung: 0 / </span>
          <span>Gelöst: 0 / </span>
          <span>Geschlossen: 1</span>

                 </div>

       <div id='ticketSearch'>
           <form method="post" action="/scripts/customer.fcgi?_sf=0&custSessionKey=54437-fffopvmblydkpdoicmfsjlogfzoncnmt&customerLang=de&noCookies=true&action=listTickets">
               <div class='form-group'>
                   <div class='col-sm-6' style="padding-left:0px">
                         <div class="input-group add-on">
                                 <input type="text" class='smartField form-control' alt='Suchen in Anfragen' name="searchText" size="20" value="">
                                 <div class="input-group-btn">
                                      <button class="btn btn-default" type="submit"><i class="glyphicon glyphicon-search"></i></button>
                                </div>
                        </div>
                    </div>
                    <div class='col-sm-2'>
                          <a href='/scripts/customer.fcgi?_sf=0&custSessionKey=54437-fffopvmblydkpdoicmfsjlogfzoncnmt&customerLang=de&noCookies=true&action=newTicket' class="btn btn-success">Neue Anfrage</a>
                    </div>
                    <input type="hidden" name="pageLength" value="10">
                    <input type='hidden' name='ok' value='1' />
               </div>
          </form>
      </div>
</div>

<div class='clr' style="padding-top:15px">&nbsp;</div>


    <h3>Ihre letzten Anfragen</h3>
<table class='listTicketsTable' border="0" cellspacing="1" cellpadding="1" width="100%">
  <tr class='head'>
  <th>ID</th>
  <th>Letzte Änderung</th>
  <th>Kategorie</th>
  <th class='status'>Status</th>
  <th></th>
</tr>

<tr>
  <td colspan='4' style='padding: 0;margin:0;'>
  <table class='listTicketsTable ticket' cellspacing='0' cellpadding='0' style='width: 100%;background-color:#ecede7'>
      <tr class='details'>
          <td class='first'><a href="/scripts/customer.fcgi?_sf=0&custSessionKey=54437-fffopvmblydkpdoicmfsjlogfzoncnmt&customerLang=de&noCookies=true&action=listTicket&ticketId=13476">13476</a></td>
          <td><a href="/scripts/customer.fcgi?_sf=0&custSessionKey=54437-fffopvmblydkpdoicmfsjlogfzoncnmt&customerLang=de&noCookies=true&action=listTicket&ticketId=13476">10.07.2020, 13:14</a></td>
          <td><a href="/scripts/customer.fcgi?_sf=0&custSessionKey=54437-fffopvmblydkpdoicmfsjlogfzoncnmt&customerLang=de&noCookies=true&action=listTicket&ticketId=13476">Ticketsystem (Programmierung, Vorlagen, etc.)</a></td>
         <td class='status'> <a class='ticket_Closed' href="/scripts/customer.fcgi?_sf=0&custSessionKey=54437-fffopvmblydkpdoicmfsjlogfzoncnmt&customerLang=de&noCookies=true&action=listTicket&ticketId=13476" title="Geschlossen">Geschlossen</a></td>
         <td>
                              <a href="https://cloud.akgsoftware.de/s/oXMNmH94pmWgxd3" target="_blank"><img src='/graphics/Cloud16.png' alt='Cloud öffnen' title='Cloud öffnen'/></a>
                    </td>
      </tr>
     <tr class='ticketTitle' style="margin-top:20px;"><td colspan='4'>Rückmeldung TFS auf extern stellen</td></tr>
     <tr class='messageBody'><td colspan='4'><div style="font: normal 11pt &quot;Verdana&quot;">
<p>Hallo Gianni,</p>

<p>ich wäre dafür, die Rückmeldung aus dem TFS, dass ein SR behoben ist auf extern zu stellen:</p>

<p><img height="350" src="https://crm.akgsoftware.de/scripts/customer.fcgi/getAttachment/21441-NPU4RoOdB4huj67ykpqaPCrk7xhD0R9UlJxS1wiC7Ga3NwfMEh1BNTXlOoJ9HpIb-0/image.png" width="910"></p>

<p>dann werden die Kunden tatsächlich im Ticketsystem darüber informiert, dass der Fehler behoben ist.</p>

<p>Wenn du dies auch so siehst, gib diesen Punkt bitte an FR weiter.</p>

<p>Dank &amp; Gruß</p>

<p>Bastian</p>

</div></td></tr>
              <tr class='messageSum'><td colspan='4'><img src='/graphics/SevenCustomer/snakkeboble.png' />&nbsp;<a href="/scripts/customer.fcgi?_sf=0&custSessionKey=54437-fffopvmblydkpdoicmfsjlogfzoncnmt&customerLang=de&noCookies=true&action=listTicket&ticketId=13476">Nachrichten (6)</a></td></tr>
       </table>
<br>
</td>
</tr>


<tr>
  <td colspan='4' style='padding: 0;margin:0;'>
  <table class='listTicketsTable ticket' cellspacing='0' cellpadding='0' style='width: 100%;background-color:#ecede7'>
      <tr class='details'>
          <td class='first'><a href="/scripts/customer.fcgi?_sf=0&custSessionKey=54437-fffopvmblydkpdoicmfsjlogfzoncnmt&customerLang=de&noCookies=true&action=listTicket&ticketId=12278">12278</a></td>
          <td><a href="/scripts/customer.fcgi?_sf=0&custSessionKey=54437-fffopvmblydkpdoicmfsjlogfzoncnmt&customerLang=de&noCookies=true&action=listTicket&ticketId=12278">30.06.2020, 08:02</a></td>
          <td><a href="/scripts/customer.fcgi?_sf=0&custSessionKey=54437-fffopvmblydkpdoicmfsjlogfzoncnmt&customerLang=de&noCookies=true&action=listTicket&ticketId=12278">Allgemeine Fragen</a></td>
         <td class='status'> <a class='ticket_Closed' href="/scripts/customer.fcgi?_sf=0&custSessionKey=54437-fffopvmblydkpdoicmfsjlogfzoncnmt&customerLang=de&noCookies=true&action=listTicket&ticketId=12278" title="Geschlossen">Geschlossen</a></td>
         <td>
                     </td>
      </tr>
     <tr class='ticketTitle' style="margin-top:20px;"><td colspan='4'>test fr</td></tr>
     <tr class='messageBody'><td colspan='4'><div><p>
	test fr
</p></div></td></tr>
       </table>
<br>
</td>
</tr>

</table>



</table>

<!-- This block needs to be updated to show only intervals -->
</div>
</section>

<section id="projektticket" class="tab-panel" style="display:none">
       <script type='text/javascript'>
            function get_json_data_Projekte(id,custid) {
            var html_code = '';
            var flickerAPI = "https://crm.akgsoftware.de/scripts/customer.fcgi?action=safeParse&includeId=projekt_akg&key=projekt_key&CustId="+custid;
            $.getJSON(flickerAPI, function(data) {
    	         ListName = id.substr(0, 1).toUpperCase() + id.substr(1);
                 html_code += '<option value="">[Gruppe wählen]</option>';
                 var divname= '#form_'+id;
                 $.each(data, function(key, value) {
                       html_code += '<option value="' + value["project.project_id"] + '">' + value["project.name"] + '</option>';
            });

            $('#' + id).html(html_code);
         });
      }

         function get_json_data_ticket_from_projekt(project_id,orderby,direction) {
            var html_code = '';
            var flickerAPI = "https://crm.akgsoftware.de/scripts/customer.fcgi?action=safeParse&includeId=ticketprojekt_akg&key=ticketprojekt_key&ProjectID="+project_id+"&orderBy="+orderby+"&Direction="+direction;
            $.getJSON(flickerAPI, function(json) {

    	         $('#jsonTable').css("visibility", "visible");
                        if(direction==0){
                        $('#jsonTable').append("<thead><tr class='head'><th nowrap><a href='#' onclick='MakeIDSort(1,"+project_id+")'>ID</a></th><th nowrap><a href='#' onclick='MakeTitelSort(1,"+project_id+")'>Titel</a></th><th nowrap><a href='#' onclick='MakeDateSort(1,"+project_id+")'>Erfasst</a></th><th class='status' nowrap><a href='#'onclick='MakeStatusSort(1,"+project_id+")'>Status</a></th><th nowrap>Ersteller</th></tr></thead>");
                        }
                       else{
                        $('#jsonTable').append("<thead><tr class='head'><th nowrap><a href='#' onclick='MakeIDSort(0,"+project_id+")'>ID</a></th><th nowrap><a href='#' onclick='MakeTitelSort(0,"+project_id+")'>Titel</a></th><th nowrap><a href='#' onclick='MakeDateSort(0,"+project_id+")'>Erfasst</a></th><th class='status' nowrap><a href='#' onclick='MakeStatusSort(0,"+project_id+")'>Status</a></th><th nowrap>Ersteller</th></tr></thead>");
                       }
			$('#jsonTable').append("<tbody>");
                        $.each(json, function(key, value) {
                           var ticketId =  value["ticket.id"];
                           var author = value["ticket.cust_id.(person->person_id).firstname"]+' '+value["ticket.cust_id.(person->person_id).lastname"];
                           var customerUrl = '/scripts/customer.fcgi?_sf=0&custSessionKey=54437-fffopvmblydkpdoicmfsjlogfzoncnmt&customerLang=de&noCookies=true';
                           var paramsString=window.location.search;
                           var searchParams = new URLSearchParams(paramsString);
                           var custSessionKey = searchParams.get("custSessionKey");
                           var cust_id = '';
                           if(custSessionKey != '')
                           {
                              cust_id =custSessionKey.substring(0,custSessionKey.indexOf("-"));
                           }
                           $('#jsonTable').append("<tr><td><a href='"+ customerUrl +"&action=safeParse&includeId=ticketprojektdialog_akg&key=ticketprojektdialog_key&withFrame=1&projektId="+project_id+"&currentUserId="+cust_id+"&ticketId="+ticketId +"'>"+ticketId  +"</a></td><td>" + value["ticket.title"] + "</td><td>" +
                                                                 new Date(value["ticket.created_at"]).toLocaleString('de-DE', { day: '2-digit',month: '2-digit',year: 'numeric',hour: '2-digit',	minute: '2-digit' }) + "</td><td>" +  value["ticket.ticket_status.(ticket_status->id).name"] + "</td><td>"+author +"</td> </tr>");
                            //html_code += '<option value="' + value["project.project_id"] + '">' + value["project.name"] + '</option>';
                        });
			$('#jsonTable').append("</tbody>");
         });
      }

     $(document).on('change', '#Projekt', function() {
        var project_id= $(this).val();
        var table = document.getElementById("jsonTable");
        table.innerHTML = "";

        if (project_id != '') {
          get_json_data_ticket_from_projekt(project_id,'ticket.id','0');
          var myUrl = '/scripts/customer.fcgi?_sf=0&custSessionKey=54437-fffopvmblydkpdoicmfsjlogfzoncnmt&customerLang=de&noCookies=true&action=newTicket&project_id='+project_id;
          $("#newGroupTicket").attr("href", myUrl);
        }
     });

    function MakeIDSort(myDirection,myprojectID){
         var table = document.getElementById("jsonTable");
         table.innerHTML = "";
         get_json_data_ticket_from_projekt(myprojectID, 'ticket.id', myDirection);
   }

     function MakeTitelSort(myDirection,myprojectID){
         var table = document.getElementById("jsonTable");
         table.innerHTML = "";
         get_json_data_ticket_from_projekt(myprojectID, 'ticket.title', myDirection);
   }

    function MakeDateSort(myDirection,myprojectID){
         var table = document.getElementById("jsonTable");
         table.innerHTML = "";
         get_json_data_ticket_from_projekt(myprojectID, 'ticket.created_at', myDirection);
   }

   function MakeStatusSort(myDirection,myprojectID){
         var table = document.getElementById("jsonTable");
         table.innerHTML = "";
         get_json_data_ticket_from_projekt(myprojectID, 'ticket.ticket_status.(ticket_status->id).name', myDirection);
   }

   </script>


<script type='text/javascript'>
      get_json_data_Projekte('Projekt','54437');
</script>

     <div class="form-horizontal">
      <div class='form-group' id='form_Projekt'>
          <label for='' class='col-sm-1 control-label'>Gruppe</label>
          <div class='col-sm-6'>
                <select name="Projekt" id="Projekt" class="form-control">
			<option value="">Gruppe wählen</option>
		</select>
          </div>
          <div class='col-sm-2'>
                 <a id="newGroupTicket" name="newGroupTicket" href='/scripts/customer.fcgi?_sf=0&custSessionKey=54437-fffopvmblydkpdoicmfsjlogfzoncnmt&customerLang=de&noCookies=true&action=newTicket' class="btn btn-success">Neue Gruppenanfrage</a>
          </div>
      </div>
     </div>

     <table id="jsonTable" class='listTicketsTable' border="0" cellspacing="1" cellpadding="1" width="100%">
     </table>

    </section>
    <section id="firmticket" class="tab-panel" style="visibility:hidden">
      <h2>6C. Dunkles Bock</h2>

    </section>
  </div>

</div>          
      </div>
      <div class="col-md-4">
        <div class='box'>
          <div class='searchDiv'>
                 <div class="input-group add-on">
                        <input type="text" class="smartField faqSearcherGlobal form-control" alt='Suchen in FAQ' name="searchString" id='faqSearchString'  value=''>
                        <div class="input-group-btn">
                                 <button class="btn btn-default" type="submit"><i class="glyphicon glyphicon-search"></i></button>
                        </div>
                </div>
          </div> <!-- .searchDiv -->
          <h3>                        Meistgelesene FAQ
                             </h3>

          
          <ul id='faqTopList' class='list-group'><li class='list-group-item'><a title='ohne erkennbare Veränderung am System wird beim Aufruf nach Excel eine Fehlermeldung ausgegeben &#x0d;&#x0a;&#x0d;' href='/scripts/customer.fcgi?_sf=0&custSessionKey=54437-fffopvmblydkpdoicmfsjlogfzoncnmt&customerLang=de&noCookies=true&action=viewKbEntry&id=119'><img border='0' style='margin-right:5px; padding-bottom:3px;' src='/graphics/Seven/faq.png'>ohne erkennbare Veränderung am System wi...</a></li>
<li class='list-group-item'><a title='Wie kann die Sperre eines Projekts in VESTRA INFRAVISION aufgehoben werden, wenn die Schaltfläche Sperre entfernen inaktiv ist? &#x0d;&#x0a;&#x0d;' href='/scripts/customer.fcgi?_sf=0&custSessionKey=54437-fffopvmblydkpdoicmfsjlogfzoncnmt&customerLang=de&noCookies=true&action=viewKbEntry&id=314'><img border='0' style='margin-right:5px; padding-bottom:3px;' src='/graphics/Seven/faq.png'>Wie kann die Sperre eines Projekts in VE...</a></li>
<li class='list-group-item'><a title='Warum wird die Fläche des Banketts beim Kunstkörperimport in den Lageplan nicht dargestellt? &#x0d;&#x0a;&#x0d;' href='/scripts/customer.fcgi?_sf=0&custSessionKey=54437-fffopvmblydkpdoicmfsjlogfzoncnmt&customerLang=de&noCookies=true&action=viewKbEntry&id=136'><img border='0' style='margin-right:5px; padding-bottom:3px;' src='/graphics/Seven/faq.png'>Warum wird die Fläche des Banketts beim...</a></li>
</ul>

            <ul id="faqSearchResultList" class='hidden list-group'></ul>

            <div id='faqLoadingImg' class='hidden' style='text-align: center; margin-top: 17px;'>
              <img src='/graphics/SevenCustomer/loading.gif' /></div>
            </div>
          <div class='box'>
            <h3>Neueste FAQ</h3>
            <ul class='list-group'><li class='list-group-item'><a title='Beim Versuch, eine Lizenz zu aktivieren, erscheint die Meldung: Interner Fehler während der Lizenzübertragung ... Wie kann der Fehler behoben werden? &#x0d;&#x0a;&#x0d;' href='/scripts/customer.fcgi?_sf=0&custSessionKey=54437-fffopvmblydkpdoicmfsjlogfzoncnmt&customerLang=de&noCookies=true?action=viewKbEntry&id=327'><img border='0' style='margin-right:5px; padding-bottom:3px;' src='/graphics/Seven/faq.png'>Beim Versuch, eine Lizenz zu aktivieren,...</a></li>
<li class='list-group-item'><a title='Wie können bei lokal installiertem Programm die Verwaltung und die Projekte unter GE/Office zentral eingerichtet werden? &#x0d;&#x0a;&#x0d;' href='/scripts/customer.fcgi?_sf=0&custSessionKey=54437-fffopvmblydkpdoicmfsjlogfzoncnmt&customerLang=de&noCookies=true?action=viewKbEntry&id=488'><img border='0' style='margin-right:5px; padding-bottom:3px;' src='/graphics/Seven/faq.png'>Wie können bei lokal installiertem Progr...</a></li>
<li class='list-group-item'><a title='Nach einem Update der CodeMeter-Runtime von 6.nn nach 7.10a sind b ei Netzlizenzen Einstellungen verloren gegangen. Wie kann dieses Problem behoben werden ? &#x0d;&#x0a;&#x0d;' href='/scripts/customer.fcgi?_sf=0&custSessionKey=54437-fffopvmblydkpdoicmfsjlogfzoncnmt&customerLang=de&noCookies=true?action=viewKbEntry&id=483'><img border='0' style='margin-right:5px; padding-bottom:3px;' src='/graphics/Seven/faq.png'>Nach einem Update der CodeMeter-Runtime...</a></li>
<li class='list-group-item'><a title='In AutoCAD Map 3D 2018 funktioniert die Zeichenreihenfolge nicht. Man erhält die Fehlermeldung Unknown command &quot;AI_DRAWORDER&quot; . &#x0d;&#x0a;&#x0d;' href='/scripts/customer.fcgi?_sf=0&custSessionKey=54437-fffopvmblydkpdoicmfsjlogfzoncnmt&customerLang=de&noCookies=true?action=viewKbEntry&id=138'><img border='0' style='margin-right:5px; padding-bottom:3px;' src='/graphics/Seven/faq.png'>In AutoCAD Map 3D 2018 funktioniert die...</a></li>
</ul>

          </div><!-- .box -->
          
          <!-- WebcastBox Anfang-->
                          <div class='box'>
                   <h3>Webcast</h3>
                   
                   <ul class='list-group'><li class='list-group-item'><a title='Webinar Vestra' href='https://www.gotostage.com/channel/akgsoftware-vestrainfravision' target='_blank'><img border='0' style='margin-right:5px; margin-left:3px; padding-bottom:3px;' src='/graphics/Seven/computer-media-play_16px.png'> VESTRA / AKG</a></li>
</ul>

                                   </div>
                     <!-- WebcastBox Ende -->

                  </div>
      </div>
    </div>
  </div>
</div>
</body>
<footer style="text-align:center;padding-top:80px;"
<span><a href="https://www.akgsoftware.de/unternehmen/firmengruppe/datenschutz/" target="_blank">Datenschutz</a> | <a href="https://www.akgsoftware.de/unternehmen/firmengruppe/impressum/" target="_blank">Impressum</a> | <a href="https://www.akgsoftware.de/unternehmen/kontakt/" target="_blank">Kontakt</a>
</footer>
</html>
Modérateur
Bonjour,

Bon, alors la première chose à faire, c'est de corriger le html.

Quand je vois une balise <head> et une balise <title> au milieu de <div>, je me dis que ça ne peut pas bien se passer.

Amicalement,
ok,
admettons. (c'est un code qui vient de complètement ailleur) et tout leur code est tres bizarre. JE te l'accorde.
Maintenant si tu as eu une idée pour qu'un tableau rentre et reste dans ma colonne bootstrap, je suis preneur.
Merci
Modérateur
Bonjour,

Il y a des balises fermantes sans balises ouvrantes, des balises ouvrantes sans balises fermantes, il y a un <footer> après la balise </body>, il manque des ">", il y a une <table> vide, etc.

Si ça marche, ça tient du miracle.

Sinon, en ce qui concerne la colonne col-md-8, le problème provient de son contenu qui est trop grand, et qui dépasse, et en particulier l'image ci-dessous (elle fait 910px de large) :

<p><img height="350" src="https://crm.akgsoftware.de/scripts/customer.fcgi/getAttachment/21441-NPU4RoOdB4huj67ykpqaPCrk7xhD0R9UlJxS1wiC7Ga3NwfMEh1BNTXlOoJ9HpIb-0/image.png" width="303"></p>


Pour corriger ça, le plus simple me semble être de forcer les images à ne pas faire plus de 100% de la largeur de leur conteneur. Par exemple, on peut rajouter dans le css :
img {max-width:100%;height:auto;}

Ça pourrait suffire.

Amicalement,
Modifié par parsimonhi (09 Nov 2020 - 16:06)
Modérateur
Bonjour,

En gros, quand la colonne col-md-8 devient trop large, la colonne de droite passe en dessous. Or la largeur de la colonne col-md-8 n'est pas dictée par son contenu a priori, mais par la largeur de l'écran (je n'ai pas regardé dans le détail, mais je pense que c'est ça l'idée). Changer ce comportement, c'est potentiellement une grosse modification qui pourrait demander beaucoup de travail.

Si tu ne touches pas au comportement de la colonne col-md-8, même si tu forces les conteneurs intermédiaires entre la colonne col-md-8 et l'image à faire une largeur autre que celle qu'ils ont déjà, soit ils dépasseront, soit ton image continuera de dépasser puisque sa largeur est fixe et est 910px. Et alors tu devras la cacher partiellement. Il me parait préférable de réduire l'image au maximum de la largeur de ses ancêtres qui sont eux-mêmes limités par la largeur de la colonne col-md-8 (en fait, actuellement, ils dépassent eux-aussi).

Amicalement,
Bonjour parsimonhi,

Merci pour ton aide.
Effectivement le max-width:100% pour l'image fait que maintenant tout rentre sans dépasser.

Merci