nemlig Forsker
08. januar 2021 - 22:48 Der er 2 kommentarer

CSS - absolut position af logo

Hejsa.
Jeg har en side, hvor jeg gerne vil have placeret et logo på en fast position.
Det virker, hvis jeg har denne html-kode:
<img class="logo" src="images/FDF.png" width="110px" />
og denne css-kode:
.logo {
    position: absolute;
    top: 20px;
    margin-left: 25px; 
}

Men jeg vil gerne have det hele defineret i min css, da jeg laver koden responsive, så det også vises pænt på mobiler.
Derfor har jeg min CSS-kode opdelt i flere afsnit - alt efter antal pixels i den benyttede browser.
Jeg havde forestillet mig, at jeg kunne definere bredden i min css sådan her:
.logo {
    position: absolute;
    top: 20px;
    margin-left: 25px;
    width:110px";
}
og udelade "width" parameteren af ovenstående html-kode. Men det virker ikke.
Og tilsvarende vil jeg i css-afsnittet til mobiltelefoner sætte width med en mindre værdi.
Nogen forslag til løsning?

URL: www.kalendersystem.dk/res/  (siden er ikke færdig og jeg mangler stadig en del tilpasninger i afsnittet til mobiltelefoner.

PS. Logoet vises pænt i gængse browsere på pc og iPad. Men på iPhone er logoet ikke transparent og der kommer en tynd border om alt grafik. Nogen forklaring på dette?
nemlig Forsker
09. januar 2021 - 10:11 #1
Opdatering: Den sidste del med logoet, der ikke var transparent og der blev vist en tynd border, har jeg nu løst. Jeg havde overset en img{} med noget padding, baggrund og en border.
Men positioneringen driller mig stadig.
nemlig Forsker
09. januar 2021 - 11:16 #2
Fixed: Google er også en hjælp, hvor jeg fandt inspiration til løsningen.
Jeg skulle såmænd bare definere denne her:
.logo img {
        width: 110px;
    }

Så kan jeg ændre width i css-koden til mobilos.
Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links

Opret Preview

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester





Premium
IBM sætter flere navne på topledelsen for sit nye selskab 'NewCo'
Der er blevet sat navne på flere af de aboslutte topposter i IBM's nye driftsselskab, NewCo. Ind til videre fisker IBM inden for egne rækker.
Computerworld
Trump bønfalder Helle Thorning: Giv mig min Facebook-konto tilbage
Facebooks tilsynsråd, der har Helle Thorning-Schmidt i spidsen, har modtaget en erklæring fra Donald Trump, som ønsker at få genoprettet adgangen til sin Facebook og Instagram-konto.
CIO
Har du rost din mellemleder i dag? Snart er de uddøde - og det er et tab
Computerworld mener: Mellemledere lever livet farligt: Topledelsen får konstant ideer med skiftende hold i virkeligheden, og moden går mod flade agile organisationer. Men mellemlederen er en overset hverdagens helt med et kæmpe ansvar. Her er min hyldest til den ofte latterliggjorte mellemleder.
Job & Karriere
IBM Danmark trækker tilbud om frivillige fratrædelser tilbage for stort antal ansatte: "IBM har taget røven på sine ansatte"
Som led i IBM Danmarks store fyringsrunde fik 130 ansatte grønt lys til at forlade selskabet på en frivillig fratrædelsesordning. Men nu har IBM Danmark trukket det oprindelige tilbud tilbage for størstedelen af de ansatte.
White paper
Fri medarbejdermobilitet - med digital bodyguard
Om at gå fra adgangsstyring på personniveau til adgangsstyring på desktopniveau. I takt med at flere og flere medarbejdere arbejder remote og logger på jeres systemer og netværk uden for virksomhedens sikkerhedsværn, risikerer de at efterlade døren til forretningen på klem. Dermed bliver endpoints som pc’ere, Mac’s og servere et oplagt mål for hackere, som vil ind i virksomhedens infrastruktur. I blandt sker det også, at medarbejdere udnytter deres privilegerede adgangsrettigheder til skadelige formål. Det er derfor mere aktuelt end nogensinde at rette opmærksomheden mod jeres endpoints og de rettigheder, der ligger her.