Bug #266

ungültiger CSS-Stil "align:left"

Added by following almost 6 years ago. Updated almost 4 years ago.

Status:erledigt% Done:

100%

Priority name:1 niedrig
Assignee:following
Target version:Version 14
Ticket Referenz: Kategorien:design

Description

Ca. 125 Icons in Template-Dateien sind mit dem Stil "align: left" formatiert. Diesen Stil gibt es nicht und er wäre bei <img>-Tags auch sinnfrei.

Das sind wohl alles die Icons in Überschriften. Dieser Code ist eh hoch redundant und sollte in einem Include-Template zusammengefasst werden.

Associated revisions

Revision 12705e11
Added by following almost 4 years ago

removed invalid align:left styles; fixes #266

History

#1 Updated by following almost 6 years ago

Ich wollte das Problem nochmal verifizieren, aber die align:left-Styles werden im Firefox nicht (mehr?) rot angezeigt. Hmm.

#2 Updated by bohrsty almost 6 years ago

Definition and Usage
The <img> align attribute is not supported in HTML5. Use CSS instead.
The align attribute of <img> is deprecated in HTML 4.01.
The align attribute specifies the alignment of an image according to the surrounding element.
The <img> element is an inline element (it does not insert a new line on a page), meaning that text and other elements can wrap around it. Therefore, it can be useful to specify the alignment of the image according to surrounding elements.

(http://www.w3schools.com/tags/att_img_align.asp)

#3 Updated by following almost 6 years ago

Es geht um den CSS-Stil align:left, also 'style="align:left"'.

#4 Updated by bohrsty almost 6 years ago

following schrieb:

Es geht um den CSS-Stil align:left, also 'style="align:left"'.

jup... wer lesen kann... bitte ignorieren ;)

meines wissens gibt es nur "text-align" und "vertical-align" und mit beiden habe ich verstaendnisschwierigkeiten, wann, was und in welchen html-element sie wie funktionieren sollen... wobei text-align im zusammenhang mit texten in block-elementen klar ist...

#5 Updated by Schrottie almost 6 years ago

Richtig wäre, wenn es ein Bild betrifft

style="float: left;" 

welches sinnvollerweise um

"padding-right: 5px;" 

ergänzt wird, da der nebenliegende Text sonst direkt auf Anschlag geht. Ansonsten tut es natürlich auch
style="text-align: left;" 

was zwar eigentlich für Text ist, aber auch für andere Elemente innerhalb des übergeordneten Tag funktioniert.

#6 Updated by following almost 4 years ago

  • Status changed from offen to in Arbeit
  • Assignee set to following
  • Target version set to Version 14

text-align:left wäre hier ohne Auswirkung, weil es das Standard-Alignment ist. float-left führt teilweise dazu, dass die Icons nicht mehr verikal zentriert am Text ausgerichtet sind. Daher werfe ich diesen ungültigen Stil nun ersatzlos raus.

Ein Abstand auf der rechten Seite ist jeweils per margin-right:10px gesetzt.

#7 Updated by following almost 4 years ago

  • Status changed from in Arbeit to erledigt
  • % Done changed from 0 to 100

Status geändert durch Changeset oc-server3|commit:12705e11c5fb3189a0e5a55b8e78b8e9498c48c4.

Also available in: Atom PDF