Zwei kleine HTML / CSS fragen

    1. Warum wird kein Bild angezeigt wenn ich folgendes setze:

    HTML
    <verisign />


    Der CSS-Code dafür sieht so aus:

    CSS
    versign { background: url(https://assets-cdn.aebian.org/aebian.org/verified18.png) no-repeat;}


    _____________________________________________________________________________________________________________________________________________


    2. Wie kriege ich es am besten dazu das mein Bild richtig skaliert wird? Aktuell sieht das so aus: https://aebian.org/story/arma-codelist
    CSS-Code dafür ist:

    CSS
    .featured-images {width: 1137px; width: 58vw; max-width: 1137px;  max-width: 60vw; height:372px; height:18vw;max-height:372px; max-height:20vw; border: solid 2px; resize: auto; overflow: hidden;}

    Det blæser en halv pelikan.

    I may look calm. But inside my mind I have killed you 20 times in 5 minutes in 20 different ways.


    1) Du musst, wenn du eine Division für das Anzeigen von Bildern nutzt auch eine Breite und Höhe festlegen, ansonsten kannst du auch den img Tag nutzen.
    2) Am besten mit der background-size Eigenschaft.

    PHP
    .features-images {
	background-size: 100% 100%;
}

    Caglar:
    Dein Code bewirkt rein garnichts. Mir geht es darum das Bild welches im featured-images container ist automatisch auf die Werte zu resizen die oben in meinem CSS Code stehen.
    Und wo nutz ich da bitte eine Division? 8|

    Det blæser en halv pelikan.

    I may look calm. But inside my mind I have killed you 20 times in 5 minutes in 20 different ways.


    Zitat von Deadalus

    @@Caglar::


    Ich sprach aber für Nummero 2, da dein Post nicht ganz ersichtlich war.

    Erkläre es verständlich, weil ich verstehe dein Vorhaben nicht.


    Edit:
    Der Code kann auch nicht's bewirken, wenn das Bild als ein img Tag in featured-images ist.
    Das hättest du aber besser erklären können.


    Versuch's mal so

    PHP
    .featured-images img {
	width: 100%;
}

    Caglar:


    [tabmenu]


    [tab=Info]
    Vorhaben gibts in Zwei Tabs
    [tab=Zu Frage 1]
    Ich will das Bild () angezeigt bekommen, wann immer ich <versign /> im Markup eintippe.
    Der CSS-Code dazu sieht so aus:

    CSS
    versign { background-image: url(https://assets-cdn.aebian.org/aebian.org/verified18.png) no-repeat; width: 100%; height: 100%; background-size: 100% 100%;}


    [/tabmenu]



    E://


    Frage Zwei hat sich somit erledigt, thx

    Det blæser en halv pelikan.

    I may look calm. But inside my mind I have killed you 20 times in 5 minutes in 20 different ways.


    1)


    Du nutzt background-image, bei dieser Eigenschaft kannst du nur das Hintergrund festlegen, also am besten nutzt du background.

    PHP
    versign { 
	background: url(https://assets-cdn.aebian.org/aebian.org/verified18.png) 50% no-repeat;
	width: 18px;
	height: 18px;
}


    2)


    Habe ich dir bereits einen Lösungsweg gezeigt (falls ich es richtig verstanden habe).

    Caglar:


    Der Code scheint wohl doch zu gehen aber irgendwie dann manchmal doch nicht.


    z.B. hier (https://aebian.org/) hab ich unten neben dem Logo den Code <versign /> benutzt, das Bild ist aber irgendwie nicht da.


    HTML
    <img src="https://assets-cdn.aebian.org/aebian.org/logo.png" /> <versign />

    Det blæser en halv pelikan.

    I may look calm. But inside my mind I have killed you 20 times in 5 minutes in 20 different ways.