CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg
Cookie ikon
Avatar billede strangeaway Nybegynder
07. juni 2010 - 00:28 Der er 9 kommentarer og
1 løsning

HTML-hjælp til nybegynder...

Kære eksperter

Jeg sidder og er igang med at lave min allerførste hjemmeside og render ofte ind i problemer, som kan løses ved hjælp af eksperten.dk, men lige nu har jeg to problemer jeg ikke kan finde en løsning på.

Skal måske lige dige, at jeg arbejder i Dreamweaver...

1) Jeg skal have lavet en scrollbar i et tekstfelt, og ville gerne have lavet noget, som det der ligger her: http://livepipe.net/control/scrollbar, men jeg kan simpelthen ikke få det til at fungere.

Er der andre - og måske mere idiotsikre metoder?

2) Jeg har et billede, som jeg skal have lavet om til et link og gerne måske to-tre forskellige links. Dreamweaver har en funktion, der hedder image-map, men de tutorials jeg har kigget på - f.eks. http://www.entheosweb.com/website_design/image_maps.asp - hjælper mig ikke. Når jeg klikker på billedet, får jeg ikke de muligheder i Properties, som deiverse tutorial siger man får. Det er som om, at DW ikke ved, at det er et billede.

Håber der er nogen der kan hjælpe med disse to spørgsmål og evt. vil hjælpe med flere problemer undervejs i min proces.

På forhånd tak!!!
Avatar billede zips Juniormester
07. juni 2010 - 11:32 #1
Da det virker fint hos mig med den scrollbar så må det jo være en fejl du laver, så læg et link til din side, eller hele den kode som du prøver at indsætte den scrollbar i.

Jeg har kun en gamle Dreamweaver men her virker det fint med at oprette hotspot.

1. klik på billedet så det er aktivt
2. I bunden af Dreamweaver er der en pil som kan få Properties frem, klik på den
3. Når Properties er fremme, se i venstre side i bunden, her er de ikoner som bruges til at lave hotspot
4. klik på den type du ønsker og gå op på billedet og tegen det du ønsker.
5 Du har nu oprettet et hotspot som du kan ændre ved at dobbelt klikke på det.
Avatar billede strangeaway Nybegynder
07. juni 2010 - 12:01 #2
hej Zips...

siden finder du på: www.kkom.dk

og koden er her:

<!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">

<!--..Her starter det, du kan skabe på siden. Alt herover er noget standard browser-sprog. Headfeltet er bla. for at fortælle, at du benytter er stylesheet på siden - og at alt hvad du laver, retter sig efter det....-->
<head>
<meta name="author" content="KK Kommunikation" />
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <link rel="stylesheet" href="images/style.css" type="text/css" />
    <title>KKOM - Kommunikation ved Kent Kjersgaard-Hansen</title>
   
</head>


<!--..I body-feltet lægger du alt dit indhold. jeg har delt det op ved hjælp af div'er, der er defineret i stylesheetet. Body er delt af 6 felter: logo, menu, 2xklammer, indholdsfelt og footer...-->

<body>
<div id="page" align="left">
<div id="content" style="width:930px; left: auto;">
    <div id="logo">
    </div>
               
          <div id="menu" class="smallgraytext">
              <a href="om.html">OM K<span class="orangeprik">&bull;</span>KOM</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;     <a href="#">REFERENCER </a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="#">LØSNINGER</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="#">K<span class="orangeprik">&bull;</span>KOM OM</a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">KONTAKT</a>        </div>
     
    <div id="rubrik"> <div class="rubriktext">CURRICULUM VITAE</div>
    </div>   
   

<div id="indhold-scroll">
                    <div class="brodtekst">
                      <p><span class="mellemrubriktext">Erhvervserfaring:</span><br />
                      </p>
                      <p>05/09 - &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Stifter kommunikations- og freelancebureauet  K<span class="orangeprik">&bull;</span>KOM </p>
                      <p>11/08 -            05/09&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Freelancer bosat i Sverige, samt diverse opgaver som event-medarbejder <br />
                      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ved                 SkiStar &Aring;re AB</p>
<p>04/08 - 11/08&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Nyhedsreporter og v&aelig;rt p&aring; P4 Sj&aelig;lland</p>
<p>01/08 - 04/08&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Redaktionssekret&aelig;r p&aring; Morgenavisen Jyllands-Posten</p>
                      <p>12/06 - 01/08&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Freelancer. Har blandt andet siddet p&aring; freelancekontoret SPOTkommunikation.                 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;        <span class="orangeprik">&bull;</span> Leverede fast til DR, metroXpress, Journalisten, Winther Rejser, SKImagasinet, <br />
                      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;    Luksus og en bred vifte af andre medier, samt kommunikationsopgaver.</p>
                      <p>10/05 - 12/06&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;     Journalist p&aring; fagbladet ournalisten<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;   
                      <span class="orangeprik">&bull;</span> Fokus p&aring; is&aelig;r aviskrigen, DRs krise og nye digitale medier</p>
                      <p>03/05 - 10/05&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;     Redaktionssekret&aelig;r p&aring; metroXpress<br />
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <span class="orangeprik">&bull;</span> Ansvar for bl.a. uddannelsesstof, rejse- og en af de b&aelig;rende kr&aelig;fter bag <br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  &lsquo;Festival Globe&rsquo; &ndash; avisen p&aring; Roskilde Festival</p>
                      <p>07/03 - 02/04&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;     Seks m&aring;neders journalist-praktik p&aring; fagbladet Journalisten</p>
                      <p>07/02 - 07/03&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;     12 m&aring;neders journalist-praktik p&aring; Kristeligt Dagblad.</p>
                      <p>02/02 - 07/02&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;     Med i gruppen der starter magasinet trehundredeogtresgrader p&aring; DJH</p>
                      <p>02/01 - 02/04&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;     Redaktionsmedlem i Dansk Skiforbunds medlemsblad, SKI<br />
                      </p>
                      <p><span class="mellemrubriktext">Uddannelse:</span><br />
                      </p>
                      <p>02/01 - 02/05&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;     Studerende p&aring; Danmarks Journalisth&oslash;jskole<br />
                      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <span class="orangeprik">&bull;</span> Af forl&oslash;b kan bl.a. n&aelig;vnes: <br />
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <span class="orangeprik">&bull;</span> Hovedopgave: Radiodokumentar om hustruvold i Rusland<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <span class="orangeprik">&bull;</span> Mediespeciale: Radio (leverede indslag til P1)<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <span class="orangeprik">&bull;</span> Fagspeciale: Verdenspolitik (leverede indslag til P2)<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <span class="orangeprik">&bull;</span> TV nyhedsforl&oslash;b<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <span class="orangeprik">&bull;</span> TV featureforl&oslash;b<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <span class="orangeprik">&bull;</span> TV mini-dokumentarforl&oslash;b (leverede indslag til 19Direkte)<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                      <span class="orangeprik">&bull;</span> Kritisk intervieforl&oslash;b med blandt andet liveinterview</p>
                      <p>09/94 - 07/98&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;        Teologistuderende ved &Aring;rhus Universitet</p>
      </div>
    </div>
  </div>
</div>
</body>
</html>
___________________________________________________________________

Når jeg klikker på billedet, så er de eneste værktøjer der er i Properties, tekst-væktøjer, så det er som om, at DW ikke fatte, at det er et billede.

Jeg er på herrens mark...

Mvh.

Kent...
Avatar billede zips Juniormester
07. juni 2010 - 13:58 #3
Jeg har nu lavet et test med din side og lagt den javascript scrollbar ind så du kan se det virke fint
http://zips.be/exp/911492/

Jeg ville ikke lave alle de mellemrum du har på siden, opsæt dit cv i en tabel og styr det med css, det er jo ikke nemt at finde rundt med alle de mellemrums tegn.

Med hensyn til din DW kan jeg ikke svare på det udfra det du skriver, men det kunne tænkes at du har fået slået det fra ved at klikke på den pil som findes i højre side af Properties helt nede i bunden, den fjerner nemlig muligheden for at sætte hotspot på billeder.
Avatar billede strangeaway Nybegynder
07. juni 2010 - 21:33 #4
Kære zips og alle andre eksperter...

Jeg kan simpelthen ikke få det til at fungere. Jeg har kopieret kildekoden fra din side fuldkommen og det spiller stadig ikke. Føler mig som en komplet idiot!

Prøv at se på www.kkom.dk

Mht. til det med billedet (blyanterne på hjemmesiden), så forstår jeg det stadig ikke. Mit klogeste bud på, hvorfor jeg ikke kan se det med hotspots er, at DW slet ikke opfatter logoet som et billede. Jeg har uploadet et billede af, hvordan det ser ud i DW, når jeg har valgt billedet.

http://img189.imageshack.us/img189/662/skrmbilledez.png

Håber nogen kan hjælpe...
Avatar billede zips Juniormester
07. juni 2010 - 22:12 #5
Jeg har sendt de filer jeg har brugt for at lave min test side, så du kan se om du kan finde fejlen ud fra dem.

På det skærmdump ser det ud til at du kun stå i noget tekst og ikke på et billede, det virker kun hvis du stå på et billede, dvs at du ikke kan gøre det på et baggrundsbillede som du henter med css
Avatar billede strangeaway Nybegynder
07. juni 2010 - 22:24 #6
Hvor har du sendt mailen til? Har ikke modtaget noget...

Prøv evt. kent.kh(at)gmail.com

Billedet er jo netop - tror jeg - et baggrundsbillede, så hvordan løser jeg det lettest i stedet?

Tak ;-)
Avatar billede zips Juniormester
07. juni 2010 - 22:44 #7
Filer er sendt som PM her gennem eksperten, kik i din post, der er et link til filerne som er zip pakket, udpak dem og test dem.

Billedet kan du indsætte som et billede i den div du nu har sat en css på som henter billedet.
Avatar billede strangeaway Nybegynder
08. juni 2010 - 09:41 #8
Kære Zips...

Det lykkedes tusinde tak for hjælpen ... jeg har evt. kun ét tillægsspørgsmål: hvordan ændrer jeg længden på scrollhåndtaget, som jeg gerne vil gøre kortere?

Smider du et svar?

Endnu engang tak :-)
Avatar billede zips Juniormester
08. juni 2010 - 11:09 #9
Her er et svar :-)

Scrollbar højden er styret efter indhold og højde på din div, ændre du højden på #scrollbar_content vil du se at den følger indholdet højde, så den kan ikke ændres, den virker på samme måde som en almindelig scrollbar blot med andre farver.
Avatar billede strangeaway Nybegynder
08. juni 2010 - 11:11 #10
Okay super! Højden på scrollbaren var også ren æstetik - kan sagtens leve med sådan som det ser ud nu!

Endnu engang tak for hjælpen...
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
46 min siden Navigation i Peugeot 3-2008 fra 2017 Af arnepedersen i Andet software
I dag 14:10 Outlook henter ikke mails Af TTA i Office & Kontorpakker
I dag 13:58 vise billeder i kartotek med store ikoner inklusive optagelsesdato Af Malm i Billedbehandling
I dag 13:35 Adobe Elements 2019, Organizer Crasher Af mort1 i Billedbehandling
I går 20:49 pop up black friday Af Malm i Virus
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
Test: Audi Q6 er en super fed SUV - men gør dig selv en tjeneste og kast flere penge efter den
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
Stor sag mod Microsoft kan være på vej: Beskyldes for at låse Azure-kunder fast med ulovlige metoder
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
Managed Detection & Response: Forsvar din virksomhed mod cybertrusler døgnet rundt
Læs mere »
Styrk compliance, sikkerhed og overblik med ét hug
Sådan får du overblik og beskytter dine cloudapplikationer
SAP: Skab værdi og minimér omkostninger med effektiv dokumenthåndtering
Se alle »

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