Gå till innehåll
Just nu i M3-nätverket

Kontakt och footer större textstorlek via 4g?


Linuz M

Rekommendera Poster

Tänkte jag tar detta separat tråd:

 

När jag går in i iphone5 och surfar på 4g så blir texten upp i kontakt större storlek ibland. Detta upplevs ej i wifi. Det är när jag surfar 3 och 4g.
Det ser konstigt ut. Kör jag refresh så blir den normal efter ett tag. Den blir inte alltid det men ibland. Går jag in på sidan och den ser ok ut och jag kör refresh några gånger så ökar den i storlek och det ser galet ut. Går jag vidare så blir den som den ska.

Detta gäller det som ligger i kontakt och det som ligger i footer. Storleksförändringen sker på både kontakt och footer samtidigt. Så footer och kontakt är det något märkligt med när man surfar 3 och 4 g.

 

När man surfar via wifi har jag för mig att det inte blir så.

Kan jag tvinga den på nåt vis i CSS-filen?

html { overflow-y: scroll; }


body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	margin-top: 7px;
	margin-left: 0px;
	background-color:#CCC;

	
}
table {
	font-size: 11px;
}
h3 {
	color: #933;
	font-size: 14px;
	margin:0px
	padding:0px;
	margin-bottom: 0px;
}

p {
	margin-top: 0px;
}

h4 {
	color: #933;
	font-size: 11px;
	margin:0px
	padding:0px;
	margin-bottom: 0px;
	margin-top: -1px;
}

a {
	color: #039;
	text-decoration: none;
}

	
a:hover {
	font-weight: normal;
	color: #933; 
	important;}
	
}
a:visited{
	color:#039;
	text-decoration:none;
}

#header {
	position:relative;
	background:#000;
	height: 100px;
	width: 750px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin-left:0px;
	margin-right:10px;
	margin-bottom:10px;
	
	
	
}

#kontakt {
	color: #FFF;
	position: absolute;
	width: 120px;
	left: 621px;
	top: 18px;
	font-family: Verdana, Geneva, sans-serif;
	border: thin none #FFF;
	text-align: right;
	font-size:11px;
	height: 69px;
	
}

#header a {
	color: #fff; /*Vit*/
	font-size: 13px;
}

#header a:hover { color: #ccc;/* ljus grå*/ }


#kontakt a {
	color:#fff;
	font-size:11px;
}

#heldiv{
	Width:790px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	background-color:#FFF;
}
		
#foot {
	height: 17px;
	width: 789px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	color: #933;
	font-weight: normal;
}

Sidan. Alla sidor har samma stuk.

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

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>utbildning, datautbildning, mw</title>
<link href="css1.css" rel="stylesheet" type="text/css">
<link href="spec_css.css" rel="stylesheet" type="text/css">
</head>

<body>
<div id="heldiv">
<div id="header"> <img src="images/m3.gif" alt="Mw">
<hr>
<div id="kontakt"><strong>M</strong><br>
  Lär för framtiden<br>
  Tel:45<a href="mailto:info@mf.se"><br>
  Info@fdf.se </a></div>
<table width="730" border="0">
  <tr>
      <td width="59"><a href="default.html">Hem</a></td>
      <td width="110"><a href="utb.html">Utbildningar</a></td>
      <td width="122"><a href="konsult.html">Konsultjänster</a></td>
      <td width="81"><a href="omoss.html">Om oss</a></td>
      <td width="137"><a href="arb_med_oss.html">Arbeta med oss</a></td>
      <td width="104"><a href="kontakt.html">Kontakta oss</a></td>
      <td width="87"> </td>
    </tr>
</table>
</div>
<table width="790" border="0" cellpadding="10" cellspacing="10">
  <!--DWLayoutTable-->
  <tr>
    <td width="158" valign="top" height="400"><h4>Utbildning för Projektledare</h4>
      <p>Arbetar du som projektledare och behöver skapa övergripande tidplaner för dig och dina medarbetare? Då kan Project vara en utbildning för dig och ditt företag.<br>
        <a href="projectgr.html">Läs mer</a><br>
        <br>
  </p>
<p><img src="dator.jpg" width="157" height="236"></p>
<h4>Excel för ekonomer</h4>
<p>Arbetar du med ekonomi och behöver spetsa dina Excelkunskaper. Då kan Excel för ekonomer vara en utbildning för dig.<a href="excelek.html"><br>
  Läs mer<br>
</a></p>
<h4>Lär dig Bildbehandla med Photoshop</h4>
<p>Behöver du lära dig grunderna i att retuschera, skapa och frilägga bilder som är anpassade för både tryck och webb?<br>
  <a href="PSgr.html">Läs mer </a><br>
</p></td>
    <td width="374" valign="top"0><h4>Mw
    Lär för framtiden</h4>
      <p>vi erbjuder utbildningar av högsta kvalitet där vårt fokus är att ge kunderna marknadens bästa 
        utbildningsresultat. Vi har som affärsidé att anpassa utbildningen efter kundens önskemål och genom det öka företagens lönsamhet. Bland våra kunder finns flera av Sveriges största 
        företag. Vi genomför uppdrag över hela landet och vill vara det självklara valet som utbildningspartner. Vi kan anpassa utbildningen efter dina önskemål och du kan även välja innehåll ifrån en eller flera av våra utbildningar och genom det skapa din egna anpassade utbildning för dig och dina medarbetare. </p>
      <p>Våra utbildningar genomförs i både nybörjarnivå och i avancerad nivå. Har du svårt för att välja vilken nivå som passar just dig, hjälper vi dig och ditt företag hitta den rätta nivån på utbildningen.</p>
      <h4>Öka lönsamheten på ditt företag</h4>
      <p>Känn glädjen av att bli effektivare på din arbetsplats genom att utbilda dig på M. Utbildningen är en investering för framtiden och är till för att öka ditt företags lönsamhet. Spara  all tid du lägger på att kämpa dig fram som användare  och utbilda dig istället på oss redan nu.</p>
      <h4>Välj utbildning:</h4>
      <p><a href="accessgrund.html">Access grund</a><br>
        <a href="accessforts.html">Access fortsättning</a><br>
        <a href="excelgr.html">Excel grund</a><br>
        <a href="excelintensiv.html">Excel intensiv</a><a href="excelforts.html"><br>
        Excel fortsättning</a><br>
        <a href="excelek.html">Excel för ekonomer</a><br>
        <a href="Illustrgrund.html">Illustrator grund</a><br>
        <a href="Illustrfk.html">Illustrator fortsätttning</a><br>
        <a href="indesigngr.html">Indesign grund</a><br>
        <a href="indesignfk.html">Indesign fortsättning</a><br>
        <a href="PSgr.html">Photoshop grund</a><br>
        <a href="psfk.html">Photoshop fortsättning</a><br>
        <a href="projectgr.html">Project grund</a><br>
        <a href="projectfk.html">Project fortsättning</a><br>
        <a href="powpoint.html">PowerPoint</a><br>
        <a href="wordgr.html">Word grund</a><br>
      <a href="wordfk.html">Word fortsättning</a></p>
      <h4>IT-Coachen</h4>
      <p>För dig med ledande befattning erbjuder vi individuell utbildning. Vi gör en analys av ditt individuella behov och utbildningen genomförs på tider som passar dig.</p>
      <h4>Efter utbildningen</h4>
      <p>Efter genomförd utbildning kan vi sätta ihop tillfällen där vi genomför uppföljning av det du lärt dig och ta upp specifika moment och frågeställningar som du och dina medarbetare funderar över. En så kallad uppföljningsdag ifrån genomfört utbildningstillfälle.</p></td>
    <td width="158" valign="top"><h4><img src="lila.jpg" width="157" height="236"><br>
      <br>
    </h4>
      <h4>Lär dig Indesign</h4>
      <p>Lär dig det senaste layoutprogrammet för att skapa kataloger och produktblad mm.<br>
        <a href="indesigngr.html">Läs mer</a></p>
      <h4>Skäddarsydd utbildning</h4>
      <p>Vi kan skräddarsy en utbildning för dig och ditt företag. <a href="kontakt.html">Kontakta oss</a> för mer information.      </p>
      <h4>Specifika lösningar</h4>
      <p>Vi erbjuder  specifika lösningar på ditt företag. Behöver du hjälp med att skapa kalkylmodeller i Excel eller hjälp med att utveckla en databas för att hantera och förenkla större<br>
        datamängder på ditt företag? Kolla in vårt utbud kring våra konsulttjänster<br>
        <a href="konsult.html">Läs mer</a></p>
      <p><br>
    </p></td>
  </tr>
</table>
<div id="foot">LÄr för framtiden | <a href="mailto:Info@foretaget.se">Info@företaget.se </a>| 09</div>
</div>
</body>
</html>
Länk till kommentar
Dela på andra webbplatser

När wifi är avslagen och kör via 3 och 4 g:

Iphone6:
Blir ej större. Blir endast större om kör refresh flera gånger. Går man in på sidan blir den som den ska.

Iphone5:
Blir större oftare. Försvinner dock när klickar vidare.

iphones5s:
Blir inte större . Enbart om gör som iphone6. Går man in på sidan visas den som den ska.

 

Kan man göra nåt åt detta?

 

Mvh

Länk till kommentar
Dela på andra webbplatser

Behövs lite mer information om problemet.

Detta låter underligt. Tror inte det har med telefonmodellen att göra. Har du samma version av iOS på telefonerna?

Länk till kommentar
Dela på andra webbplatser

Hej!

 

Textstorleken på divarna kontakt och footer blir ibland större textstorlek när man går in på sidan i telefonerna. Det händer aldrig om man är uppkopplad mot wi-fi bredbandsbolaget. Bara om surfar på Telias 4g. Textstorlek blir ifrån 12-16 tror jag. Ser märkligt ut. Ibland inte alltid.

 

Jag har iPhone 6 och min son har 5. Min son hade kompis hemma som har 5s och han gick in på sidan och kollade utan wi-fi och då såg det bra ut.

 

Beror det på att jag och min grabb delar på surf hos Telia?

 

Kör vi via wi-fi blir det alltid som det ska. Märkligt ?

 

Ja du ser ju koden också

Länk till kommentar
Dela på andra webbplatser

Testade igen nu. Det uppstår kontakt och footer oftare får större textstorlek då man kör via 4g,3G. Kör man refresh antal ggr så kan det dyka upp kontakt och footer blir större i textstorlek på min iphone6. Klickar jag återigen vidare eller kör refresh så blir det bra igen.

Både iPhone 5 och min iPhone 6 är uppdaterade . Dock är utrymmet i iphone5 typ fullt.

 

Det förekommer ibland som sagt.

 

Det förekommer oftare på iphone5 när man kör utan wi-fi bredband. Mer sällan på min iphone6 men slår jag av Wi-Fi och på med 4 G kan det förekomma om jag refreshar antal ggr.

 

Skumt

Länk till kommentar
Dela på andra webbplatser

Jag har svårt att se hur vilket nät man använder (Wi-fi/3G/4G) skulle kunna påverka hur en sidas innehåll presenteras. Det som kan skilja är, sett till telefoner, är de olika enheterna - där olika telefoner kan ha olika upplösning (läs retina, pixeldubblering), och vilken webläsare &/el vilken webläsare du använder. Uppkopplingen kan bara styra hur innehållet laddas in = olika fort beroende på hastighet/uppkoppling.

Så om innehllet är olika beror det nog på att olika telefoner/webläsare tolkar din kod på olika sätt.

- - -

Jag skulle nog börja med att rensa upp koden.

  • Byt Doctype till html5
  • Använd utf-8 så slipper alla aumlats.
  • Byt från tabell till lager (div)
  • Börja css men någon fom av “reset” - alla webläsare tolkar default-värden olika. Speciellt IE
  • Använd .classer istf #id för styling (1 id är unikt per/sida)
  • Se till att koden validerar, så webläsarna du testar med in behöver deala ven ev fel
Länk till kommentar
Dela på andra webbplatser

Jag upplever iaf att footer och kontakt ökar i storlek ibland när wifin inte är på.

 

Har ej koll direkt:

 

1. Hur byter man till Doctype till html5?

Funkar i äldre webbläsare?

 

2 vad är utf-8? Hur byter man?

 

3. Börja css men någon fom av reset - alla webläsare tolkar default-värden olika.

Speciellt IE.

 

Hur skriver man detta och vart? Längst upp?

 

5. Hur gör jag så koden validerar? Kollar man det nånstans?

Länk till kommentar
Dela på andra webbplatser

Jag upplever iaf att footer och kontakt ökar i storlek ibland när wifin inte är på.

 

Har ej koll direkt:

 

1. Hur byter man till Doctype till html5?

Funkar i äldre webbläsare?

 

2 vad är utf-8? Hur byter man?

 

3. Börja css men någon fom av reset - alla webläsare tolkar default-värden olika.

Speciellt IE.

 

Hur skriver man detta och vart? Längst upp?

 

5. Hur gör jag så koden validerar? Kollar man det nånstans?

  • Doctype är första raden den som definierar vilken typ av sida det är och vilkeb standard som följs
  • utf-8 är teckenkodningen. Med den kan du skriva å ä ö som vanligt. Se till att själva filen är spara i utf-8 med - annars blir det fel. Däremot skall specialtecken kodas, t ex:

    © = ©

    & = &

  • Börjar man med en reset - nollar man t ex alla marginaler, ramar, padding osv... så anger man det vartefersom man behöver det sen. Då blir det lika för alla. (css reset)
  • Validera koden kan du göra t ex här (finns fler): https://validator.w3.org/

- - -

 

Var tvungen att kolla lite - och passade på att snabbrensa-koden, på det sättet jag hade gjort det om man skulle rensa upp nåt. Finns mkt annat man skulle vilja ändra med s a s. Men om det kan vara till hjälp för dig, så kan du få lite filer att leka med. Har bytt Doctype, rensat all styling från sidan, tagit bort alla xtra radbryt (<br>). Lyft ur bilderna från h4/p-taggarna, gjorde om listan till en lista, rensat upp CSS-filen lite, osv... Även bytt alla id->class. Ett ID är unikt. 1/sida. Anv class för styling, och id för identifiering av element.

 

Är absolut ingen jättebra, men en bit på vägen kanske. Man hinner inte så mkt på en timma s a s. Men om inte annat så du får nåt att leka med. Den gamla ligger där med, och det enklaste är att jämföra det du gjort med det andra, så ser du ändringarna och hur det är gjorda. :crossfingers:

 

Gjorde ett par fiktiva bilder, bara för att ha nåt... Headern fanns ingen storlek angiven på innan. Så den blev som den blev.

 

Reset

När du nollar, ser det tex ut såhär:

post-64246-0-23389400-1478358954.jpg

Här är ett par bilder för jämförelsen (texten blev 13 istf 11):

post-64246-0-96973500-1478359010_thumb.jpg

 

Här är källkoden (något förminskad). Om du ser till att ha rätt intendering (indrag) och med en upprensad kod är den mycket renare/enklare att hitta i = läsa och jobba med. Det spar du massor på.

post-64246-0-47636900-1478359151_thumb.jpg

Viss skilllnad väl? :)

 

Som “snabbstädning” blev det väl ganska ok. Den är inte exakt som den innan. Det får du fixa. :ThumbsUp: Och den är inte validerad el nåt sånt... Bara en test s a s. Men du skulle behöva gå igenom hela sidan och anpassa den bättre. T ex byta “tabellen” i header till <menu>/<navbar> - eftersom det är menyn. Tabellen nertill funkar väl, men byt heller till lager (<div>).

 

linuz_m.zip

Som sagt, inget jättebra. Ett hafs/slafs-verk. Men du har nåt och leka med i a f. Hoppas att det kan vara till ngn hjälp och en bit på vägen. :crossfingers: Packa upp zipfilen och öppna index.html med webläsaren bara (index2 är den gamla sidan med koden/css från inlägget ovan).

Länk till kommentar
Dela på andra webbplatser

Snällt :-). Tack. Återstår se hur mycket jag klarar av.

 

Om jag rakt upp och ner skulle börja med att ändra doctype till HTML 5 längst upp på sidan och sedan publicera ut skulle det bli nåt galet då? Att jag måste direkt gå in ändra på fler ställen efter det?

Länk till kommentar
Dela på andra webbplatser

Snällt :-). Tack. Återstår se hur mycket jag klarar av.

 

Om jag rakt upp och ner skulle börja med att ändra doctype till HTML 5 längst upp på sidan och sedan publicera ut skulle det bli nåt galet då? Att jag måste direkt gå in ändra på fler ställen efter det?

Jo'rå... Det fixar du. :ThumbsUp: Du har ju gjort den andra. Men ta ner zipflen, kolla genom filerna så ser du lättare än på bilderna bara.

 

Visst kan du det. Fast det löser eg inte ditt footer-problem, men är ju en början. Men jag skulle nog i a f börja med att byta de första 4 raderna.... ner till meta-taggen:

<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="sv">
<head>
<meta charset="utf-8" />

Och sen att du sparar om filen med i utf-8 (filen skall sparas i den teckenkodning man angett). Vilket program eller texteditor använder du? Har du ingen bra, så kör med TextWrangler. Den är gratis och bra och kan hantera allt.

Länk till kommentar
Dela på andra webbplatser

Det står inte doctype HTML 5 längst upp på din bild? Jag ser ej iaf. :-).

 

Jag tycker om sidan och tänk om jag kunde få till det så den blir klockren. Synd man inte har koll som du har. Är ju ingen kodare. Min önskan är den är godkänd av en expert. Det räcker inte användare tycker den är fin. Känns bra inombords en utvecklare säger det är ok :-)

 

Om man bara kunde greppa mer och sedan göra exakt samma reparation på alla sidorna. Min största önskan just nu. Sidan ligger uppe som sagt och texterna och bilderna är klara och jag tycker om sidan jättemycket.

 

Begriper inte riktigt det där med uf-8. Ska jag spara alla sidor som det? Ursäkta.

Sedan det där med divar menyer där e jag borta typ som känns nu.

 

Jag ska iaf börja med:

Byta doctype till HTML 5

Försöka städa koden som du gjort enligt din bild så gott jag kan. Får göra samma på alla HTML filer som är runt 15-20 st.

Försöka städa cssfilen

 

Därefter är jag lite borta med uf-8 och divar , menyer men jag ska börja med det ovan.

 

Snällt av dig råda.

Länk till kommentar
Dela på andra webbplatser

Uppskattar verkligen din hjälp. Jättetacksam. Vill verkligen få den bra för jag tycker om sidan. Frustrerande bara man inte är med i matchen :-)

Länk till kommentar
Dela på andra webbplatser

Det står inte doctype HTML 5 längst upp på din bild? Jag ser ej iaf. :-).

 

// ... //

 

Begriper inte riktigt det där med uf-8. Ska jag spara alla sidor som det?

Ja, det är riktigt. Det står inte specifikt html5 där, men det är den som används för html5 och nyare. Tidigare fanns ett gäng olika och f f a olika till hur sidan var gjord. En vanlig, en strikt, en för sidor med frames osv. Du har en för html 4(.0.1), den som heter Transitional. Du kan kika mer på olika doctypes här: https://www.w3.org/QA/2002/04/valid-dtd-list.html , http://html.com/tags/doctype/ , http://www.html-5-tutorial.com/doctype.htm

 

- - -

 

Utf-8 är det som anger sidan teckenkodning. När du byter till det så måste du spara om sidan till samma format. Så gör det varteftersom. I textredigeraren kan du ställa in det och spara sidan sen. Om du har nåt “webprogram” (t ex Dreamweaver) så finns det säkert där i inställningarna där man talar om vilket kodning sidor skall få som förvalt. Ändra där, så blir alla nya sidor i det formatet.

 

Om du använder t ex TextWrangler som jag skrev om ovanför, så längst ner i fönstret kan du ändra från vad det nu än står där till utf-8 och sen spara - så är det klart.

 

post-64246-0-46466100-1478408705.png

 

Använd inte Textredigeraren (TextEdit) i OS X. Den är inte lämpad för det. Den har dessutom ingen “färgning” av koden, s k “syntax highlightning” vilket gör det mycket enklare att se/läsa koden och kunna se ev fel på en gång.

 

Men ta en sida, och byt de 4 raderna jag skrev om, spara om och testa den i webläsaren. :)

Länk till kommentar
Dela på andra webbplatser

Så om jag ändrar de 4 första raderna i en fil som heter kontakt.htm och sedan sparar som så heter den sedan vad?

 

Behöver ej ändra om länkar?

 

Och om ändrar 4 första raderna så behöver jag inte ändra på fler ställen direkt efter i filen?

Så jag inte förstör något.

 

Ska testa men ej vid dator nu.

Länk till kommentar
Dela på andra webbplatser

Så om jag ändrar de 4 första raderna i en fil som heter kontakt.htm och sedan sparar som så heter den sedan vad?

 

Behöver ej ändra om länkar?

 

Och om ändrar 4 första raderna så behöver jag inte ändra på fler ställen direkt efter i filen?

Så jag inte förstör något.

Samma namn... Men att du sparar om den med rätt teckenkodning. Du har iso-8859-1 där nu - då är filen sparad i det formatet med.

 

Nej, du behöver inte ändra några länkar.

 

Det är bl a till sånt du kan ha filerna i zipfilen jag gjorde. Att testa, byta prova, kolla utan att riskera något. :)

Länk till kommentar
Dela på andra webbplatser

När jag ändrar till html5 på en sida så minskar det nedre avståndet på menyn (där länkarna är på det svarta). Det ser galet ut. Avståndet nedanför länkarna på det svarta alltså. Allt kryper liksom ner. Jag har inte ändrat kodningen ån dock. Testa så ser du. Det vill jag ju inte att det ska göra.

Länk till kommentar
Dela på andra webbplatser

Webbplatsen är liksom färdig med text och bilder och alla sidorna finns och ligger uppe. Jag får gå in ändra på befintliga sidor för göra om till HTML 5 och sedan kodningen. Men jag vill ju inte att nedre avståndet krymper nedanför länkarna på det svarta när jag ändrar till HTML 5 . Testa så ser du.

Länk till kommentar
Dela på andra webbplatser

Webbplatsen är liksom färdig med text och bilder och alla sidorna finns och ligger uppe. Jag får gå in ändra på befintliga sidor för göra om till HTML 5 och sedan kodningen.

Du editerar väl inte sidorna direkt på servern?, hoppas jag. Koda “live” är inte bra. Krashar man en sida och inte kan fixa det på en gång, så står man där sen.

 

Det var ju bara html, och inget annat som eg kräver en server för att kunna visas, så du kan öppna filerna lokalt i webläsaren för att titta på dem. Gör ordning en miljö, där du har allt lokalt på datorn, men med backup-folder av senaste (fungerande), som man kan ha som reserv. Jobba med sidorna där och ladda upp först när du är klar/nöjd med ändringen. Och sen ersätt backup'en med den nya senaste/fungerande. :crossfingers:

 

Men jag vill ju inte att nedre avståndet krymper nedanför länkarna på det svarta när jag ändrar till HTML 5 . Testa så ser du.

Ja, det kan skilja eftersom för varje Doctype följer webläsaren en viss standard - hur den skall rendera sidan.

 

Om man t ex tar 2 Doctype's:

# Strict
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

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

...så ser du att det finns med en länk där till varje, som är som en slags resursfil för webläsaren med info om doctypen. <!doctype html> har ingen sån.

Länk till kommentar
Dela på andra webbplatser

Hur går man då till väga om man inte vill att det ska bli mindre avstånd om man nu ska ändra till HTML 5? :-).

 

Jag ändrade på en sida som jag inte har användning för och såg skillnaden.

 

Hade autospar mor servern men testade med sida jag ej behöver.

Ska slå av det där.

 

Sidorna är iaf publicerade så jag kommer få göra samma sak alla sidor.

Hur får man bort avståndet som blir vid doctype html5? så det blir som innan

 

 

Sedan begriper jag inte uf-8. Jag tror jag hitta ett ställe i programmet för hitta det men koden ändrade ju sig inte alls till uf-8. Om sida har uf8 i koden räcker det då välja spara eller spara som ?

Länk till kommentar
Dela på andra webbplatser

Som sagt hur gör jag så avståndet inte minskar nedanför länkarna i menyn i det svarta när jag byter doctype till html 5?

 

 

Sedan undrar jag om det går fixa så kontakt ligger precis på samma ställe oavsett webbläsare? Det blir lite annorlunda avstånd i explorer. I och för sig inte hela världen bara det syns. Bara det ser ok ut och man får bra intryck man går in på sidan.

Länk till kommentar
Dela på andra webbplatser

Som sagt hur gör jag så avståndet inte minskar nedanför länkarna i menyn i det svarta när jag byter doctype till html 5?

 

Sedan undrar jag om det går fixa så kontakt ligger precis på samma ställe oavsett webbläsare? Det blir lite annorlunda avstånd i explorer. I och för sig inte hela världen bara det syns. Bara det ser ok ut och man får bra intryck man går in på sidan.

Man få editera CSS-filen så allt stämmer, för alla. Om du kikar i exempelfilen jag gjorde där (i zipfilen), och även på en bild ovan, så ligger det med en “reset” i början av CSS. En reset nollar alla värden såsom margina, padding osv. Sen går man in och anger det på de ställen man behöver. Det är för, som du själv skriver, att det ser olika ut i olika webläsare. Renderings-motorerna (Gecko, Webkit, Trident osv..) har olika sätt att tolka/rendera standarden. Kan verka lite jobbigt att behöva göra så, men fördelen är att du kan ta bort allt överallt det står t ex: magrin: 0; - de är liksom standard då. Så, om du kikar i exemplet där - kolla hur jag gjorde med footern. Den skall vara ok för alla. :crossfingers:

Länk till kommentar
Dela på andra webbplatser

Ok sedan in och ändra i cssfilen på valda ställen. Lättare sagt än gjort för mig som ej har kunskapen i detta :-).

 

Måste jag byta doctype till HTML 5? Har enkelt innehåll som text och bild. Kan jag ej ha den doctype jag har nu?

Länk till kommentar
Dela på andra webbplatser

Arkiverat

Det här ämnet är nu arkiverat och är stängt för ytterligare svar.



×
×
  • Skapa nytt...