Jeg har et div tag hvor et billede skal centreres i midten. Men når jeg bruger padding til at centrer vertical ryger baggrundsfarven også, hvordan kan jeg undgå dette?
I dette særtema ser vi på, hvordan cloud og AI bliver fundamentet for virksomhedernes digitale forretning, og hvordan de nye muligheder for automatisering og forretningsværdi kan udnyttes uden at miste overblik, sikkerhed og menneskelig kontrol.
Ahh tænk ikke på den højde det er en fejl. men hvis jeg bruger background-color i den første div så ser det ok ud. Men vil gerne have så jeg kan skifte baggrundsfarven et sted, men det er nok ikke muligt.
vertical-align er ikke svaret (den bruges til at justere billedet i forhold til tekst). Højde i % har kun virkning hvis et omsluttende element har angivet en præcis højde (i px, pt, em osv). Dvs. at hvis der er et omsluttende element til AWToolbox har en præcis højde kan du bruge den oplysning til at fake en vertikal centrering. (hvilket ikke findes som mulighed i css) Fx. hvis billedet er i en box der er 20px høj og billedet er 10px, så sætter man en top-margin på 5px, så vil billedet se vertikal centreret ud.
/* html */ <div id="AWToolbox"> <img src="/images/demo/home.gif" alt="Gå til forsiden" /> </div>
/* css */ #AWToolBox{ margin: 11px 0; text-align: center; background-color: #6D94B1; height: 20px; /* her må du lige tilpasse */ } #AWToolbox img{ margin: 5px 0; height: 10px; /* jeg er ikke lige klar over om dine enheder er i pixels eller ? */ width: 24px; border: 0; }
Synes godt om
Ny brugerNybegynder
Din løsning...
Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.