zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > (X)HTML
Seite neu laden Trimming Empty Tag

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 16.02.2011, 16:13
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 05.05.2007
Beiträge: 6
Schaum befindet sich auf einem aufstrebenden Ast
Standard Trimming Empty Tag

Hallo allerseits,
ich bin gerade dabei meine XHTML Webseite soweit wie möglich Fehlerfrei darzustellen.
Nun bin ich allerdings über einen Fall etwas ratlos.

Ich habe einzelne Blöcke im Einsatz bei dehnen die Ecken über CSS abgerundet werden, sicherlich kennt der ein oder andere diese Vorlage:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
<!--

.box { 
	width: 770px;
	height: 500px;
	background: #939393;
	position:absolute;
	left:75px;
	top:50px;
	z-index:1;

}
.box h1, .box p {
	margin: 0 10px;
}
.box h1 {
	font-size:150%; 
	color:#ffffff; 
}
.box .top, .box .bottom {
	display:block;
	background: #434343;
}
.box .top b, .box .bottom b {
  display:block;
  height: 1px; 
  overflow: hidden; 
  background: #939393;
}
.box .r1 {
	margin: 0 5px;
}
.box .r2 {
	margin: 0 3px;
}
.box .r3 {
	margin: 0 2px;
}
.box .top .r4, .box .bottom .r4 {
	margin: 0 1px;
	height: 2px;
}
body {
	background-color: #434343;
}

-->
</style>
</head>

<body>
<div class="box">
  <b class="top">
    <b class="r1"></b><b class="r2"></b>
    <b class="r3"></b><b class="r4"></b>
  </b>
  <h1>Runde Ecken</h1>
  <p>Runde Ecken ohne Bilder.</p>
  <b class="bottom">
    <b class="r4"></b><b class="r3"></b>
    <b class="r2"></b><b class="r1"></b>
  </b>
</div>
</body>
</html>



Code:
<div class="box">
  <b class="top">
    <b class="r1"></b><b class="r2"></b>
    <b class="r3"></b><b class="r4"></b>
  </b>
  <div class="boxcontent"> 
    <h1>Runde Ecken</h1>
    <p>Runde Ecken ohne Bilder.</p>
  </div>
  <b class="bottom">
    <b class="r4"></b><b class="r3"></b>
    <b class="r2"></b><b class="r1"></b>
  </b>
</div>
Das funktioniert soweit ganz gut. Nur nach WC3 bekomme ich die Warnung "Trimming Empty Tag" für diesen Bereich
Code:
<b class="r1"></b><b class="r2"></b>
und nachfolgend.
Was muß ich dort einfügen?
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 16.02.2011, 17:20
$("#mettbröttchen");
XHTMLforum-Mitglied
 
Registriert seit: 28.09.2010
Ort: Bremen
Beiträge: 448
zeji wird schon bald berühmt werden
Standard

Habs auch mal durch den Validator gejagt:
Zitat:
This document was successfully checked as XHTML 1.0 Transitional!
...
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 16.02.2011, 17:34
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 05.05.2007
Beiträge: 6
Schaum befindet sich auf einem aufstrebenden Ast
Standard

Tja, bei mir kommt allerdings eine Warnung (siehe Sreenshot), die dies besagt:
Tidy 23 - Htmlpedia
Angehängte Grafiken
Dateityp: png empty-tag.png (40,5 KB, 7x aufgerufen)
Mit Zitat antworten
  #4 (permalink)  
Alt 16.02.2011, 17:49
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Das ist nicht "nach W3C" (WC ist etwas ganz anderes - SCNR), das ist HTML Tidy im Validator-Addon für FF.
Stell auf den SGML-Parser um, dann verschwinden die Warnungen.
Mit Zitat antworten
  #5 (permalink)  
Alt 16.02.2011, 18:11
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 05.05.2007
Beiträge: 6
Schaum befindet sich auf einem aufstrebenden Ast
Standard

Achso!
Haben HTML Tidy Fehler keinen Einfluss auf den validen Code?
Mit Zitat antworten
  #6 (permalink)  
Alt 16.02.2011, 18:22
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Es sind nur Warnungen vor leeren Elementen. Die Du unabhängig davon hier auch gar nicht verwenden, sondern es nach diesem Prinzip lösen solltest: Runde und andere Ecken (Webdesign) | andreas-kalt.de
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Redesign für Steiner Cycling Team pkipper Site- und Layoutcheck 11 09.02.2011 13:25
Quelle im IMG Tag durch css ändern Deffcon CSS 7 07.05.2010 18:23
Div im IE zu hoch RancoR CSS 10 10.07.2007 00:11
Tag überschreiben asd CSS 6 09.06.2006 16:10
img alt tag über css steuern?? biki CSS 1 12.09.2003 20:47


Alle Zeitangaben in WEZ +2. Es ist jetzt 16:58 Uhr.