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

Slettet bruger

28. april 2006 - 13:07 Der er 24 kommentarer og
1 løsning

Hjælp til kode

Hej!! Jeg har virkelig brug for hjælp til at denne kode så koden og siden bliver rigtig fra starten.

Med en kammerats hjælp, der som jeg virkelig er nybegynder i design af website. Har han / vi påbegyndt et design af en side som skal bruges i firmaøjemed.
MEN jeg syntes der er et eller andet galt, efter at have fulgt diverse råd / link til www.html.dk m.m. og læst omkring opsætning af html o.s.v.
Jeg tænker her på koden og ikke på farver og valg af billeder, da det er noget der vil blive rettet hen af vejen. Men så vidt jeg kan se så har han ( min bekendt ) både CSS og html kode i index filen, er der en eller anden af eksperterne der vil hjælpe mig med tilrette dette, da jeg som sagt er total nybegynder. Så bliver jeg en " Glad " mand.
På forhånd tak

Synes godt om

Slettet bruger

28. april 2006 - 13:08 #1

UPPPSSSSSS !!!

glemte jo linktet : www.test.netcop.dk

Synes godt om

carsten_mc Nybegynder

28. april 2006 - 15:11 #2

Der hvor du har style koden skriver du:
<link href="style.css" rel="stylesheet" type="text/css">

Når du har gjort det, laver du et nyt dokument og kopier dette ind:
html,body{margin:10;padding:0}
body{font: 76% arial,sans-serif;text-align:center}
p{margin:0 10px 10px}
a{display:block;color: #981793;padding:10px}
div#container{text-align:left}
div#content p{line-height:1.4}
div#navigation{background:#BBC6C6}
div#extra{background:#BBC6C6}
div#footer{background: #333;color: #FFFFFFF}
div#footer p{margin:0;padding:5px 10px}
div#container{width:700px;margin:0 auto}
div#wrapper{float:left;width:100%}
div#content{margin: 0 150px}
div#navigation{float:left;width:150px;margin-left:-150px}
div#extra{float:left;width:150px;margin-left:-700px}
div#footer{clear:left;width:100%}

Derefter gemmer du filen som style.css

Hvis du så skriver koden fra starten på alle dine sider, skal du blot ændre i denne fil for at ændre alle siderne.

Synes godt om

mclemens Nybegynder

29. april 2006 - 15:17 #3

Denne Doctype er forkert: <!DOCTYPE HTML PUBLIC >
Prøv evt. at bruge denne doctype:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

- ellers designer du siden med IE i quirks og det er sjældent en god måde at designe på (kan selvfølgelig gøres hvis man er inde i betydningen for padding, margin m.v. når IE er i quirks og ikke er i quirks...)

Synes godt om

mclemens Nybegynder

29. april 2006 - 15:20 #4

Det øverste script du har på siden lægges også ud i en ekstern fil som her:

<script type="text/javascript" src="jsfil.js"></script>

Og opret jsfil.js med dette indhold:

Synes godt om

mclemens Nybegynder

29. april 2006 - 15:27 #5

... overvej måske en bygge siden op med css og div's ... der er også nogle artikler om det inde på html kan jeg se (har dog ikke læst dem...) - tables vs. div's det er selvfølgelig en smagssag , jeg har også selv brugt tables tidl. , men min html har aldrig fyldt så lidt som den gør efter skiftet til css og div's ...

Synes godt om

Slettet bruger

29. april 2006 - 16:50 #6

carsten_mc

Når du skriver at jeg skal lave et nyt dokument og kopiere noget kode ind, så mener du vel at jeg kopierer det over i notesblok og gemmer det som f.eks style.css ??

Synes godt om

Slettet bruger

29. april 2006 - 17:01 #7

carsten_mc

Hvis jeg følger din anvisning så bliver alt forykket i forhold til tidligere.

Synes godt om

mclemens Nybegynder

29. april 2006 - 17:40 #8

... jeg kan se at du har rettet din doctype - der er dog fejl i den:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN

->

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Synes godt om

Slettet bruger

29. april 2006 - 18:19 #9

mclemens
Tak for din hurtige mail. Har retten den nu og alt ser ud til at virke. Vender hurtigt tilbage.

Synes godt om

Slettet bruger

29. april 2006 - 20:43 #10

mclemens
Har stadig problemer med koden eller hvad det nu er. Problemet er at når jeg vil tilføje f.eks teks så kan jeg ikke se den del af højre side ( som er grøn ) og den venste er i midten af billedet således at det er svært at se hvor man kan tilføje tekst. Det ser ud som det hele er i en " box" som kan trækkes justeres, men så flytter elementerne sig bare andre steder.
Giver denne besked nogen mening for dig ???

Synes godt om

mclemens Nybegynder

29. april 2006 - 21:09 #11

Slet height defineringer... ellers kan de ikke udvide sig...

<div id="extra" style="width: 145px;">

og

<div id="navigation" style="width: 150px; background:#bbc6c6;">
^ background på denne da teksten ikke er placeret i tabellen der har baggrunden i forvejen - hvis teksten rykkes ind i tabellen kan baggrunden her sikkert slettes...

Synes godt om

Slettet bruger

30. april 2006 - 11:15 #12

mclemens

Vil lige tage lidt mere af din tålnodighed. Hvor skal <div id="navigation" style="width: 150px; background:#bbc6c6;"> sættes ind ???. Kan jeg evt. sende et skærmdump til dig af hvordan det ser ud når jeg vil skrive tekst/lave design.

Synes godt om

mclemens Nybegynder

30. april 2006 - 11:40 #13

[ Vil lige tage lidt mere af din tålnodighed. Hvor skal <div id="navigation" style="width: 150px; background:#bbc6c6;"> sættes ind ???. ]
- Åben dokumentet og søg på navigation ... så finder du den div der skal erestattes...

[ Kan jeg evt. sende et skærmdump til dig af hvordan det ser ud når jeg vil skrive tekst/lave design. ]
... Foretrækker at være anonym og dermed ingen e-mails ... men du kan jo bare dumpe billedet på dit website i en ekstra mappe og så lægge et link til det her i tråden ... dog koder jeg selv i notepad så hvordan du finder div'en i et evt grafisk redigerings program ved jeg ikke om jeg lige kan sige - men det drejer sig om den div venstre med det status og den div til højre med bruger kommentarer...

Synes godt om

mclemens Nybegynder

30. april 2006 - 11:41 #14

edit en erstatning... erestattes... -> erstattes...

Synes godt om

Slettet bruger

30. april 2006 - 12:02 #15

Har lagt 2 skærmdumps ud på http://test.netcop.dk/img_1/

Synes godt om

mclemens Nybegynder

30. april 2006 - 12:17 #16

Prøv at trykke på programkode i bunden, vælg rediger søg og indtast
extra ... og når du rammer en div med id="extra" så fjerner du højden i den
... søg herefter på navigation og erstat starten af div'en med id="navigation" med det her: <div id="navigation" style="width: 150px; background:#bbc6c6;">

... næste alternativ: høje klik på den med forside og vælg egenskaber og fjern højde definering ... den i venstre hjørne det samme men tilføj baggrunds farve også - har tidligere brugt frontpage i en kortere periode ... men som dit screendump viser - så kan man let blive lidt frustreret over måden den fremviser tingene på :)

Synes godt om

Slettet bruger

30. april 2006 - 12:27 #17

Hej mclemens
Du er godt nok hurtig " HURRA " for det, men skal lige til lidt formiddagskaffe - suk !! men vender så tilbage om det har hjulpet.

Synes godt om

Slettet bruger

30. april 2006 - 17:59 #18

Har søgt efter extra og kan kun finde <div id="extra" style="width: 145px;"> men kan ikke se nogen højde i koden.Jeg har også indsat <div id="navigation" style="width: 150px; background:#bbc6c6;">. men det hjalp ikke, har stadig samme problem.

Synes godt om

mclemens Nybegynder

30. april 2006 - 19:49 #19

Kig på denne html kilde ( det er kilden fra dit site p.t. )
- Jeg har indsat rettelsen og lavet mellemrum imellem den og det andet indhold ...

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>NetCop.dk din sikkerhed Eset NOD32 antivirus</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="HAPedit 3.1">
<link href="style.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="jsfil.js"></script>
</style>
</head>
<script language=javascript>
</script>
<div id="container" style="width: 700px; height: 887px">
<div id="header">
<table border="0" width="100%" id="table7" cellspacing="0" cellpadding="0">

<tr>
<td>
<table border="0" width="100%" id="table8" cellspacing="0" cellpadding="0" style="border-left-width: 0px; border-right-width: 0px; border-top-width: 0px">
<tr>
<td width="349" height="89" style="border-left-width: 1px; border-right-width: 1px; border-top-width: 1px; border-bottom-style: solid; border-bottom-width: 1px">
<img border="0" src="images/NetCop%20logo%20-%20hvid.gif" width="246" height="62"></td>
<td width="201" height="89" style="border-left-width: 1px; border-right-width: 1px; border-top-width: 1px; border-bottom-style: solid; border-bottom-width: 1px">
 </td>
<td bgcolor="#008080" height="89" style="border-left-style: solid; border-left-width: 1px; border-right-style: none; border-right-width: medium; border-top-style: none; border-top-width: medium; border-bottom-style: none; border-bottom-width: medium">

<br>
 <table border="0" width="100%" id="table9" cellspacing="0" cellpadding="0">
<tr>
<td><font face="Arial Black">   </font> <font color="#FFFFFF">
<font face="Arial Black">    
</font>
<b><font size="2"><font face="Arial Black"> </font>din
sikkerhed</font></b></font></td>
</tr>

</table>
<p><font color="#FFFFFF">        
</font></td>
</tr>
<tr>
<td width="550" style="border-right-style: none; border-right-width: medium" colspan="2">
 </td>
<td style="border-style: none; border-width: medium"> </td>
</tr>

<tr>
<td width="550" colspan="2">
<img border="0" src="images/pcnet.gif" width="550" height="100"></td>
<td bgcolor="#B03900" style="border-left-style: solid; border-left-width: 1px; border-right-style: none; border-right-width: medium; border-top-style: none; border-top-width: medium">
 </td>
</tr>
<tr>
<td width="550" bgcolor="#008080" style="border-left-style: none; border-left-width: medium; border-top-style: solid; border-top-width: 1px; border-bottom-style: none; border-bottom-width: medium" colspan="2">                                                  </td>

<td bgcolor="#808080" style="border-left-style: solid; border-left-width: 1px; border-right-style: none; border-right-width: medium; border-top-style: solid; border-top-width: 1px; border-bottom-style: none; border-bottom-width: medium">
<font size="1">       
<font color="#FFFFFF"><script language=javascript>
document.write(" "+ugeDag[nu.getDay()] + " d. " + nu.getDate()+ " "+ maaned[nu.getMonth()])
</script></font></font></td>
</tr>
<tr>
<td width="550" style="border-top-style: none; border-top-width: medium" colspan="2">
 </td>
<td style="border-top-style: none; border-top-width: medium" width="0">

 </td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>

</div>
<div id="wrapper" style="width: 700px; height: 200px">
<div id="content">
<table border="0" width="72%" id="table10" cellspacing="0" cellpadding="0">
<tr>
<td><font face="Tahoma" size="2">  Velkommen til NetCop.dk                         
</font>
<table border="0" width="100%" id="table12" cellspacing="0" cellpadding="0">
<tr>
<td> </td>

</tr>
</table>
</td>
</tr>
</table>
<p style="line-height: 100%"><font face="Tahoma" size="2">Vi har førnøjelsen at præsentere det nyeste
inden for antivirus-verdenen, nemlig Eset med deres banebrydende NOD32 antivirus software.</font></p>
<p style="line-height: 100%"> </p>
<p style="line-height: 100%"> </p>
<p style="line-height: 100%"><font face="Tahoma" size="2"><br>
<br>
  </font></p>
<p style="line-height: 100%"> </p>

<p style="line-height: 100%"><font face="Tahoma" size="2"><br>
<br>
<br>
 </font></p>
</div>
</div>

<div id="navigation" style="width: 150px; height: 150px">

^ slet og behold nedenstående istedet

<div id="navigation" style="width: 150px; background:#bbc6c6;">

<table border="0" width="100%" id="table4" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#BBC6C6">
</table>
<p><font face="Tahoma"><strong><font size="2">Brugerne mener....</font></strong><font size="2"><br><br></font>
</font>
<font size="2" face="Tahoma">Fantastisk at skifte fra Norton til NOD32, vore PCèr
bruger ikke så mange system-ressurcer og vi har ikke haft nogen virus
overhovedet.<br>

<br>B.L.Service, Albertslund</font></p>
</div>

<div id="extra" style="width: 145px; height: 152px">

^ slet og behold nedenstående istedet

<div id="extra" style="width: 145px;">

<table border="0" width="100%" id="table5" cellspacing="4" cellpadding="0">
<tr>
<td><font face="Tahoma" size="2">   <font color="#FFFFFF"><b>Forside....</b>            
</font></font></td>
</tr>
</table>
<table border="0" width="91%" id="table13" cellspacing="4" cellpadding="0">

<tr>
<td>   <font color="#FFFFFF">            
</font></td>
</tr>
</table>
<table border="0" width="100%" id="table14" cellspacing="4" cellpadding="0">
<tr>
<td><font size="1">  
<IFRAME width=120 height=163 ID=IFrame FRAMEBORDER=0 SCROLLING=NO SRC="http://www.virus-radar.com/banner_top5_enu.html"></IFRAME></font>

<font color="#FFFFFF">      
</font></td>
</tr>
</table>
</div>
<div id="footer" style="width: 700px; height: 9px">
<table border="0" width="100%" id="table11" cellspacing="0" cellpadding="0" bgcolor="#FF8000" bordercolor="#FF8000">
<tr>
<td width="550" bgcolor="#008080">                        
<font face="Arial" size="1" color="#FFFFFF">NetCop.dk  
Tlf.: +45 5636 2244 •  Mobil.: +45 2249 4444 •  e-mail.:
NetCop@netcop.dk</font></td>

<td width="150" bgcolor="#808080"> <font face="Arial" size="1" color="#FFFFFF"> 
Copyright © 2005 NetCop.dk</font></td>
</tr>
</table>
</div>
</body>
</html>

Synes godt om

Slettet bruger

01. maj 2006 - 14:31 #20

Har sat de koder ind som du har lavet i eksemplet, men det hjælper ikke, har stadig samme problem.

Synes godt om

mclemens Nybegynder

01. maj 2006 - 21:53 #21

[ Har sat de koder ind som du har lavet i eksemplet, men det hjælper ikke, har stadig samme problem. ]
- Hvis det problem du hentydede til var at der var problemer med at baggrund og design ikke fultes ad i firefox så burde ovenstående have udbedret det ... eller rettere hvis jeg gemmer side lokalt og ændrer det - så hjælper det på visningen i firefox...

- Hvis det er den designmæssige visning i frontpage m.h.t. til placeringen af elementerne i frontpage design visning - så kan jeg ikke hjælpe...

Synes godt om

Slettet bruger

02. maj 2006 - 11:02 #22

mclemens
Du skal have tusind tak for din hjælp indtil nu, men " Hvis det er den designmæssige visning i frontpage m.h.t. til placeringen af elementerne i frontpage design visning - så kan jeg ikke hjælpe..." så er det stadig problemet. Så jeg lader spørgsmålet stå åbent lidt endnu og ser om der skulle være andre med gode råd og vender så tilbage med point.
mvh
Johnny

Synes godt om

Slettet bruger

08. maj 2006 - 09:14 #23

mclemens:

Tak for hjælpen, vil prøve at oprette spørgsmålet i en anden gruppe, for at få løst det sidste problem.

Synes godt om

mclemens Nybegynder

08. maj 2006 - 09:16 #24

ok, tak for point :)

Synes godt om

mclemens Nybegynder

08. maj 2006 - 09:17 #25

måske http://www.eksperten.dk/spm/Programmer/HTML-Editorer/FrontPage/

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

Microsoft 365 kurser

Alle kurser indenfor Microsoft 365 – både til begyndere og øvede.

Se alle Microsoft 365 kurser

Flere spørgsmål fra Andet design kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
3D foto til stl Af johnnylassen i Andet design	1	31/07/202313:32	31/07/202314:28
InDesign - Af Ajnbnb i Andet design	6	29/07/202209:29	01/08/202209:18
Kan man fremstille numre med en cirkel eller firkant om ? Af Ikke-ekspert i Andet design	6	04/04/202211:38	04/04/202222:11
Logo til kostvejleder Af Buchwald i Andet design	3	18/02/202217:41	20/02/202216:52
Farver i InDesign Af huddie i Andet design	2	01/11/202112:49	26/01/202219:01

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