CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg
Cookie ikon
Avatar billede 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 !!
Avatar billede 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;

<div><img src="billede.jpg" alt=""></div>
Avatar billede 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
Avatar billede 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.
Avatar billede 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.
Avatar billede 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.
Avatar billede 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 ?
Avatar billede 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.
Avatar billede Jingz Nybegynder
22. juni 2011 - 14:00 #8
Her er et svar. Held og lykke med prøven :)
Avatar billede Avataren Nybegynder
22. juni 2011 - 14:17 #9
takker Jingz og webweaver :)
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
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester



Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 04:32 Korrupt CF kort Af Mozcan i Foto & video
I går 21:34 install.esd og boot.wim Af sjass i Windows
I går 18:52 Nyt tekstdokument er forsvundet. Af valby i Windows
I går 16:48 "Defragmentering" af Windows 11 ? Af Ikke-ekspert i Windows
25/1219:53 CD Burner XP (Sætte den til at optage nogle numre fra en CD - Men ikke alle ? Af Ikke-ekspert i Musik & videoafspillere
White papers
Flere white papers »


Premium
Teaser billede
Historisk million-bøde får Region Syddanmarks it-direktør til at efterlyse nye GDPR-retningslinjer
Læs mere »
Ser med 'stor alvor' på problemer med vand, varme og manglende kontrol i politiets datacenter
Brugere rammes af Microsoft-fejl: M365-produkter er på mystisk vis blevet deaktiveret
Overblik: Danske it-selskaber strømmer ind mod den centrale storby - og det handler ikke om penge
Se alle »
Computerworld
Teaser billede
Til næste år kommer iPhone 17 – og ifølge rygtestrømmene vil den byde på tre nyheder
Læs mere »
Netværkstest: Første mesh-sæt med komplette WiFi 7-features sætter nye rekorder for dækning og hastighed
Her er dommen: Region Syddanmark skal betale historisk stor bøde for grove overtrædelser af GDPR
Nørgaard: Copilot scorer pænt højt i min kendte 3D-test (Dyrt, Dumt, Dårligt)
Se alle »
CIO
Teaser billede
En af verdens største it-distributører dropper samarbejdet med Broadcom: Kunne ikke nå til enighed
Læs mere »
Dansk headhunter: Dette spørgsmål bliver jeg næsten altid stillet, når jeg forsøger at rekruttere it-folk
Sådan vil Domstolsstyrelsen nedbringe legacy og teknisk gæld: Her er den nye plan
CISO Sarah Aalborg forlader Tivoli: Her er hendes planer for fremtiden
Se alle »
Job & Karriere
Teaser billede
Microsoft klar med ny direktion for den danske forretning: Her er de nye direktører
Læs mere »
Merete Søby klar med nyt top-job efter pludselig exit fra Schultz: Her er hendes nye job
Linus Torvalds giver russiske Linux-udviklere sparket: Vil ikke have noget med dem at gøre
Dansk headhunter: Dette spørgsmål bliver jeg næsten altid stillet, når jeg forsøger at rekruttere it-folk
Se alle »
White paper
Teaser billede
Cyberangreb bliver mere kostbare: Er du forberedt?
Læs mere »
Derfor kræver AI, cloud og sikkerhed et stærkere netværk
Sådan: Én løsning til compliance, sikkerhed og overblik
Managed Detection & Response: Forsvar din virksomhed mod cybertrusler døgnet rundt
Se alle »

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