CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

mazey Praktikant

14. juli 2014 - 22:20 Der er 3 kommentarer og
1 løsning

Få 2 DIVs ved siden af hinanden ad gangen

Hej Eksperter,

Er det muligt, at stille <div> op, således at de vises side ved side, men automatisk hopper til ny linje, når tabel-bredde er nået.

Eksempel:

En tabel har en bredde på 100px.
<div> inde i ovenstående tabel er med en bredde på 50px. Det vil sige, at <div> står ved siden af hinanden, 2 ad gangen.

<div> skal indgå i noget database-data, så hvis det kunne lade sig gøre, at style div'er så de vil være vist 2 ved siden af hinanden, ville dette være perfekt.

Jeg håber nogen kan hjælpe?

Synes godt om

NielsErikP Mester

15. juli 2014 - 00:35 #1

Hej...

Det er lidt forældet at bruge <Table> i dag.. skal man bruge bruges det kun til tabuleret data. Du bruger jo <div> i forvejen så, hvorfor ikke lave det hele i <div>'s? Der udover skal du ikke ligge Html/css kode ind i en database.

Prøv og kigge på dette :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html>
<head>
<style src="txt/css">
#container {
width: 105px;
height: 400px;
border: 5px solid green;

}
#d1, #d2, #d3 {
display: inline-block;
}

#d1 {

width: 50px;
height: 50px;
background: red;
}
#d2 {
width: 50px;
height: 50px;
background: blue;
}
#d3 {
width: 50px;
height: 50px;
background: green;
}
</style>
</head>

<body>
<div id="container">

<div id="d1">Div 1</div>

<div id="d2">Div 2</div>

<div id="d3">Div 3</div>

</div>

</body>
</html>

Håber du kan bruge det.

Synes godt om

mazey Praktikant

15. juli 2014 - 01:02 #2

Hej Niels Erik,

Tak for dit forslag - jeg er godt klar over, at der er blandede holdninger til tabeller, men de kan også bare være nemmere at arbejde med :-)

Når jeg skriver at det er til noget database-data, så er det fordi jeg skal have koblet noget udtræk på, der skal ind i disse div's - jeg skal have stillet min PHP/MySQL kode op til at parse en stor del data ned i de her div's.
Selve udtrækket har jeg intet problem med, men jeg har et problem i at få de her div's stylet så de 'automatisk' aligner sig 2- og 2. Derfor tænkte jeg, at der måske var en style/metode man kunne lave på en div, så den fortsatte med at sætte div's i forlængelse af hinanden indtil bredde x er nået, for den så bare laver ny linje og stater igen.

Håber du forstår .

Synes godt om

NielsErikP Mester

15. juli 2014 - 01:41 #3

Hej...

Nu skal jeg lige forstå dig rigtigt... Dit udtræk fra database skal fylde hhv. Div1 og dernæst Div2 med data for dernæst at lade css'en have en "display: inline-block"...
Dit udfyldning af dine div skal nok foregå med php...tror så du skal over noget JavaScript for at sætte en css property...
Javascript er ikke min store side. Så må springe fra her.

Synes godt om

mazey Praktikant

15. juli 2014 - 09:27 #4

Helt OK.

Jeg lukker spørgsmålet og har stillet det mere Javascript specifikt her: http://www.eksperten.dk/spm/996157

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

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
Variabler som ikke virker Af Frits Jensen i HTML	2	30/10/202409:37	30/10/202413:04
Aldersbegrænsning på min hjemmeside Af ØLMANDEN i HTML	2	29/09/202410:58	30/09/202412:04
Bredde på div elementer Af dane022 i HTML	2	16/02/202408:29	20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML	2	21/12/202322:51	22/12/202308:03
validering <input tlfnr. Af slein55 i HTML	5	15/10/202311:43	15/10/202314:51

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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS