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

Avataren Nybegynder

22. juni 2011 - 12:08 Der er 8 kommentarer og
1 løsning

billede i div

Okay så jeg er igang med at lave en hjemmeside til en fiktiv cafe. (eksamens opgave på grundforløb -.-) og det er sådan at jeg skal have et logo på hver side. Har sat det op i php/xhtml/css. Mit spørgsmål lyder således. Hvordan får jeg et billede i en af mine divs. Jeg har sat 1 div til hvor tekst osv er til database så det hele laves i db'en. Men nu skulle jeg jo gerne lige have et billede i en div lige ved siden af. Jeg er lidt af en klovn til xhtml/css. så har prøvet at gå ind i min index.php og sætte billede ind i den ønskede div. Men uden resultat. Ikke engang tekst vil vises.

http://gfprojekt.medieskolerne.dk/ (...)
til venstre for teksten skal jeg have et billede men det er som om den er låst fast og ikke kan ændres på nu ? HJÆLP !!

Synes godt om

webweaver Praktikant

22. juni 2011 - 12:20 #1

Det du har til venstre, er et baggrundsbillede.
Det ligger faktisk ikke til venstre, men bagved det hele på hele sitet.

Der er ikke noget som er låst fast. Hvis du ønsker at skifte baggrundsbilledet, skifter du bare adressen til det nye billede.

background-image:url(nyBaggrund.jpg);

...

At smide et billede i en div, er lige til.
Jeg ved ikke hvad du har forsøgt dig med, men det kan du gøre helt basic således;

Synes godt om

Avataren Nybegynder

22. juni 2011 - 12:29 #2

ja det er et baggrundsbillede da det hele er lavet i slicing i photoshop (damn you) Men det er jo ikke det billede jeg skal skifte ud. det er mere at sætte et logo ind på det billede/div. Jeg har prøvet det du forslog med img src i div .. Hvilket der ikke sker noget. (jeg skal vel skrive det i min "div id=index6" i min index? da det billede har nr.6 jeg gerne vil have mit logo til at være

Synes godt om

Jingz Nybegynder

22. juni 2011 - 12:50 #3

Hvis du vil lave et dynamisk billedskift vil jeg forslå at du sætter navnene på alle de billeder der skal bruge i en tabel i databasen, med hver deres id der svarer til sidens nummer og laver koden som følger:

$db = mysqli_connect(host,username,password,database);
$billede = mysqli_fetch_array($db, SELECT * FROM billeder WHERE id = $_GET['page']);

<div><img src="dinsti/".$billede['name'] /></div>

Noget i den stil burde virke, bare du sætter dine egne navne på selvfølgelig.

Synes godt om

Avataren Nybegynder

22. juni 2011 - 12:55 #4

tak Jingz skal jeg huske til en anden god gang :) men desværre ikke lige det jeg ville have til at ske her. sådan set er det jeg vil er at have Logo.jpg ovenpå bgindex6.jpg så logoet vises på "alle sider" alle sider fordi jeg kun har en div boks til at skifte via database. Hvilket virker. Nu vil jeg bare have et billede oveni det billede jeg har til venstre. altså divboks 6. Hvis det er mere forståeligt ?

Har prøvet webweavers(lasses) løsning dog uden held.

Synes godt om

Jingz Nybegynder

22. juni 2011 - 13:25 #5

Hvis baggrunden i din div allerede er et billede og du så vil have logoet ovenpå vil jeg forslå at du prøver at lave z-index på dem. Så at du har fx <img src="logo.jpg" style"z-index:10;" />

Og du skal muligvis også have z-index på baggrundsbilledet. Den med højeste z-index ligger øverst.

Synes godt om

Avataren Nybegynder

22. juni 2011 - 13:37 #6

tusind tak. z-index på selve logoet virkede :D yay.

z-index på baggrundsbilledet gjorde at stregen mellem de to bokse jeg har forsvandt. så det behøves ikke.

Alt i alt tusind tak :) smider du svar ?

Synes godt om

webweaver Praktikant

22. juni 2011 - 13:40 #7

Hvis du bare sætter <div><img src="billede.jpg" alt=""></div> ind i dit body element, må der da ske et eller andet?

Det er ikke en grafisk opgave du søger vel? Det er bare at placere et billede til venstre for din tekst boks?

Hvis du starter med som sagt at have en
<div><img src="billede.jpg" alt=""></div> og ikke andet, kan vi altid placere den det korrekte sted efterfølgende.

Synes godt om

Jingz Nybegynder

22. juni 2011 - 14:00 #8

Her er et svar. Held og lykke med prøven :)

Synes godt om

Avataren Nybegynder

22. juni 2011 - 14:17 #9

takker Jingz og webweaver :)

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
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
Link fra form input Af jnrmgs i HTML	9	19/09/202319:10	23/09/202313:11
includere i HTML Af slein55 i HTML	3	15/09/202313:47	16/09/202309:40

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