php.de

Zurück   php.de > Webentwicklung > HTML, Usability und Barrierefreiheit

HTML, Usability und Barrierefreiheit Themen rund um Textauszeichnung, Formatierung, Barrierefreiheit und Usability.

Antwort
 
LinkBack Themen-Optionen Thema bewerten
Alt 06.05.2011, 15:11  
Erfahrener Benutzer
 
Registriert seit: 19.01.2010
Beiträge: 324
PHP-Kenntnisse:
Anfänger
chunky befindet sich auf einem aufstrebenden Ast
Standard [Erledigt] Reihenfolge in CSS

In einem CSS Stylesheet werden Definitionen von nachfolgenden Definition doch überschrieben...

Warum sehe ich im Objektinspektor dann folgendes für den unten stehenden Code?
Code:
*{
	padding:0px;
	margin: 0px;
	outline: 0px;
	cursor:default;
}
a, a:visited, #addnew{
	cursor: pointer;
}
Code:
<div class="left">
	<a href="#" id="addnew"><img id="addicon" src="/img/icons/add.png" width="20" height="20" alt="" title="Add Account" border="0"></a>
</div>


Die Definition des Cursors für die Links kommt im Stylesheet nach der generellen Definition. Trotzdem wird sie überschrieben.
Ich habe die Reihenfolge schon einmal vertauscht, und trotzdem hat der addnew-Link keinen pointer-Cursor.
chunky ist offline   Mit Zitat antworten
Sponsor Mitteilung
PHP Code Flüsterer

Registriert seit: 21.08.2005
Beiträge: 4682
PHP-Kenntnisse:
Fortgeschritten

Alt 06.05.2011, 15:44  
Moderator¹
 
Registriert seit: 28.03.2010
Beiträge: 7.470
PHP-Kenntnisse:
Fortgeschritten
ChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von chunky Beitrag anzeigen
In einem CSS Stylesheet werden Definitionen von nachfolgenden Definition doch überschrieben...
Nur bei gleicher Spezifität.
http://www.w3.org/TR/CSS21/cascade.html#specificity

Zitat:
Warum sehe ich im Objektinspektor dann folgendes für den unten stehenden Code?
K.A., das kann so eigentlich nicht stimmen.

Valides, auf's wesentliche reduziertes Online-Beispiel bitte.
__________________
RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?
ChrisB ist offline   Mit Zitat antworten
Alt 06.05.2011, 16:59  
Erfahrener Benutzer
 
Registriert seit: 17.02.2006
Beiträge: 132
PHP-Kenntnisse:
Fortgeschritten
marcusson befindet sich auf einem aufstrebenden Ast
Standard

Vermutlich deshalb, weil du im Inspector das Image-Element anstelle des A-Tags erwischt hast?

Deine Regel müsste eigentlich lauten:

a, a *, a:visited, #addnew{
cursor: pointer;
}
marcusson ist offline   Mit Zitat antworten
Alt 06.05.2011, 17:02  
Moderator¹
 
Registriert seit: 28.03.2010
Beiträge: 7.470
PHP-Kenntnisse:
Fortgeschritten
ChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von marcusson Beitrag anzeigen
Vermutlich deshalb, weil du im Inspector das Image-Element anstelle des A-Tags erwischt hast?
Stimmt auffallend , deshalb steht ja auch “inherited from” da ...
__________________
RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?
ChrisB ist offline   Mit Zitat antworten
Alt 06.05.2011, 17:04  
moderatives Dielektrikum
 
Benutzerbild von nikosch
 
Registriert seit: 21.05.2008
Beiträge: 35.987
PHP-Kenntnisse:
Fortgeschritten
nikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunft
Standard

Wieder ein guter Grund, warum der * kein guter reset-Kandidat ist.
__________________
--
One pixel is still too big. Please make it smaller. ASAP.

Initiative Mittelstand.
Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers.
--
nikosch ist offline   Mit Zitat antworten
Alt 06.05.2011, 23:56  
Erfahrener Benutzer
 
Registriert seit: 19.01.2010
Beiträge: 324
PHP-Kenntnisse:
Anfänger
chunky befindet sich auf einem aufstrebenden Ast
Standard

Das mit der Spezifität ist ja mal ein Mist.
Offensichtlich hat also * eine höhere Spezifität?

Was sollte ich denn sonst zum "resetten" nehmen? html? body?
Die Paddings und Margins aller Elemente müssen auf jeden Fall ausgeschaltet werden.
chunky ist offline   Mit Zitat antworten
Alt 07.05.2011, 00:06  
Moderator¹
 
Registriert seit: 28.03.2010
Beiträge: 7.470
PHP-Kenntnisse:
Fortgeschritten
ChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer AnblickChrisB ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von chunky Beitrag anzeigen
Das mit der Spezifität ist ja mal ein Mist.
Nein, ganz und gar nicht - ohne diese wäre CSS ziemlich zahnlos.

Zitat:
Offensichtlich hat also * eine höhere Spezifität?
Nein, hat es natürlich nicht.
(Du willst einfach nicht lernen, Spezifikationen zu lesen, hm?)

Aber es ist der einzige Selektor in deinem gezeigten Code, der überhaupt für das IMG-Element zutrifft.
__________________
RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?
ChrisB ist offline   Mit Zitat antworten
Alt 07.05.2011, 05:13  
Erfahrener Benutzer
 
Registriert seit: 17.02.2006
Beiträge: 132
PHP-Kenntnisse:
Fortgeschritten
marcusson befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von chunky Beitrag anzeigen
Was sollte ich denn sonst zum "resetten" nehmen? html? body?
Wie wäre es mit "Google"? Unter "CSS reset" findest du gleich im ersten Treffer folgendes Beispiel von Eric Meyer:

Code:
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
body {
    line-height: 1;
    color: black;
    background: white;
}
ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
Das macht auf mich einen ziemlich vollständigen Eindruck.
marcusson ist offline   Mit Zitat antworten
Alt 07.05.2011, 10:19  
moderatives Dielektrikum
 
Benutzerbild von nikosch
 
Registriert seit: 21.05.2008
Beiträge: 35.987
PHP-Kenntnisse:
Fortgeschritten
nikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunftnikosch hat eine strahlende Zukunft
Standard

Zitat:
Die Paddings und Margins aller Elemente müssen auf jeden Fall ausgeschaltet werden.
Tja, Du regst Dich aber übers Cursorverhalten auf.
__________________
--
One pixel is still too big. Please make it smaller. ASAP.

Initiative Mittelstand.
Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers.
--
nikosch ist offline   Mit Zitat antworten
Alt 08.05.2011, 00:03  
Erfahrener Benutzer
 
Registriert seit: 19.01.2010
Beiträge: 324
PHP-Kenntnisse:
Anfänger
chunky befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von ChrisB Beitrag anzeigen
Aber es ist der einzige Selektor in deinem gezeigten Code, der überhaupt für das IMG-Element zutrifft.
Und der Anker-Tag um das Bild? Von dem müsste das Bild doch eigentlich die Eigenschaft erben.
chunky ist offline   Mit Zitat antworten
Antwort


Themen-Optionen
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine 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 an
Gehe zu

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Select Feld: Reihenfolge ändern und auswerten monk JavaScript, Ajax und mehr 3 17.02.2010 20:05
Reihenfolge der Tabellen-Spalten durch User wählbar? RoDa PHP Tipps 2006 4 18.06.2006 16:40
Reihenfolge von 7 Bildern ändern php1 PHP Tipps 2006 6 17.02.2006 23:28
Falsche Reihenfolge Chrescht PHP Tipps 2006 7 26.01.2006 18:15
reihenfolge sortieren solarwasser Datenbanken 1 02.11.2005 15:57
[Erledigt] Daten aus MySQL in einer zufälligen Reihenfolge ausgeben PHP-Fortgeschrittene 2 31.07.2005 12:42
[Brainstorming] Userdefinierte Reihenfolge PHP Tipps 2005-2 14 06.07.2005 18:31
sortierverfahren mit selbst festgelegter reihenfolge PHP Tipps 2004-2 2 18.12.2004 03:04
templates werden in der falschen reihenfolge angezeigt PHP-Fortgeschrittene 5 29.10.2004 04:16
template blöcke werden in falscher Reihenfolge angezeigt PHP Tipps 2004 4 28.10.2004 16:42
template blöcke werden in falscher reihenfolge angezeigt! PHP Tipps 2004 0 26.10.2004 17:39
[Erledigt] Bestimmte Zahlen in zufälliger Reihenfolge ausgeben PHP Tipps 2004 12 15.09.2004 20:04
daten in umgekehrter reihenfolge ausgeben, ohne order by Datenbanken 3 31.07.2004 18:10
[Erledigt] Reihenfolge des Resultset bei Verwendung von ..WHERE a IN () Datenbanken 3 29.07.2004 16:02
post reihenfolge im apboard ew2 (v2.02) PHP Tipps 2004 2 01.07.2004 09:05

Besucher kamen über folgende Suchanfragen bei Google auf diese Seite
css reihenfolge vertauschen, css php sortierung, css reihenfolge, a: reihenfolge in css, div span strong a.black spezifität, css liste umgedrehte reihenfolge, html css list reihenfolge ändern, css-definitionen reihenfolge, reihenfolge definition css, css listen reihenfolge, css navi verkehrt herum, welche reihenfolge css definitionen, listenreihenfolge css, css umgedrehter reihenfolge, css liste reihenfolge ändern, ul right align umgekehrte reihenfolge, menu feste große des buttons

Alle Zeitangaben in WEZ +2. Es ist jetzt 05:20 Uhr.




Powered by vBulletin® Version 3.7.2 (Deutsch)
Copyright ©2000 - 2012, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0
Aprilia-Forum, Aquaristik-Forum, Liebeskummer-Forum, Zierfisch-Forum, Geizkragen-Forum