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
7 min siden Fjerne mappe i stifinder Af Peter Olsen i Andet software
20 min siden renteberegning Af Pil i Excel
I går 22:30 Underlig meddelelse på skærmen Af Jordegern i E-mail programmer
I går 15:56 Navigation i Peugeot 3-2008 fra 2017 Af arnepedersen i Andet software
I går 14:10 Outlook henter ikke mails Af TTA i Office & Kontorpakker
White papers
Flere white papers »


Premium
Teaser billede
Vil købe tele-løsninger til det offentlige for 370 millioner kroner
Læs mere »
Efterspørgslen på AI-regnekraft er enorm - og det smitter af på priserne: "Vi kan sælge næsten alt, hvad vi får ind"
Nyt værtøj fra Microsoft: Snart kan du reparere nedbrudte Windows-enheder på distancen
Politiet skriver kontrakt på 75 millioner kroner med dansk it-firma: Medarbejdere skal flytte ind hos politiet
Se alle »
Computerworld
Teaser billede
Microsofts nye pc er ekstrem billig – men kan blive ekstrem sikker og fleksibel
Læs mere »
Test: Prøv kun disse B&O-hovedtelefoner, hvis du har råd
Kæmpe datalæk på hospital: 750.000 patienters fortrolige data lækket
Telegigant klar med AI-baseret mormor: Holder telefon-svindlere fast i røret med sniksnak og dumme spørgsmål
Se alle »
CIO
Teaser billede
Konsulenthus vil rulle Microsoft 365 Copilot ud til 200.000 ansatte
Læs mere »
Kæmpe-opgave for Danske Bank har banet vej for fuldautomatiseret migrering til cloud: Nu udbredes metoden i hele AWS
Microsofts store årlige event: De tre vigtigste nøglebudskaber fra Satya Nadella om Microsofts fremtid
Tre vigtige erkendelser, som Computerworld tog med hjem fra Gartners store topmøde i Barcelona
Se alle »
Job & Karriere
Teaser billede
Microsoft klar med ny direktion for den danske forretning: Her er de nye direktører
Læs mere »
Efter skelsættende møde med sportscoach: Stor dansk it-arbejdsplads indfører fredags-fri og isbade i arbejdstiden
Linus Torvalds giver russiske Linux-udviklere sparket: Vil ikke have noget med dem at gøre
Topchef Sara Green mener, at der er brug for et radikalt nyt syn på it-ledelse - særligt én ny trend hader hun som pesten
Se alle »
White paper
Teaser billede
Sådan gør du: Elektronisk dokumentudveksling i praksis
Læs mere »
Sæt turbo på din cloudperformance og minimér risikoen for DDoS-angreb
Sikkerhed uden grænser: Cisco Hypershield
Er din cybersikkerhed klar til AI-revolutionen?
Se alle »

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