h-Tag links und p-Tag rechts in einem div - Seite 2

Monika · 06.08.2008, 13:27

Zitat:

Zitat von Muckel

Ist eine Tabelle noch valid bei so etwas und wie verhält sich das mit den Richtlinien zur Barriere freiheit?

Gruß Muckel

nix gut , Lösung ist oberhalb

lg

marX · 06.08.2008, 13:31

Zitat:

Zitat von Muckel

Ist eine Tabelle noch valid bei so etwas

Warum nicht?

Zitat:

und wie verhält sich das mit den Richtlinien zur Barriere freiheit?

Was ist an einer Tabelle mit 2 <td>s semantisch anders als an 2 <div>s?

Du kannst natürlich auch die display-Eigenschaften "table-cell" verwenden:
display: Anzeigeart: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets
(manche ganz verwirrte Leute meinen, das Tabellen so böse™ sind, dass man sie nicht verwenden darf, und bauen statt dessen Tabellen mit <div>s und entsprechenden display-Eigenschaften nach und meinen, dass das ja viieel besser ist...)

Das Problem bei Barrierearmut ("Barrierefreiheit" gibts nicht) sind ineinander verschachtelte Tabellen, da hier die Screenreader nicht mehr wissen, wie sie es darstellen sollen.

Versuchs erstmal mit Monikas Tipp und mit angepassten Höhen. Wenn das nicht so wirklich klappen will, dann kannst es immernoch mit einer "bösen™" Tabelle versuchen.

Muckel · 06.08.2008, 13:31

Ist eine Tabelle noch valid bei so etwas und wie verhält sich das mit den Richtlinien zur Barriere freiheit?

Gruß Muckel

Monika · 06.08.2008, 14:04

Zitat:

Zitat von Muckel

Ist eine Tabelle noch valid bei so etwas und wie verhält sich das mit den Richtlinien zur Barriere freiheit?

Gruß Muckel

valid ja barrierefrei nein

fload right muß immer vor float left stehen, dann gehts

lg

marX · 06.08.2008, 14:24

Zitat:

Zitat von Monika

valid ja barrierefrei nein

Mmmh...

Na egal...

Zitat:

fload right muß immer vor float left stehen, dann gehts

Wobei man sich dann wahrscheinlich auch das float:left sparen kann. Es soll ja dann nichts mehr danach rechts am links gefloateten vorbei fließen.

Monika · 06.08.2008, 14:43

Zitat:

Zitat von marX

Mmmh...

Na egal...

Wobei man sich dann wahrscheinlich auch das float:left sparen kann. Es soll ja dann nichts mehr danach rechts am links gefloateten vorbei fließen.

naja kann man nicht, weil h2 ein Blockelement ist und display:inline anders reagiert als float left und weils sonst mit der Breite hapert usw...
aber wenn man kann, kann man --- leicht ists mit dem fließen

lg

marX · 06.08.2008, 15:01

Mein Testcase: (zugegebenermaßen nur im FF3 getestet)

PHP-Code:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "html-dtd/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

 
<head>

  <title>Testcase</title>

  

  <style type="text/css">

    * {

        margin:0;

        padding:0;

    }

    

    #oben {

        display:block;

        height:2.5em;

        padding-top:1em;

        width:100%;

        border:none;

        background-color:red;

    }

 
    #oben h1 {

        font-size:2em; 

        line-height:1em; 

        width:50%;

    }

 
    #oben p {

        float:right;

        width:50%;

        font-weight:bold;

        font-size:1em; 

        line-height:1em;

        margin-top:1em;

    }

  </style>

  

</head>

 
<body>

 
<div id="oben">

    <p>Untertitel</p>

    <h1>Titel der Seite</h1>

    <br style="clear:both" />

</div>

 
</body>

 
</html>

06.08.2008, 15:01	#17 (permalink)
marX WPD-Moderator Registriert seit: 05.10.2006 Beiträge: 5.527	Mein Testcase: (zugegebenermaßen nur im FF3 getestet) PHP-Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "html-dtd/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Testcase</title> <style type="text/css"> * { margin:0; padding:0; } #oben { display:block; height:2.5em; padding-top:1em; width:100%; border:none; background-color:red; } #oben h1 { font-size:2em; line-height:1em; width:50%; } #oben p { float:right; width:50%; font-weight:bold; font-size:1em; line-height:1em; margin-top:1em; } </style> </head> <body> <div id="oben"> <p>Untertitel</p> <h1>Titel der Seite</h1> <br style="clear:both" /> </div> </body> </html> __________________ FAQ // Codex // WP-Stuff // marcus.zelend.de

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

06.08.2008, 13:31	#13 (permalink)
Muckel PostRank: 4 Registriert seit: 27.02.2006 Ort: in Deutschland, Niedersachsen, nähe dem Harz Beiträge: 252	Ist eine Tabelle noch valid bei so etwas und wie verhält sich das mit den Richtlinien zur Barriere freiheit? Gruß Muckel