nicht angemeldet
padding-left bei inline-Elementen
0 0 0 0 0 0 0 
Gunnar Bittersmann
0 0 0 0
0 Gunnar Bittersmann
padding-left bei inline-Elementen
Hallo liebes Forum,
also ich bin gerade etwas verwirrt was die Innenabständen von Inline-Elemente betrifft. Eigentlich haben diese doch keinen oder...?
Jetzt habe ich mit css ein Link-Element formatiert, diesem ein Hintergrundbild zugewiesen und ein entsprechendes padding, um das Icon links kenntlich zu machen. HAbe gar nicht länger drüber nachgedacht weil es in den primären Testbrowsern (Opera, Safari, FF; IE 6.0) wie gewünscht aussah.
Es soll ein externer link (auch im Fliesstext natürlich) ausgezeichnet werden, dazu verwende ich dieses Icon. Zum einen verwundert mich gerade dass das padding überhaupt funktioniert, zum anderen tut es das eben nicht im IE 5.0. Und auch der IE 5.5 Mac neigt zum Hüpfen (also er verschiebt fröhlich ganze Textblöcke) wenn ich mit der Maus über einen solchen formatieren link gehe.
BItte helft mir doch mal auf die Sprünge...wie ist das mit padding..und gäbe es eine Lösung für die zwei angesprochenen PRoblem-Browser?
Vielen Dank, Melanie
-
Hi,
also ich bin gerade etwas verwirrt was die Innenabständen von Inline-Elemente betrifft. Eigentlich haben diese doch keinen oder...?
selbstverständlich haben sie die. Auch Außenabstände (von denen die vertikalen allerdings nicht zutreffen).
zum anderen tut es das eben nicht im IE 5.0.
Ja, der versagt dabei. Mit irgendwelchen Tricks wie z.B. dem Setzen einer border-Eigenschaft tut er es bisweilen auch.
Und auch der IE 5.5 Mac neigt zum Hüpfen
Bei diesem Browser würde ich Microsoft als Vorbild nehmen - und ihn nicht mehr beachten. Die Welt atmete auf, als endlich der Support für jenes Dreckstool eingestellt wurde.
BItte helft mir doch mal auf die Sprünge...wie ist das mit padding..
Warum liest Du das nicht einfach nach?
Cheatah
--
X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
X-Will-Answer-Email: No
X-Please-Search-Archive-First: Absolutely Yes-
Hallo,
selbstverständlich haben sie die. Auch Außenabstände (von denen die vertikalen allerdings nicht zutreffen).
Das mit den margins wusste ich, also dass die horizontalen funktionieren. Aber Bilder sind doch z.b. auch inline-Elemente und da gibts keinen Innenabstand...also global trifft doch diese Aussage nicht zu...?
zum anderen tut es das eben nicht im IE 5.0.
Ja, der versagt dabei. Mit irgendwelchen Tricks wie z.B. dem Setzen einer border-Eigenschaft tut er es bisweilen auch.
Gute Idee, das werde ich ausprobieren.
Bei diesem Browser würde ich Microsoft als Vorbild nehmen - und ihn nicht mehr beachten. Die Welt atmete auf, als endlich der Support für jenes Dreckstool eingestellt wurde.
Dreckstool tritt es sehr schön ;) Aber es gibt Projekte in denen vertraglich geregelt ist dass er in genau den Versionen eben noch _funktionieren_ soll. Naja tut er ja noch (grenzwertig), wenn auch so dass es weh tut.
Danke..hab ich jetzt getan. Trotzdem bleiben ab und zu Fragen offen..ich bitte um Nachsicht.
vg melanie
-
hi,
Aber Bilder sind doch z.b. auch inline-Elemente und da gibts keinen Innenabstand...also global trifft doch diese Aussage nicht zu...?
Hast du schon mal ein Bild mit einem padding sowie einer Hintergrundfarbe oder einem border formatiert ...?
gruß,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }-
Hast du schon mal ein Bild mit einem padding sowie einer Hintergrundfarbe oder einem border formatiert ...?
gruß,
wahsagaJa, eben, und es klappt natürlich hervorragend.
Ich weiss auch nicht wie ich manchmal auf sowas komme.
? Naja nun weiss ich es definitiv.
Merci,vg melanie
-
-
Hallo,
Das mit den margins wusste ich, also dass die horizontalen funktionieren. Aber Bilder sind doch z.b. auch inline-Elemente
Ja, sogar spezielle, nämlich replaced-elements im inline-Kontext.
und da gibts keinen Innenabstand...
Sicher? Müsste es aber, wenn http://www.w3.org/TR/CSS21/box.html#propdef-padding Recht hat. Und es gibt sie auch, siehe Beispiel ;-)).
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Inline-Padding</title> <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"> <style type="text/css"> <!-- p {padding:10px; border:1px solid black;} img {width:100px; heigth:100px; padding:10px; border:1px solid black;} #paddingtext {padding:10px; border:1px solid black;} --> </style> </head> <body> <p><img src="Beispiel.jpg" alt="Bild"></p> <p>Das ist Text <br> Das ist ein <span id="paddingtext">Paddingtext</span> im normalen Fließtext.<br> Das ist weiterer Text.</p> </body> </html>..ich bitte um Nachsicht.
Das kommt drauf an, wie Du von hinten aussiehst.
viele Grüße
Axel
-
..ich bitte um Nachsicht.
Das kommt drauf an, wie Du von hinten aussiehst.viele Grüße
Axel
-
Hi,
..ich bitte um Nachsicht.
Das kommt drauf an, wie Du von hinten aussiehst.
Hmm, so z.B.;)YMMD :-)
Chea "Nachsicht gewährt!" tah
--
X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
X-Will-Answer-Email: No
X-Please-Search-Archive-First: Absolutely Yes-
Hallo.
..ich bitte um Nachsicht.
Das kommt drauf an, wie Du von hinten aussiehst.
Hmm, so z.B.;)
Chea "Nachsicht gewährt!" tahJa, ich glaube auch nicht, dass sie da bitten muss ;-)).
viele Grüße
Axel
-
-
Mel,
Von hinten hui, von vorne …?SCNR.
Live long and prosper,
Gunnar--
„Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein)-
Mel,
Von hinten hui, von vorne …?Pffff..Netter Versuch ;)
-
-
Glück auf!
..ich bitte um Nachsicht.
Das kommt drauf an, wie Du von hinten aussiehst.
Hmm, so z.B.;)Das macht die Piazza San Pietro gleich nochmal so schön :)
Ach ja, Rom, da will ich auch mal wieder hin...Gruß,
der Juve-
Ach ja, Rom, da will ich auch mal wieder hin...
Ja ich auch..und naja- was solls, ich will mal nicht so sein;)
-
Glück auf!
Ach ja, Rom, da will ich auch mal wieder hin...
Ja ich auch..Na komm, Juni 2005 ist ja nicht sooo lange her :)
Bei mir sind´s inzwischen schon fast drei Jahre, die ich nicht mehr da war.und naja- was solls, ich will mal nicht so sein;)
Sehr schöne Fotos, besonders die viele Detailaufnahmen gefallen mir sehr gut. Hebt sich angenehm vom üblichen Touristen-Foto-Einerlei ab! Man merkt, da war ein Fan am Auslöser :)
Hach, mir wird ganz traurig ums Herz - weil ich´s dieses Jahr wahrscheinlich schon wieder nicht schaffen werde. Ich hätte letztes Mal doch die Münze versenken sollen :)Gruß,
der Juve-
Hach, mir wird ganz traurig ums Herz - weil ich´s dieses Jahr wahrscheinlich schon wieder nicht schaffen werde. Ich hätte letztes Mal doch die Münze versenken sollen :)
Die Münze versenken?
Hilf mir auf die Sprünge ;)vg melanie
-
Glück auf!
Die Münze versenken?
Hilf mir auf die Sprünge ;)Na, es heißt doch, wenn man rückwärts (mit der rechten Hand über die linke Schulter oder so) ne Münze in den Fontana di Trevi schmeißt, kommt man auf jeden Fall nach Rom zurück - und das habe ich beim letzten Mal leider verpasst.
Aber egal, ich lass mir nicht vom Schicksal nen Strich durch die Rechnung machen :)Gruß,
der Juve
-
-
-
Hallo hübsche Frau.
Ach ja, Rom, da will ich auch mal wieder hin...
Ja ich auch..und naja- was solls, ich will mal nicht so sein;)
Klasse Site mit sehr schönen Bildern; besonders die individuelle Farbgebung gefällt mir.
Nur ein kleiner Tipp: Vielleicht möchtest du zusätzlich zu den „zurück“- und „vor“-Links noch vom http://de.selfhtml.org/html/kopfdaten/beziehungen.htm@title=link-Element Gebrauch machen?
Damit könnte ich z. B. bequem per Mausgesten navigieren.Einen schönen Donnerstag noch.
Gruß, Ashura
-
Hallo Ashura;)
Klasse Site mit sehr schönen Bildern; besonders die individuelle Farbgebung gefällt mir.
Danke danke! War auch superaufwendig. Allerdings rein technisch völlig unbedarft, sind alles nur html-seiten, keine Automatismen, das änder ich mal wenn ichs mal kann ;)
Nur ein kleiner Tipp: Vielleicht möchtest du zusätzlich zu den „zurück“- und „vor“-Links noch vom http://de.selfhtml.org/html/kopfdaten/beziehungen.htm@title=link-Element Gebrauch machen?
Damit könnte ich z. B. bequem per Mausgesten navigieren.Das merke ich mir, man lernt wirklich nie aus. Ich werde das mal überarbeiten.
Übrigens: bin schon extrem gespannt auf Teil II. Angeblich wurde Teil III ja auch schon gedreht. Kanns kaum erwarten. Du ja sicher auch nicht ;)
vg melanie
-
Hallo Mel.
Übrigens: bin schon extrem gespannt auf Teil II.
Ich habe soeben erst einmal die Zusammenfassung auf der IMDB gelesen; entgegen den ersten Anzeichen handelt der zweite Teil nun also doch nicht von Dwights Vergangenheit bzw. der Vorgeschichte dieses Killers, welche im ersten Teil am Anfang und Ende erscheint.
Angeblich wurde Teil III ja auch schon gedreht. Kanns kaum erwarten. Du ja sicher auch nicht ;)
Keine Frage. Auf der IMDB finde ich jedoch nur ein „Begins filming in Febuary 2006.“
Wo hast du diese Information her?
Einen schönen Freitag noch.
Gruß, Ashura
-
Hallo Ashura,
Ich habe soeben erst einmal die Zusammenfassung auf der IMDB gelesen; entgegen den ersten Anzeichen handelt der zweite Teil nun also doch nicht von Dwights Vergangenheit bzw. der Vorgeschichte dieses Killers, welche im ersten Teil am Anfang und Ende erscheint.
Hmm schade aber ich hoffe dass Clive Owen trotzdem mit dabei ist.
Keine Frage. Auf der IMDB finde ich jedoch nur ein „Begins filming in Febuary 2006.“
Wo hast du diese Information her?
Also nur von Hörensagen, habe nichts nachgeprüft.
Naja wenn es soweit ist gibts hier im Forum mit Sicherheit wieder einen langen thread;))
Allerdings habe ich eben gelesen dass dass Teil 2 UND 3 erst im Februar beginnen und diese dann im Sommer 2007 in die Kinos kommen- ohweh;(
so das bett ruft,
gute nacht!
vg melanie-
Hallo Mel.
Hmm schade aber ich hoffe dass Clive Owen trotzdem mit dabei ist.
Das auf jeden Fall:
It was another dark night in Basin City when lovers Dwight and Ava Lord were reunited.
Allerdings habe ich eben gelesen dass dass Teil 2 UND 3 erst im Februar beginnen und diese dann im Sommer 2007 in die Kinos kommen- ohweh;(
Tja, Geduld ist gefragt, was aber angesichts dieser potentiellen Meisterwerke akzeptabel ist.
Einen schönen Freitag noch.
Gruß, Ashura
-
-
-
-
-
-
-
-
-
Aber Bilder sind doch z.b. auch inline-Elemente und da gibts keinen Innenabstand...
Mel,
Siehe dazu auch http://forum.de.selfhtml.org/archiv/2006/1/t120950/#m777241Live long and prosper,
Gunnar--
„Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein)-
Aber Bilder sind doch z.b. auch inline-Elemente und da gibts keinen Innenabstand...
Mel,
Siehe dazu auch http://forum.de.selfhtml.org/archiv/2006/1/t120950/#m777241Ha! Genau dieses Posting hatte ich im Hinterkopf. Leider habe ich nicht weitergelesen und so hab ich mir nur gemerkt dass padding bei img nicht greift. ABer nun ist es ja klar ;)
Bei IE hatte ich übrigens keine Probleme.
vg melanie-
[…] hatte ich im Hinterkopf.
Mel,
Wo auch sonst? Du hast uns noch nicht davon überzeugt, dass du auch einen Vorderkopf hast …Live long and prosper,
Gunnar--
„Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein)-
Hallo Gunnar,
Wo auch sonst? Du hast uns noch nicht davon überzeugt, dass du auch einen Vorderkopf hast …
[ ] Du hast https://forum.selfhtml.org/?t=121371&m=780493 gelesen?
Dort scheint es einen Hinweis darauf zu geben ... [sic!]Freundliche Grüße
Vinzenz
-
-
-
-
-
