webForumDet fria alternativet

Frågor angående upplösningar och textförskjutningar.

HTML & CSS

12 svar · 325 visningar · startad av mokonen

Medlem sedan apr. 20053 inlägg
Frågan#1

Hej, jag är en amatör på html som har gjort en hemsida åt en bekants företag www.tågmark.se alternativt https://www.mimamontessori.se i Word. Problemet är att texten hamnar på andra ställen på andra datorer än på min. Därför ser det snyggt ut för mig men inte för alla andra... och det är ganska misslyckat. Jag har gjort sidan i upplösning 800x600 och bakgrunden är 1280x1024. Vad är det som jag har gjort fel?

Ni kan gärna få säga om ni får samma problem samt vad ni tycker om hemsidan :OO . Tänk dock på att det är en leksaksaffär så ni behöver inte slänga ur er några kommentarer om barnslig design eller fula färger.

Medlem sedan okt. 20001 285 inlägg
#2

Mein Godt !

Prova Frontpage eller liknande om du är nybörjare .. inte word.

Ang design så tycker jag färgerna sticker i ögonen ( även om det är en barnsida ) i menyn först & främst. Färger bör matcha varandra & vara mjuka. Tänk på läsbarheten, det är nog vuxna som ska läsa och köpa.

Bakgrundsbilden bör du dela upp, jag kan hjälpa dig om du vill..

OT: bra att nån kan kränga lite robustare leksaker :bire

Medlem sedan maj 20007 492 inlägg
#3

aj. mina ögon.

Medlem sedan dec. 20042 245 inlägg
#4

...eller Nvu. :)

Och välkommen till wF! :bire

Medlem sedan okt. 20001 285 inlägg
#5

Javisst.. välkommen till wF :birp

zcorpan har alltid såna bra tips :e Nvu kände jag inte ens till. Ser intressant ut !

Ja.. skippa mitt frontpage tips .. testa Nvu.. det ska jag göra nu ( bara för att.. jag är en UltraEdit människa )

Medlem sedan apr. 2005254 inlägg
#6

Inte för att det var riktigt vad du frågade efter, men på den här sidan kan man få bra tips om saker att tänka på när man gör en hemsida:

http://www.jessett.com/

En mycket bra sida för amatörer enligt mig i alla fall.

Medlem sedan juli 2003270 inlägg
#7

Hej mokonen!

Problemet du har är välkant när man hållit på att knåpa websidor ett tag. Det beror ju som du var inne på att man har olika upplösning på skärmen och innehållet flyter ut eller dras ihop beroende på det.

Men som sagts i de tidigare inläggen är det en dålig idé att göra html-sidor i word. Därför är det svårt att hjälpa till - för koden på din sida är mer "word-kod" än html-kod så att säga...

Men kortfattat så måste du se till att bitarna på sidan hålls på plats. Vanligaste metoden för nybörjare är att lägga dom i en tabell - men det finns också andra metoder som är bättre.

Men att förklara precis hur du ska göra... Oj skulle bli ett långt inlägg.

Börja som sagt med att använda ett program som gör schysst kod. Som exemplen ovan. Lär dig också grunderna i html. På sidan som modesty föreslog kanske eller köp en bok eller sök på nätet.

:)

Medlem sedan dec. 20042 245 inlägg
#8

Jag vet inte om det hjälper så mycket men här är iaf lite HTML-kod att börja med. Sen behöver du kunna lite CSS för att få till utseendet och allt det dekorativa... ;)

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="sv">
 <head>
  <title>Tågmark Mima Montessori</title>
 </head>
 <body>
  <h1>Tågmark Mima Montessori</h1>
  <ul>
   <li>Leksaker</li>
   <li>Montessori</li>
   <li>Möbler</li>
   <li>Om oss</li>
  </ul>
  <p>Vi har sedan 20 år agenturen i Norden för Gonzagarredis
  tillverkning av fullständigt Montessorimaterial och även för deras
  möbeltillverkning. Fabriken ligger i norra Italien, i Gonzaga. Ni
  kan se en del av produktena i vår butik på Alviksvägen 25 i Bromma.
  Materialet är godkänt av AMI.</p>
  <div class="section">
   <h2>Gonzagarredis produktkatalog</h2>
   <p>Vi kommer att ersätta den italienska katalogen med en engelskt.
   Tills vidare kan ni se i denna italienska utgåva, alternativt kan
   ni kontakta oss om ni vill att vi ska skicka en engelsk utgåva. Vi
   kan beställa alla produkter i katalogen efter önskemål. Obs!
   Katalogen är 30mb stor och kräver därför en snabb uppkoppling. Ni
   behöver Acrobat Reader för att kunna se katalogen. Acrobat Reader
   är helt kostnadsfritt.</p>
  </div>
  <p>Maria Montessori föddes 1870 i Italien. Hon utbildade sig till
  Italiens första kvinnliga läkare. När hon var klar fick hon ta hand
  om, som man trodde, outvecklade barn i slummen i Rom. Det fanns då
  ingenting att sätta i händerna på barnen. Maria tillverkade då
  tillsammans med en ung flicka allt det Montessorimaterial som finns
  idag.</p>
  <p>När Maria undervisade barnen med sitt material visade det sig
  att det inte alls var olärbara. Barnen var understimulerade och de
  blev med tiden som alla andra barn. Maria förstod att det material
  hon utvecklat och tagit fram passade till alla barn och hon började
  undervisa enligt sin pedagogik i skolorna. Maria reste runt i hela
  världen och mottogs med glädje i många länder. Hennes material var
  så bra att det inte har behövts någon ytterlig
  produktutveckling.</p>
  <p id="footer">Telefon: 088003480 - Email: tagmark&amp;#64;hotmail&amp;#x2E;se</p>
 </body>
</html>
Medlem sedan apr. 20053 inlägg
#9

Tack för svaren :)

Hur tycker ni att jag ska ändra färgerna utan att det blir för grått och tråkigt? Bleka dom?

Kan jag öppna det jag gjort hitills i NVu eller Frontpage och fortsätta där jag är? Jag använde nämligen någon annan htmlredigerare förut och den var urusel.

Och vad är CSS?

Medlem sedan dec. 20042 245 inlägg
#10

CSS står för Cascading Style Sheets, och det är det man använder för att styra presentationen (utseendet) av ett HTML-dokument. :)

Ärligt talat tror jag inte att koden du har nu är så mycket att jobba vidare på... :( Du kan dock ta koden jag postade ovan och jobba vidare med den. ;)

Medlem sedan apr. 20053 inlägg
#11

Fuel: Vad menade du med dela bakgrunden?
Zcorpan: Tack för exemplet :bire

Skulle det vara lättare om jag använde frames?

Medlem sedan juli 2003270 inlägg
#12

mokonen skrev:

Hur tycker ni att jag ska ändra färgerna utan att det blir för grått och tråkigt? Bleka dom?

Det bästa är att kolla på webben och titta på andra sidor. Du kan säkert hitta nån med kraftiga färger utan att det blir skrikigt att inspireras av. Hur ser det t.ex ut på andra sidor som säljer leksaker?

Här finns ett gratisprogram där man kan passa i hop färger och se hur dom tar sig ut ihop på sidan direkt. Också en "colorpicker" för att hämta färger man ser på skärmen. Kan kanske va ett hjälpmedel.

http://www.snapfiles.com/get/csdesigner.html

Angående CSS och HTML så hör dom ihop, liksom. En bok om HTML kommer också innehålla CSS. Samma sak med guider på nätet.

Och eftersom zcorpan har varit så bussig har du ju en jätte-bra grund att utgå ifrån! ;)

Medlem sedan dec. 20042 245 inlägg
#13

Skulle det vara lättare om jag använde frames?

Nej, det skulle nog göra det hela ännu mer komplicerat är jag rädd. :)

260 ms totalt · 4 externa anrop · v20260731065814-full.6fe65c25
123 ms — deklarationer (db)
0 ms — hämta statistik (cache)
134 ms — hämta tråd, inlägg och bilagor (db)
123 ms — ändringar (db)