Veraltetes CSS bzw. HTML Element beheben?

Hallo, ich habe gerade meinen Code geprüft und die Meldung bekommen, dass der gelb markierte Teil meiner Tabelle veraltet ist (siehe Bilder) kann mir das bitte Jemand verbessern.

5 Antworten

Vom Beitragsersteller als hilfreich ausgezeichnet

EinAlexander

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, HTML, CSS

19.02.2019, 16:44

Ersetze

<table border="1" width="300">

durch

<table class="rangliste">

und schreib ins Stylesheet

.rangliste { width: 300px }
.rangliste td { border:1px solid #666 }

Alex

Daniel640

Beitragsersteller

19.02.2019, 16:53

Vielen Dank erstmal aber was bedeutet rangliste td und die #666 ?

EinAlexander

19.02.2019, 16:58

@Daniel640

Vielen Dank erstmal aber was bedeutet rangliste td und die #666 ?

Mit class="rangliste" weist Du dem <table>-Element die Klasse "rangliste" zu. Mit der Angabe .rangliste { width:300px } gibst Du im CSS an, dass die Elemente denen die Klasse .rangliste zugewiesen wurde (also im Beispiel deine Tabelle) 300px breit sein sollen.

Mit .rangliste td{ border:1px solid #666} gibst Du im CSS an, das alle <td>-Elemente, die Kind von <table="rangliste"> sind (also im Beispiel alle <td> Deiner Tabelle) einen Rahmen (border) bekommen sollen, der 1px breit ist, eine durchgezogene Linie ist und die Farbe #666 haben soll.

#666 ist die Kurzschreibweise für #666666 - also ein dunkles Grau.

Alles klar?

Daniel640

Beitragsersteller

19.02.2019, 17:12

Vielen vielen Dank. Sehr nett von Ihnen.

Ceeesy759

19.02.2019, 20:50

Noch ein Hinweis bzw. eine Bitte:

Bilder von Grafiken auf dem Bildschirm am besten per Screenshot machen. Screenshots sind i.d.R. besser lesbar als Fotos mit Spiegelungen, zudem haben sie auch meist eine weitaus kleinere Dateigröße. Alleine dein erstes Bild hat mehr als 6 MB! Hier findest Du eine Hilfe, wie man Screenshots erstellt.
Quelltexte/Code am besten mit dem </>-Symbol im Editor formatieren, dann können andere Personen auf gutefrage Dir viel einfacher helfen, da sie den Code nicht abschreiben müssen, sondern direkt testen können.

emer90

19.02.2019, 16:35

den style direkt anzugeben ist veraltet. gibt der tabelle eine id, und lager den style in einer css aus. so wie es da steht. "use css instead"

Woher ich das weiß:Berufserfahrung – Mehrere Jahre Erfahrung Als Administrator/IT-Supporter

Fiiinnn

19.02.2019, 16:35

Inline stylings werden jetzt im "Style" attribut angegeben.

In deinem Fall:

<table style="border:1px; width:300px;">

Daniel640

Beitragsersteller

19.02.2019, 16:43

Danke erstmal aber leider ist wenn ich das so mache das Tabellengitter weg

Fiiinnn

19.02.2019, 16:45

@Daniel640

Ich glaube dann musst du den teil "border: 1px;" entweder einfach weglassen, oder in "border: 1px solid black;" ändern. Bei Black kannst du selbstverständlich jede Farbe reinschreiben.

TommyWeb

19.02.2019, 16:41

Du solltest style in eine .css schreiben und verlinken. Keine Attribute zum stylen nehmen.

Ähnliche Beiträge

Java Tabelle mit HTML Layout erstellen?

Hallo!

Ich möchte aus einer großen HTML Tabelle einige Informationen auslesen und dann in einer Tabelle anzeigen lassen, die möglichst genau so aussehen soll. Die Informationen lese ich im Moment mit folgendem Code heraus:

 public static void WebTable(String s){
    String html = //musste den Link entfernen, da dieser nicht öffentlich gemacht werden darf;
   
      try {
         Document doc = Jsoup.connect(html).get();
         Elements tableElements = doc.select("table");


         ArrayList<String> list = new ArrayList<String>();
       
         Elements tableRowElements = tableElements.select(":not(thead) tr");
         for (int i = 0; i < tableRowElements.size(); i++) {
             Element row = tableRowElements.get(i);
             Elements rowItems = row.select("td");
             if(rowItems.size() == 7){
            
             if(rowItems.get(0).text().equalsIgnoreCase(klasse.replaceAll(" ", ""))){

                 for (int j = 0; j < rowItems.size(); j++) {
                    list.add(rowItems.get(j).text());
                }  }     
         }
         }
     } catch (IOException e) {
         e.printStackTrace();
      }
}

Also habe ich nun alle benötigten Daten in einer ArrayList. Nun möchte ich diese einfach in eine Tabelle eintragen. (Also von links nach rechts einfach auffüllen). Die Tabelle soll jedoch aussehen, wie auf dem Bild gezeigt.

http://goo.gl/4zWlSe

Hoffe mir kann jemand weiterhelfen.

Lg SuperSpace

...zum Beitrag

Wie kann man eine Tabelle in Wordpress, in mobiler Ansicht so einstellen, dass 2 Reihen angezeigt werden anstatt eine?

Hallo, meine Tabelle in Wordpress sieht in mobiler Ansicht unschön aus, weil nur eine Reihe angezeigt wird, sie müssen aber mindestens zwei reihen beinhalten.

Ich bin mir sicher das es im CSS Code oder im HTML Code einstellbar ist. Weiß jemand mehr?

...zum Beitrag

HTML Problem Elementen Hintergrund?

Hallo,
eine kurze, Frage. Wie kriege ich das in css hin das alle Elemente einen Grauen Hintergrund bekommen ohne das ich das für jedes Element einzeln machen muss und ohne das ich den HTML Code ändern muss? Also wirklich nur die Elemente nicht den ganzen body.

...zum Beitrag

HTML in Seite importieren?

Hallo,

arbeite an einer Neuprogrammierung meiner Homepage. Würde gerne HTML Code importieren. Da die Navigation und das HTML Grundgerüst soweit gleich sind. Genauso gewisse Code Elemente. Wie mache ich das am besten. Webspace unterstützt CSS und PHP. Wobei mir CSS lieber wäre. Code Beispiele wären gut und eventuell vielleicht Erklärungen.

...zum Beitrag

Tabelle erstellen und diese ein/ausklappen?

Hey,

ich bekam letzte Woche die Aufgabe eine Tabelle zu erstellen, diese soll ein/ausklappbar sein und die einzelnen Kacheln sollen Themen beinhalten, diese soll man anklicken können und dann öffnet sich in der Tabelle ein Fenster.

Das soll dann ungefähr so aussehen. (hab das grob nachgemacht, da ich gerade nicht den Bogen in der Hand hab.)

So weit ich weiß darf ich HTML, CSS und Javascript nutzen, habe aber nur ein wenig Ahnung in HTML und CSS, Javascript habe ich noch gar nicht gelernt, wäre aber bereit dazu

Ich würde eine Nav bar erstellen, ich denke das schaffe ich auch und dann bräuchte ich Hilfe. Ich würde um die Themenauswahl auszuwählen und diese Tabelle zu öffnen "Themenübersicht" nennen. Nachdem ich auf "Themenübersicht" klicke möchte ich, dass diese Tabelle auftaucht und jedes Thema (müssen keine Namen haben) soll eine "blablabla" Seite direkt daneben haben.

Falls sich jemand beschweren sollte, wieso ich das nicht alleine hinkriege oder zu faul sei, ich bin ein Neuling in dem ganzen Programmier Ding und schaffe es noch nicht alleine, deswegen hätte ich gerne Unterstützung.

...zum Beitrag

HTML/CSS Button Funktioniert nicht richtig?

Hallo,

Ich habe einen RGB Knopf der auch wunderschön leuchtet:

Aber wenn ich auf ihn kliche, wirde der ganze hintergrund zu RGB. Hier der CSS Code:

https://pastebin.com/77rnPQLt

Wie kann ich das beheben?

MfG

...zum Beitrag

Intellij .css file wird nicht farbig hinterlegt?

Habe in Intellij eine html-Datei angelegt.

Im element <style> ist der code bzw. die syntax nicht farbig hinterlegt

im rest bzw. den anderen Elementen schon.

Kann mir jemand erklären, warum?

Was muss ich hier umstellen, damit der Code Farbig hinterlegt wird?

...zum Beitrag

Externe CSS Datei vor Inline CSS in HTML Datei bevorzugen?

Kann ich es irgendwie erzwingen, dass externe CSS Konfigurationen vor dem inline Code in der HTML Datei verwendet werden? Jede CSS Einstellung, die ich in einer externen CSS-Datei erstell, wird, wenn im HTML Code die selbe Einstellung nochmal vorhanden ist, von der internen überschrieben.

Beispiel:

Externes CSS:                                              Internes CSS:
z-index:1;                                                 z-index:2;

Im Browser wird der z-index 2 gezogen.

Danke für hilfreiche Antworten!

...zum Beitrag

Wieso ändert sich bei height und width nur die Position des Elements?

Hallo zusammen,

ich versuche mit CSS meinen Slider höher bzw. breiter zu stellen (mit width und height).

Leider ändert sich nur die Position des Sliders. Weiß jemand, wo das Problem ist bzw. wie man es beheben kann?

Es ist ein .slider bei CSS und ich benutze VS, falls diese Info relevant sein sollte.

...zum Beitrag

Tabelle in html mit CSS verschieben?

Habe eine Tabelle:

<table class="anker"

<tr>

<td>Anker 1</td>

</tr>

wollte die tabelle dann mit css:

table.anker{

margin-top: 50px;}

verschieben, aber wenn verschoben wird verschwinden die rahmen von der Tabelle

...zum Beitrag

Gute KI um HTML-, CSS- und JS-Code für eine Webseite zu erstellen?

Hallo kennt jemand eine gute KI, um HTML-, CSS- und JavaScript-Code für eine Webseite zu erstellen?

...zum Beitrag

Wie kann ich den Abstand zwischen HTML-Tags entfernen?

HI, ich programmiere gerade einen Taschenrechner in HTML/CSS/JavaScript und möchte den Abstand zwischen den Elementen entfernen. Margin, Padding und Border sind bereits auf 0 gestellt. Der Abstand ist auch nur horizontal zwischen den Elementen. Vielen Dank im Voraus :-)

...zum Beitrag

Semantik und Syntax HTML?

Syntax eines Elements und Semantik eines Elements.

Wo liegt der Unterschied (HTML/CSS).

...zum Beitrag

Html Tabelle In die mitte?

Weiß jemand Wie ich in html(css) eine Tabelle in die Mitte Tun kann

Danke im voraus

...zum Beitrag

Was möchtest Du wissen?

Deinen Beitrag erstellen