Avatar billede 0o-mig-o0 Nybegynder
06. februar 2012 - 17:57 Der er 40 kommentarer og
1 løsning

Hjælp til indsætning af billeder på hjemmeside

Hvis jeg nu har en header der er kodet så ledes

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="../css/style.css" rel="stylesheet" type="text/css" />
<title>House of Bergamasco</title>
</head>

<body>
<div id="wrapper">
    <div id="header">
  <div id="logo"> <a href="../da/">Kommende opdrætter af Cane Da Pastore Bergamasco</a> </div>
  <div id="contact">
  Contact<br />
    mmmmmm<br />
    mmmmmmmmm, <br />
    mmmmmmm, Danmark<br />
    Mobil: mmmmmmm<br />
    Mail: <a href="mailto:piastorm90@gmail.com">Her til</a>
  </div>
  <div class="cleaner"></div>
</div>

Hvis jeg så vil have 3 små billederne/logo'er ind hvordan kan jeg så skrive dem?

De skal være lige ved siden af mit logo oppe i toppen så teksten (kommende opdrætt osv) kan stå neden under

og her er siden

http://chinese-by-storm.com/Test/da/index.php?sites=cord&rigthsite=cord

jeg har sat og leget lidt meen kan ikke helt se hvor jeg skal sætte dem
Avatar billede tobrukDk Novice
06. februar 2012 - 18:09 #1
hvis jeg var dig vil jeg give dem noget style. men kan ikke lige se helt hvad du mener ?

kan du prøve at forklare det lidt mere ?
Avatar billede olebole Juniormester
06. februar 2012 - 18:17 #2
<ole>

Du indsætter dem vel med tre IMG-tags? Som tobrukDk skriver, må du dele lidt flere tanker med os  =)

/mvh
</bole>
Avatar billede tobrukDk Novice
06. februar 2012 - 18:51 #3
DU kan valg at lave dem sådan her;



<img src="bg.png" width="102" height="102" alt="bg">

eller


<img src="bg.png" width="102" height="102" alt="bg">


Dog er det vigtigt at skrive noget i "alt="lalal" da en gammel dame eller lign ikke kan se eller lign så kan hun bruge sit programme til at læse frem hvad det er. så er det sikkert at hun/han finde hurtig ud af det..

du kan også valg at lave sådan her


<img src="bg.png" alt="bg">
[div]

Du kan også valg at lave dem i mapper ...

[div]
<img src="billeder/bg.png" alt="bg">
Avatar billede 0o-mig-o0 Nybegynder
06. februar 2012 - 18:54 #4
Jamen altså hvis i kigge på hjemme siden er der et "stort" logo som er 160x160 så har jeg 3 små billeder 60x60 jeg vil sætte ind ved siden af og over teksten "kommende opdrætter..."

meen jeg ved ikke lige helt hvordan jeg gør da det ikke er mig der har lavet headeren

<div id="logo"> betegner jo det "store" billede... så tænkte jeg jo at jeg kunne indsætte de små ved siden af på samme måde altså <div id="billede tekst"> osv. men det kan siden ikke lide
Avatar billede tobrukDk Novice
06. februar 2012 - 18:58 #5

#hej {
    float:left;
}


prøve det til at start med.. :)
Avatar billede 0o-mig-o0 Nybegynder
06. februar 2012 - 18:59 #6
Så hvis koden ser sådan her ud ville det virke?


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="../css/style.css" rel="stylesheet" type="text/css" />
<title>House of Bergamasco</title>
</head>

<body>
<div id="wrapper">
    <div id="header">
  <div id="logo"> <img src="../../images/fci.png" width="60" height="60" /><img src="../../images/dkk.png" width="60" height="60" /><img src="../../images/khkg.png" width="60" height="60" /><br />
<a href="../da/">Kommende opdrætter af Cane Da Pastore Bergamasco</a> </div>
  <div id="contact">
  Contact<br />
    Pia Storm Pedersen<br />
    Engmarksvej 25 A, <br />
    7100 vejle, Danmark<br />
    Mobil: 28551221<br />
    Mail: <a href="mailto:piastorm90@gmail.com">Her til</a>
  </div>
  <div class="cleaner"></div>
</div>
Avatar billede olebole Juniormester
06. februar 2012 - 19:03 #7
Hvorfor spørger du? Hvorfor tester du ikke bare?  =)
Avatar billede tobrukDk Novice
06. februar 2012 - 19:03 #8
Ja prøve af . og det er det bedste gud jeg har til dig lige nu :)ellers vil jeg gerne hjælp dig via teamwiever hvis det er ?
Avatar billede tobrukDk Novice
06. februar 2012 - 19:04 #9
#7 lige min ord..
Avatar billede 0o-mig-o0 Nybegynder
06. februar 2012 - 19:18 #10
Fordi jeg ikke kan :)

siden ligger i test og derfor virker billederneog link ikke på siden :)

før jeg køber et domæne, kan jeg ikke testet det :)
Avatar billede tobrukDk Novice
06. februar 2012 - 19:21 #11
du kan bare høre det html... og via wamp server hvis du skal have det køre via php
Avatar billede 0o-mig-o0 Nybegynder
06. februar 2012 - 19:22 #12
Se der stod jeg af :)
Avatar billede tobrukDk Novice
06. februar 2012 - 19:30 #13
hvor ville du hen med det her?
Avatar billede olebole Juniormester
06. februar 2012 - 19:37 #14
"siden ligger i test og derfor virker billederneog link ikke på siden" >> Det er der vist ikke andre, der forstår ...?!?? Hvad tror du, vi andre gør?  =)
Avatar billede tobrukDk Novice
06. februar 2012 - 19:43 #15
jeg er ordblind og er lidt dårligt til at forklare nogle gange men det her giver seriøst ingen mening.. :O WTF!...
Avatar billede 0o-mig-o0 Nybegynder
06. februar 2012 - 19:44 #16
Jeg har ikke købt domæne endnu fordi jeg ville have siden færdige inden jeg lagde siden op..

så lige nu ligger den som en side under en side og derfor kan billederne på siden ikke vise før siden kommer til at ligge i "roden"

giver det bedre mening?
Avatar billede tobrukDk Novice
06. februar 2012 - 19:50 #17
Hvis du tjek hans link så er der blevet lavet noget om på det siden sidste!! der er ikke mere hjælp her fra jeg synes at han misbruger vores hjælp til noget.. og siger ikke han har en hjemmeside :s


http://pastebin.com/F6mwgnBF der kan du læse hvem der ejer det..

jeg synes det er meget mærkeligt af dig "0o-mig-o0" første skriver du

jeg har sat og leget lidt meen kan ikke helt se hvor jeg skal sætte dem
Avatar billede tobrukDk Novice
06. februar 2012 - 19:51 #18
0o-mig-o0


hvad hedder du så rigtigt??
Avatar billede olebole Juniormester
06. februar 2012 - 19:51 #19
Nej. Du kan da bare teste lokalt. Det gør alle andre som sagt. Enten i en mappe et eller andet sted på PC'en - eller på en lokalt installeret server  =)
Avatar billede olebole Juniormester
06. februar 2012 - 19:57 #20
@0o-mig-o0: Hvad er det, der foregår her? Du har jo rettet i det dokument, du linkede til i spørgsmålet. Ikke desto mindre skriver du "før jeg køber et domæne, kan jeg ikke testet det".

Begynd lige helt forfra og fortæl så præcist, hvad der sker
Avatar billede tobrukDk Novice
06. februar 2012 - 20:07 #21
jeg kan tilbude dig gratis og nemt at hjælp dig via computer :) ?hvis det er du har lyst til det?
Avatar billede olebole Juniormester
06. februar 2012 - 20:07 #22
Mon ikke bare, du skal skrive den rigtige sti til billederne? F.eks: http://chinese-by-storm.com/Test/images/dkk.png - som er, hvor billedet reelt ligger
Avatar billede tobrukDk Novice
06. februar 2012 - 20:11 #23
det kan være at du har skrevet ../../ altså gået for langt tilbage. prøve skrive ../kun når det er ?
Avatar billede 0o-mig-o0 Nybegynder
06. februar 2012 - 20:14 #24
Rolig nu :)

Jeg har sat det ind lokalt og der ser der okay ud men jeg kan jo ikke se om det fucker hele siden op når jeg så ligger det op så jeg ville bare vide om det var rigtig?

Hvis jeg skal starte helt forfra.

Så ligger min hjemmeside i test på domæne navnet chinese-by-storm.com her har jeg så fået lov at lave en mappe hvor jeg kan ligge det hele op i og se om det fungere og se okay ud... men fordi siden ikke ligger i roden kan jeg ikke se billeder eller bruge linkene på siden..

Så til at starte med var jeg i tvivl om hvordan jeg skulle ligge de 3 logo'er ind når første billede var skrevet som <div id="logo"> derfor spørge jeg om jeres hjælpe til hvordan jeg kunne gøre dette da jeg selv havde prøvet og det ikke virked. jeg har ikke selv sat hele siden op det havde jeg en kammerat til, men han har ikke tid til og hjælpe mig mere... derfor søgte jeg jeres hjælp..

Jeg har nu sat billederne ind som tobrukDk skrev men i det jeg ikke kan test om billederne er på siden eller ej ville jeg lige sikre mig at det skulle se sådan ud.

giver det mening?
Avatar billede 0o-mig-o0 Nybegynder
06. februar 2012 - 20:19 #25
Det giver ingen forskel om der er en / eller 2 tobrukDk vil gerne have din hjælp via teamviwer
Avatar billede tobrukDk Novice
06. februar 2012 - 20:20 #26
skrive til mig privat skrive adgangskode og password eller hvad det hedder :)

så når vi færdig forklare jeg folk hvad der gik galt lign.. :)
Avatar billede 0o-mig-o0 Nybegynder
06. februar 2012 - 20:23 #27
Og med henvendt til jeg misbrugere jeres hjælpe forstår jeg altså ikke? jeg har altid givet point til dem som har hjulpet og alt det andet man skal såå forstår ikke lige hvorfor min bruger ligger der inde.. og rigtig hedder jeg Pia
Avatar billede 0o-mig-o0 Nybegynder
06. februar 2012 - 20:27 #28
Har jeg lige gjordt
Avatar billede 0o-mig-o0 Nybegynder
06. februar 2012 - 21:45 #29
skriver du et svar? tobrukDk så må jeg tage den op senere når jeg har købt domæne :)
Avatar billede tobrukDk Novice
06. februar 2012 - 21:46 #30
så har jeg prøve og hjælp 0o-mig-o0 i ca 1 time og jeg kunne overhovedet på ingen måde finde ud af hvordan siden var lavet op, det var sådan html her og php der og mapper til billeder så langt bag ud i en mappe.. og jeg kun ikke rigtigt forstår det, men jeg har dog tilbude ham/hende at lave en billig side hvis det er sådan..
Avatar billede tobrukDk Novice
06. februar 2012 - 21:46 #31
Sådan her.
Avatar billede 0o-mig-o0 Nybegynder
06. februar 2012 - 22:24 #32
Men vil i ikke godt slette mig fra jeres "lad være og svar den bruger" siden
Avatar billede olebole Juniormester
06. februar 2012 - 22:55 #33
"men fordi siden ikke ligger i roden kan jeg ikke se billeder eller bruge linkene på siden.." >> Så er der noget helt grundlæggende omkring webkode, du ikke forstår. Det kan alle andre.

"giver det mening?" >> Nej.

"Det giver ingen forskel om der er en / eller 2" >> Som sagt: Du har ikke forstået helt grundlæggende koncepter. Det gør faktisk hele forskellen!

"Men vil i ikke godt slette mig fra jeres "lad være og svar den bruger" siden" >> Sådan én har jeg aldrig haft i de godt og vel 12 år, jeg har hjulpet på Eksperten - og nu er ikke noget godt tidspunkt at begynde på den slags pjat  =)

Hvis du gerne vil vide, om dit design passer, og du f.eks. får dine billedstier fra en database, tager du blot en kopi af kildekoden på din side (evt. via 'View Source' i browseren).

Derefter bruger du 'Søg og erstat' i din editor og retter alle steder, hvor der står src="../../images/ til src="http://chinese-by-storm.com/images/[/b]. Så lægger du HTML-filen et eller andet sted i Universet - eksempelvis på skrivebordet på din PC - og dobbeltklikker på filen. Så vil filen blive åbnet i din default browser og vise siden med billeder. På samme måde gør du med href=", så dine links og referencer til CSS-filer også virker.

Jeg er professionel webudvikler og har været det i mange år. Det kunne aldrig falde mig ind at påbegynde et udviklingsprojekt på en server ude i byen. Det starter altid lokalt ... enten i en alm. mappe et sted på PC'en eller på min lokalt installerede Apache server med PHP og MySQL.
Avatar billede olebole Juniormester
06. februar 2012 - 22:59 #34
- og undskyld, men Eksperten er heller ikke skrevet af professionelle webudviklere, og firmaet bag skider på deres brugere og gør intet ved længe kendte fejl. Derfor har sitets BB-kodesystem endnu engang fucket op i det seneste indlæg og har skrevet en masse i bold, som ikke skulle have været i bold!
Avatar billede olebole Juniormester
06. februar 2012 - 23:00 #35
- og det vil, som du ser, ske i resten af denne tråd! OMG, hvor er det dog ynkeligt ....!!!
Avatar billede 0o-mig-o0 Nybegynder
06. februar 2012 - 23:53 #36
Jamen lokalt kan jeg godt se billerne når jeg sætter dem ind, bare ikke hvis siderne de bliver lagt ud på ftp'en (selvom billederne også ligger der)...

Og du har helt ret jeg forstår ikke alt og slet ikke hvad der har med hjemmesider at gøre men jeg prøver så godt jeg kan... jeg har ikke selv bygget siden op men jeg har lagt tekst billeder mm ind samt rette lidt her og der men jeg er ikke ekspert over hovedet derfor spørg jeg om hjælp... jeg er rimelig ny til at lave hjemme side og det er kun til eget forbrug jeg gør det....

Siden er bygget op i en dansk og en engelsk del, under hvert sprog er der en site mappe og en rightsite mappe ud over dette ligger alle billeder i roden så både den dansk og engelske version gør brug af den.

Derfor tror jeg at grunden til at det ikke virker med billederne er at billederne ligger i roden. men det er kun en formodning

men ellers må jeg jo vende tilbage til jer hvis det ikke virker når den bliver lagt op på sit eget domæne...
Avatar billede olebole Juniormester
07. februar 2012 - 00:34 #37
Sålænge billederne ikke er send i kredsløb, men ligger et sted på jorden, skal du bare skrive den korrekte sti i dit IMG-tag. Så bliver de vist. Om de ligger i roden eller ej - eller for den sags skyld ligger i et helt andet sites rod - er rystende ligemeget. Det er dit job at skrive stien til dem, og de vil blive vist.

Stien src="images/foo.png" betyder, at billedet ligger i mappen images, som ligger ved siden af HTML-dokumentet.

Står der src="../images/foo.png", betyder det: "Gå ét niveau op fra denne mappe (den, HTML-filen ligger i) og gå ned i mappen images og hent billedet".

Står der src="../../images/foo.png", betyder det: "Gå to niveauer op fra denne mappe (den, HTML-filen ligger i) og gå ned i mappen images og hent billedet".

Står der src="../noget/images/foo.png", betyder det: "Gå ét niveau op fra denne mappe (den, HTML-filen ligger i) og gå ned i mappen noget, hvor der ligger en anden mappe, som hedder images og hent billedet".

En slash i begyndelsen af stien betyder "Roden af sitet". Det vil sige, at hvis der står src="/images/foo.png", så ligger mappen images i roden af sitet.

Håber, det hjalp  =)
Avatar billede Nasgul Nybegynder
07. februar 2012 - 08:54 #38
Hvis du ikke har forståelse for hvad du sidder og arbejder med, vil jeg anbefale dig at holde dig væk fra andres kode, og starte dit eget lokale projekt, for at lære det.

Der findes mange forskellige guides rundt omkring, nogle væsentlig bedre end andre, html.dk er for nogle et oplagt valg at benytte, men dette vil jeg på det kraftigste anbefale dig ikke at gøre, html.dk er forældet, og ikke blevet opdateret i meget lang tid.

Hvad angår Apache/WAMP Server, glem det lige pt. få en forståelse for hvordan tingende virker, før du begynder at rode med web server, da det ikke er nødvendigt at bruge for at lave html, css og evt. JavaScript.

Web server er først et must, den dag du begynder at kigge på eks. php.
Avatar billede 0o-mig-o0 Nybegynder
07. februar 2012 - 11:04 #39
*Olebole tak for den fine beskrivelse... Nu skal jeg har rette alle siderne igennem det hjalp faktisk en del.

Så nu vil jeg sætte mig ned og rette alle siderne... :)

*Nasgul jeg skal bare bruge siden til at vise mine hunde... har ikke tænkte mig og sidde og lave hjemme side for andre for det har jeg sletter ikke interesse i.. derfor har jeg fået en kammerat til at lave siden for mig, hvor efter jeg bare selv skal ligge billede tekst mm. ind :)
Avatar billede olebole Juniormester
07. februar 2012 - 16:46 #40
@Nasgul: "html.dk er forældet, og ikke blevet opdateret i meget lang tid." >> Ikke opdateret i meget lang tid? Hvor har det fra? Det kan næppe være noget, du ved noget om - for html.dk har (heldigvis) ikke været aktiv i lang tid  *o)

@0o-mig-o0: Fair nok, at du ikke påregner at rode med webudvikling, men hvis du selv skal vedligeholde dit site uden et CMS (Content Management System), er det nødvendigt at få din kammerat til at sætte dig ind i de mest grundlæggende ting. Ellers spilder du bare en frustrerende bunke tid  =)
Avatar billede 0o-mig-o0 Nybegynder
08. februar 2012 - 11:23 #41
Olebole
Siden er faktisk færdig mangler kun lige de billeder (jeg startede tråden med) samt rettelserne på den engelske del som nok kommer i weekenden... så tror der går med den viden jeg har :) mig og kammeraten er nemlig ikke på telefod mere...
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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