CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg
Cookie ikon
Avatar billede egmose Novice
28. oktober 2012 - 09:32 Der er 5 kommentarer og
1 løsning

Super simpel CSS side - kan bare ikke huske det :(

God søndag til alle eksperter :)

Jeg sidder og slås med en lille bitte side - ja faktisk skal det kun være 1!

Simpelt nok, der skal være 4 billeder - centreret på siden, med en kort tekst under (1-2 ord, ikke mere), og har forsøgt mig med CSS, uden videre held..

Det er temmelig lang tid siden jeg har arbejdet med CSS, så kan simpelthen ikke få det til og fungere :P

Tænker der er en der hurtigt kan bikse noget sammen?!

Stier osv, er underordnet, så meget kan jeg da rette til selv :)
Avatar billede olebole Juniormester
28. oktober 2012 - 18:32 #1
<ole>

Det kan gøres på flere måder - bl.a. sådan:

<style type="text/css">
.img-block {
    text-align: center;
}
.img-block div {
    display: inline-block;
}
.img-block img {
    display: block;
}
</style>

<div class="img-block">
    <div><img src="http://www.eksperten.dk/images/eksperten_logo.gif" alt="Eksperten">En tekst #1</div>
    <div><img src="http://www.eksperten.dk/images/eksperten_logo.gif" alt="Eksperten">En tekst #2</div>
    <div><img src="http://www.eksperten.dk/images/eksperten_logo.gif" alt="Eksperten">En tekst #3</div>
    <div><img src="http://www.eksperten.dk/images/eksperten_logo.gif" alt="Eksperten">En tekst #4</div>
</div>

/mvh
</bole>
Avatar billede olebole Juniormester
28. oktober 2012 - 18:34 #2
<style type="text/css">
.img-block {
    text-align: center;
}
.img-block div {
    display: inline-block;
}
.img-block img {
    display: block;
}
</style>

<div class="img-block">
    <div><img src="http://www.eksperten.dk/images/eksperten_logo.gif" alt="Eksperten">En tekst #1</div>
    <div><img src="http://www.eksperten.dk/images/eksperten_logo.gif" alt="Eksperten">En tekst #2</div>
    <div><img src="http://www.eksperten.dk/images/eksperten_logo.gif" alt="Eksperten">En tekst #3</div>
    <div><img src="http://www.eksperten.dk/images/eksperten_logo.gif" alt="Eksperten">En tekst #4</div>
</div>
Avatar billede Asky Forsker
20. november 2012 - 12:12 #3
Det er måske meget at gøre ud af det, men jeg vil gerne anbefale en bog, jeg lige har haft kæmpefornøjelse af. Den har flere eksempler også på lige netop dette problem.
Forlag SitePoint
Forfatter: Rachel Andrew
Titel: The CSS3 Anthology /fourth Edition
Sprog: Engelsk
Jeg fandt den på det lokale bibliotek.
Her kan man læse om det sidste nye CSS3 og HTML5 og downloade eksemplerne fra forlagets hjemmeside.
Der er fx et eksempel på en "Galleriside" med thumpnails og links til en større version af billederne.
Søg evt på Bibliotek.dk og bestil bogen
Avatar billede egmose Novice
08. februar 2013 - 12:50 #4
Olebole, smid et svar :)
Avatar billede olebole Juniormester
08. februar 2013 - 15:56 #5
Ellers tak, jeg samler ikke point. Læg selv et svar og accepter det, så tråden lukkes  =)
Avatar billede egmose Novice
19. februar 2013 - 21:47 #6
Tak Tak
Avatar billede 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. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester



Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 15:09 Mobilrouter mangler forbindelse i Sverige Af perhol i Routere & Switches
I dag 10:53 WordMat Af jgormm i Word
I går 16:58 Netværk bliver ved med at "hoppe af" når jeg åbner for mange faner eller specifike spil Af Lars i LAN/WAN
I går 14:44 MS Outlook Af lbc i Office & Kontorpakker
19/0917:14 Udvid partition - Mulighed er nedtonet, ikke aktiv Af Uvanga i PC
White papers
Flere white papers »


Premium
Teaser billede
Professor Christian Damsgaard: Her er de tre vigtigste sikkerhedsmæssige udfordringer ved at lægge dine data i clouden
Læs mere »
Her er Danmarks kommende AI-lov: Se det fulde lov-udkast fra regeringen
Microsoft vil træne AI på dine LinkedIn-opslag og kommentarer: Sådan undgår du det
Henrik Bodskov om sin exit fra Aeven: “Da jeg kørte ind på parkeringspladsen, løb tårerne lidt ned ad kinden”
Se alle »
Computerworld
Teaser billede
I aften sker det: Din iPhone får en monumental opdatering
Læs mere »
Alt om Apples store opdatering til iPhone, Mac, Watch og iPad
Microsoft tvangsinstallerer app i din Office 365 i næste måned: Du kan ikke slippe
Apple opdager alvorlig sårbarhed i ældre iPhones og iPads
Se alle »
CIO
Teaser billede
Til kamp mod legacy og teknisk gæld: Uffe har skrottet 200 servere og 1.000 routere og switches på 140 lokationer
Læs mere »
Microsoft opsplitter Office og Teams: Sådan fungerer opdelingen
”Det fylder helt oppe på direktionsgangene:" Danske topkonsulenter løfter sløret for det allervigtigste it-tema lige nu
Overgangen til Windows 11 kan udløse store bøder, hvis du ikke passer på
Se alle »
Job & Karriere
Teaser billede
Tryg skiller sig af med 225 it-medarbejdere: Outsourcer stor del af sin it-drift til indere
Læs mere »
Her er fidusen: Sådan fastholder KMD og Twoday deres it-folk i lang tid
Henrik Bodskov fratræder som topchef for Aeven: Her er den nye topchef
Novo Nordisks CIO og digitale topchef, Anders Romare, forlader selskabet
Se alle »
White paper
Teaser billede
Sikre og skalerbare datacentre med fokus på drift, energi og fremtid
Læs mere »
IT i front: Sådan bliver netværk en strategisk driver
Sådan samler du virtualisering og containerdrift i én løsning
Undgå at printeren bliver svageste led i sikkerheden
Se alle »

Events
Flere events »
White papers
Flere white papers »
IT-Kurser
Se alle vores it-kurser »