Hjælp til salg (Ikke internet)

Svar: Jeg bliver snart sindssyg af HTML

Nielsen1974 — Wed, 12 Aug 2009 21:10:15 GMT

Mange tak for hjælpen til jer allesammen. Vi skulle vi HTML-spassere gøre uden jer

Vej frem var at skrive hele koden i en lang kører

Med venlig hilsen

Nielsen 1974

Svar: Jeg bliver snart sindssyg af HTML

Kristian Deiborg — Tue, 11 Aug 2009 19:59:45 GMT

Niels:

Nielsen1974:

Jeg skriver HTML koderne direkte ind på varekortet i Dandomain administrationen. Det plejer at virke, bare ikke denne gang.

Det kan godt være at Dandomain har noget kode der erstatter de linieskift du laver med Enter med br-tags. Prøv at skriv koden uden at trykke på Enter for hver linie.

Det har de. Drop dine formateringslinie skift, altså skriv alt din html på én linie - så burde det spille.

Svar: Jeg bliver snart sindssyg af HTML

Niels Henriksen — Sat, 08 Aug 2009 07:53:34 GMT

Nielsen1974:

Jeg skriver HTML koderne direkte ind på varekortet i Dandomain administrationen. Det plejer at virke, bare ikke denne gang.

Det kan godt være at Dandomain har noget kode der erstatter de linieskift du laver med Enter med br-tags. Prøv at skriv koden uden at trykke på Enter for hver linie.

Svar: Jeg bliver snart sindssyg af HTML

Anonymous — Fri, 07 Aug 2009 21:14:58 GMT

totalt.. jeg er bare ude på at forklare forskellen på de to ting, jf. citatet i mit post herover :)

løsningen på trådstarters problem er at fjerne alle de pokker <br /> tags :)

Svar: Jeg bliver snart sindssyg af HTML

Lundsby — Fri, 07 Aug 2009 21:08:39 GMT

Hej Simon

Det er faktisk Jakob der har ret i dette tilfælde, hvis du kigger på det html som trådstarter postede vil du se at de en tabel med ryglængder. Derfor er det helt rigtigt at bruge tabel tag'et. Fordi at der er tale om tabler information.

Det du henviser til er at man ikke bør bruge tabeller til at lave layout, men det er irrelevant fordi der ikke er tale om layout i dette tilfælde.

Svar: Jeg bliver snart sindssyg af HTML

Anonymous — Fri, 07 Aug 2009 20:28:18 GMT

Nielsen1974:

Simon:

Sorry simon, aner ikke hvad du snakker om

Okay vi tager det fra bunden.. Når man snakker HTML (og css) er der basalt set to måder at gøre tingene på. Tables - "the old fashion way", og Div's - "the.. well.. new fashion way". En god start kan være HTML.dk's HTML/CSS tutorials, som viser eksempler på begge metoder, dog mest div's (som jeg foretrækker).

Forskellen ligger i at hvor tables, afhængigt af indhold, fortolkes forskelligt af forskellige browsere, opfører div's sig (næææsten) altid ens. Den største forskel (syntaxmæssigt) i de to metoder, består i hvor style-atributterne angives. I tables vil man typisk angive style-tags direkte i koden:

<td style="yadayadayada"; "yadayadayada";>meh</td>

I div's foregår det lidt anderledes. Her kalder man style-atributterne fra et eksternt stylesheed (fx. .../style/style.css). Det fungerer sådan her:

1 - inden for <head></head> tagsene skal der angives et link til det benyttede stylesheed (fx. <link rel="stylesheet" type="text/css" href="style.css"</link>)

2 - i style.css angives Div ID'er og -classes, du skal bruge på din hjemmeside, f. eks sådan her:

#(id)banner {

width: 800px; - angiver bredden på elementet (ligesom tables)

height: 200px; - angiver højden på elementet (ligesom tables)

margin: 0 auto; - får id'et til at flyde i midten af siden

background-image: url("png/banner.png"); - kalder et baggrundsbillede til vores Div

background-repeat: no-repeat; - denne er lidt overflødig her (da mit banner er 800x200px, men ellers sørger det for at baggrundsbilledet ikke gengives på y- og x-aksen)

}

3 - i html dokumentet (lad os kalde det index.html) kaldes så div-id'et sådan her:

...

<body>

<div id="banner">

</div>

</body>

...

Resultatet er en W3C valid banner-plads, midt i toppen af dit site, med et banner i midten :) Resultatet vises ligedan i IE, FF, Opera, Safari og hvad I ellers bruger derude...

Et eksempel er aldrig nok, så tag at læs videre om emnet her:

- HTML.dk om div's

- W3C validering

- Hvorfor man IKKE skal bruge tables til andet end ja.. Tabeller !

Hvis du har spørgsmål skal du være mere end velkommen til at skrive mig en PM :)

MvH

Simon Tørring

PS - en fed funktion er også at hvis du har f. eks... 5 sider, der er ens designmæssigt. Hvis du så vil ændre et enkelt table-element, skal du bare ændre det centralt i CSS-filen, wups, så er det ændret på ALLE siderne :)

Svar: Jeg bliver snart sindssyg af HTML

Nielsen1974 — Fri, 07 Aug 2009 19:29:46 GMT

Jeg skriver HTML koderne direkte ind på varekortet i Dandomain administrationen. Det plejer at virke, bare ikke denne gang.

Svar: Jeg bliver snart sindssyg af HTML

Lars Bo Thomsen — Fri, 07 Aug 2009 19:23:23 GMT

Bruger du en WYSIWYG editor? (word lign. editor), måske den der hedder Tiny mce?

Svar: Jeg bliver snart sindssyg af HTML

Nielsen1974 — Fri, 07 Aug 2009 19:21:53 GMT

Jeg kan godt se en masse Br´er, men bare ikke på min pc, hverken under vis kilde eller i administrationen i Dandomain. Fatter ikke hvor de Br´er kommer ind henne.

Svar: Jeg bliver snart sindssyg af HTML

Michael — Fri, 07 Aug 2009 19:16:26 GMT

Som nogle af de andre har skrevet går det galt her:

<div class="Description_Productinfo">Vandtæt dækken i super kvalitet. Dæknet har slidstærkt yder af regnjakke-stof og inderfoer af super soft fleece. <br/>Dæknet går langt ned på maven og er også lukket på brystet og mellem forbenene, så er din hund meget kuldskær kan vi varmt anbefale dette dækken.<br/><br/>Farve: Sort<br/>Størrelse:
<br/>
<br/><br/>
<br/><br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/> <br/><br/> <table bgcolor="#45b42e" align="left" xml:lang="1" class="style2" style="width: 200px;"><tbody><tr><td class="style3"> </td><td class="style1">Ryglængde</td></tr><tr><td bgcolor="#ffffff" class="style3">XXS</td><td bgcolor="#ffffff" class="style3">15 cm</td><td><br/> <br/> </td></tr><tr><td bgcolor="#ffffff" class="style3">XS</td><td bgcolor="#ffffff" class="style3">20 cm</td></tr><tr><td bgcolor="#ffffff" class="style3">S</td><td bgcolor="#ffffff" class="style3">25 cm</td></tr><tr><td bgcolor="#ffffff" class="style3">M</td><td bgcolor="#ffffff" class="style3">30 cm</td></tr><tr><td bgcolor="#ffffff" class="style3">L</td><td bgcolor="#ffffff" class="style3">35 cm</td></tr></tbody></table><br/><br/><br/><br/><br/><br/></div>

Alle de br'er forskyder dine ting.

Hvis du vil gøre det lettere for dig selv at debugge sådan en side, så installer firefox og firebug addon, det lader dig inspicere og rette elementerne direkte.

Evt også aardvark og webdev toolbar

@Jakob, det jeg tror Simon mener er at man skal undgå den klassiske 1999 stil og bygge hele designet op i tabeller.

Svar: Jeg bliver snart sindssyg af HTML

Jakob — Fri, 07 Aug 2009 19:05:20 GMT

Jeg kan se i din kode, at du har en hel masse <br /> tags inden tabellen. Det er dem der gør det. Og der skal selvfølgelig ikke bruges div tags når man ønsker at lave en tabel.

Svar: Jeg bliver snart sindssyg af HTML

Nielsen1974 — Fri, 07 Aug 2009 19:01:23 GMT

Martin Van:

Det ændre ikke noget at slette toppen, desværre. Skemaet står stadig i bunden af varekortet.

Gweb:

Jeg bruger ikke nogle <br> men derimod <tr> til linieskift i skema

Simon:

Sorry simon, aner ikke hvad du snakker om

Jeg har prøvet flere forskellige typer skemaer opbygget med HTML og de lander allsammen i bunden af varekortet. Det er iøvrigt en Dandomain shop, hvis det hjælper.

Svar: Jeg bliver snart sindssyg af HTML

Anonymous — Fri, 07 Aug 2009 18:54:03 GMT

Start en god vane og byg det i div's i stedet :P

Svar: Jeg bliver snart sindssyg af HTML

gweb — Fri, 07 Aug 2009 18:44:09 GMT

Du mener at han skal droppe doctype? Eller havde han 2x body?

Til dit spørgsmål: Du har omkring 20 <br /> det er nok der problemet ligger.

Svar: Jeg bliver snart sindssyg af HTML

martinvandebelt — Fri, 07 Aug 2009 18:38:20 GMT

Brug udelukkende:

<table style="width: 300px" align="center" class="style2" bgcolor="#45B42E" xml:lang="1">
<tr>
  <td class="style3"> </td>
  <td class="style1">Ryglængde</td>
</tr>
<tr>
  <td class="style3" bgcolor="#FFFFFF">XXS</td>
  <td class="style3" bgcolor="#FFFFFF">15 cm</td>
</tr>
<tr>
  <td class="style3" bgcolor="#FFFFFF">XS</td>
  <td class="style3" bgcolor="#FFFFFF">20 cm</td>
</tr>
<tr>
  <td class="style3" bgcolor="#FFFFFF">S</td>
  <td class="style3" bgcolor="#FFFFFF">25 cm</td>
</tr>
<tr>
  <td class="style3" bgcolor="#FFFFFF">M</td>
  <td class="style3" bgcolor="#FFFFFF">30 cm</td>
</tr>
<tr>
  <td class="style3" bgcolor="#FFFFFF">L</td>
  <td class="style3" bgcolor="#FFFFFF">35 cm</td>
</tr>

Resten har du ikke brug for ;)