(X)HTML5 validation results

[r0dsimply]

Hallo Leute

Ich verzweifle langsam an der Fehlermeldung von den validatoren ergebnissen.

  
Error: Duplicate ID news.  
From line 148, column 5; to line 148, column 19  
/div>↩ <div id="news">↩  
  
Warning: The first occurrence of ID news was here.  
From line 139, column 5; to line 139, column 19  
</h1>↩ <div id="news">↩  
  
Error: Duplicate ID style.  
From line 149, column 7; to line 149, column 21  
s">↩ <ul id="style">↩  
  
Warning: The first occurrence of ID style was here.  
From line 140, column 7; to line 140, column 21  
s">↩ <ul id="style">↩  
  
Error: Duplicate ID date.  
From line 151, column 11; to line 151, column 23  
<p id="date"><span>  
  
Warning: The first occurrence of ID date was here.  
From line 142, column 11; to line 142, column 23  
<p id="date"><span>  

Wie kann man diese Fehlermeldungen beheben?
Die Einträge sind doppelt, da es ja News sind.

Hier mal der Orig. Code.

  
<section>  
    <h1>News</h1>  
    <div id="news">  
      <ul id="style">  
        <li>  
          <p id="date"><span>02</span> 01 2015</p>  
          <h3>Update ***</h3>  
          <p>***</p>  
        </li>  
      </ul>  
    </div>  
    <div id="news">  
      <ul id="style">  
        <li>  
          <p id="date"><span>16</span> 12 2014</p>  
          <h3>Update ***</h3>  
          <p>***</p>  
        </li>  
      </ul>  
    </div>  
    <div id="news">  
      <ul id="style">  
        <li>  
          <p id="date"><span>17</span> 10 2014</p>  
          <h3>Update ***</h3>  
          <p>***</p>  
        </li>  
      </ul>  
    </div>  
    <div id="news">  
      <ul id="style">  
        <li>  
          <p id="date"><span>17</span> 08 2014</p>  
          <h3>Update ***</h3>  
          <p>***</p>  
        </li>  
      </ul>  
    </div>  
    <div style="margin: 10px auto 0 auto; text-align: center; width: 60%;"><div id="pagebar-bottom" class="pagebar"><span class="pagebar-label">Seiten:</span> <span class="pagebar-curpage" style="font-weight: bolder;">1</span> </div></div>  
  </section>  

Jemand eine Idee was man hier tun kann?
Das ist kein Einzelfall.
Alle Fehlermeldungen kommen wegen Duplicate ID

[Gunnar Bittersmann]

@@r0dsimply:

nuqneH

Error: Duplicate ID news.
[…]
Wie kann man diese Fehlermeldungen beheben?
Die Einträge sind doppelt, da es ja News sind.

Dann sind die Bezeichner aber keine IDs, denn diese müssen eindeutig sein. Ich hab dazu mal was aufgeschrieben.

Jemand eine Idee was man hier tun kann?

Klassen verwenden.

Qapla'

[r0dsimply]

hm... das hat aber nichts mit dem zu tun.
Die felder werden nur für das stylesheet definiert und habe nichts mit dem PHP/MySQL zu tun.

  
div#news {  
	border-top : 1px solid rgba(0,0,0,0.08);  
	margin     : 3em 0 1em 0;  
	overflow   : hidden;  
	padding    : 0;  
}  
  
div#news ul#style {  
	color      : #6c6c6c;  
	list-style : none;  
	margin     : 0 auto;  
	overflow   : hidden;  
	padding    : 0;  
	text-align : left;  
	width      : 80%;  
}  
  
div#news ul#style li {  
	border-top : 1px solid rgba(0,0,0,.1);  
	margin     : 1.0em 0 2.0em 0;  
	padding    : 0;  
}  
  
div#news ul#style li:first-child {  
	border-top : none;  
}  
  
div#news ul#style a {  
	color           : #2D2D2D;  
	display         : block;  
	text-decoration : none;  
}  
  
div#news ul#style a:hover {  
	text-decoration : underline;  
}  
  
div#news ul#style #first {  
	background  : none;  
	padding-top : 0;  
}  
  
div#news ul#style #date {  
	border-right   : 1px solid rgba(0,0,0,.1);  
	box-shadow     : 0px 0px 0px 5px rgba(255,255,255,0.1);  
	float          : left;  
	font-size      : 1em;  
	font-weight    : 400;  
	height         : 70px;  
	line-height    : normal;  
	margin         : 0.5em 1.5em 0em 0.5em;  
	padding        : 1.5em 0em 1.5em 0em;  
	position       : relative;  
	text-align     : center;  
	text-shadow    : 0px 1px 0px rgba(0,0,0,.2);  
	text-transform : uppercase;  
	width          : 80px;  
}  
  
div#news ul#style #date:after {  
	border-radius : 6px;  
	content       : '';  
	display       : block;  
	height        : 100%;  
	left          : 0;  
	position      : absolute;  
	top           : 0;  
	width         : 100%;  
}  
  
div#news ul#style #date span {  
	display     : block;  
	font-size   : 1.8em;  
	font-weight : 700;  
	margin      : -5px 0 0 0;  
	padding     : 0;  
}  
  
div#news ul#style h3 {  
	font-size      : 1em;  
	font-weight    : 400;  
	padding        : 1em 0em 5px 0em;  
	text-align     : left;  
	text-transform : uppercase;  
}  
  
div#news ul#style p {  
	margin : 0;  
}  

@@r0dsimply:

nuqneH

Error: Duplicate ID news.
[…]
Wie kann man diese Fehlermeldungen beheben?
Die Einträge sind doppelt, da es ja News sind.

Dann sind die Bezeichner aber keine IDs, denn diese müssen eindeutig sein. Ich hab dazu mal was aufgeschrieben.

Jemand eine Idee was man hier tun kann?

Klassen verwenden.

Qapla'

[ChrisB]

Hi,

hm... das hat aber nichts mit dem zu tun.

Die Fehlermeldung, dass du IDs mehrfach verwendest, hat absolut damit zu tun, dass du IDs mehrfach verwendest.

Die felder werden nur für das stylesheet definiert und habe nichts mit dem PHP/MySQL zu tun.

CSS ist irrelevant, du hast Fehlermeldungen vom *HTML*-Validator bekommen.
Also behebe zuerst den Fehler im HTML. Und ja, wenn du das HTML per PHP erzeugst, dann ist das natürlich die Stelle, wo du das machen musst.

MfG ChrisB

[r0dsimply]

Hi,

hm... das hat aber nichts mit dem zu tun.

Die Fehlermeldung, dass du IDs mehrfach verwendest, hat absolut damit zu tun, dass du IDs mehrfach verwendest.

Ja wie soll ich die sonst verwenden?
Ich kann ja nicht für jedes eine eigene ID benutzen..

Die felder werden nur für das stylesheet definiert und habe nichts mit dem PHP/MySQL zu tun.

CSS ist irrelevant, du hast Fehlermeldungen vom *HTML*-Validator bekommen.
Also behebe zuerst den Fehler im HTML. Und ja, wenn du das HTML per PHP erzeugst, dann ist das natürlich die Stelle, wo du das machen musst.

Nein hat nichts damit zu tun.
ich benutze das ID für die Styles mit CSS.
Wenn ich das umändere auf class="" dann sind auch die fehler weg.

MfG ChrisB

[Tabellenkalk]

Hallo,

Wenn ich das umändere auf class="" dann sind auch die fehler weg.

siehste!
Zitat

Gruß
Kalk