Relative – absolute – float

Postad: 21.12.2007 | CSS, Uppdaterad

Lästid: 5 minuter Om clear:float och clearfix:after. Idag anges clear:float annorlunda genom att vi kan använda CSS pseudo class-elementen :after och/eller :before för att avsluta ett/flera flytande element. Exempelkod 1 specificerar blocket som berörs (wrapper). Nummer 2 specificerar flera element. Exempel 3 är global. Denna post innehåller kod-snippar som du kan använda. Det är alltid bra att ta … Fortsätt läsa ”Relative – absolute – float”

Runda hörn utan bilder – enbart css

Postad: 21.12.2007 | CSS, Uppdaterad

Lästid: < 1 minut Denna artikel innehöll en gammal teknik och är därför redigerad. Nu för tiden används CSS3 border-radius, och med dagens moderna webbläsare behöver man inte längre ange ett webbläsarespecifikt prefix såsom -webkit-border-radius eller -moz-border-radius utan det räcker med border-radius. Denna post innehåller kod-snippar som du kan använda. Det är alltid bra att ta en backup av … Fortsätt läsa ”Runda hörn utan bilder – enbart css

Gör en iframe enbart med css – skrollbar div

Postad: 21.12.2007 | CSS, Uppdaterad

Lästid: 2 minuter OBS! Iframes – det vill säga inbäddade ramar används numer mycket sällan eftersom det finns nyare tekniker för att få samma utförande. Iframes bör dessutom inte användas med tanke på användbarhet och tillgänglighet. Guiden här under kommer dock att få ligga kvar eftersom den används i programmeringsstudier och lärande av vad frames och iframes är. … Fortsätt läsa ”Gör en iframe enbart med css – skrollbar div”

Styla dina bilder

Postad: 21.12.2007 | CSS

Lästid: 3 minuter Du kanske använder bilder som klickbara länkar? Det vanliga sättet är då att skriva border=”0″ i html-koden. Använder du css ska du naturligtvis låta stilmallen sköta detta istället för att stjäla utrymme i html-koden. Ni som använder xhtml och/eller vill gå över till strict kommer direkt att upptäcka att sidan inte validerar om man inte … Fortsätt läsa ”Styla dina bilder”

Att validera en sida

Postad: 21.12.2007 | HTML, Web Standards

Lästid: 2 minuter När man validerar sin sida så är det ofta i syftet att standardisera sajten så att den ska vara kompatibel i de flesta webbläsare. Men också för sin egen del att ha en sida som är fullständigt ”ren” utan några fel i kodningen. Det är inte så lätt utan att ge avkall på script och … Fortsätt läsa ”Att validera en sida”

Vi gör tabeller!

Postad: 20.12.2007 | Användbarhet, Tillgänglighet

Lästid: 3 minuter För tillgänglighet och web standards är det bättre att använda thead, tfoot, och tbody-elementen eftersom flödet i denna uppställning dessutom är användarvänligt och tillgängligt då flödet parsas som en strukturerad html-sida med just head, body och footer, därtill gynnar detta insticksprogram som talsyntesmoduler och utskrift. Denna post innehåller kod-snippar som du kan använda. Det är … Fortsätt läsa ”Vi gör tabeller!”

Länka till iframe

Postad: 20.12.2007 | HTML, Uppdaterad

Lästid: 2 minuter OBS! Iframes – det vill säga inbäddade ramar används numer mycket sällan eftersom det finns nyare tekniker för att få samma utförande. Iframes bör dessutom inte användas med tanke på användbarhet och tillgänglighet. Guiden här under kommer dock att få ligga kvar eftersom den används i programmeringsstudier och lärande av vad frames och iframes är. … Fortsätt läsa ”Länka till iframe”

Att göra en iframe

Postad: 20.12.2007 | HTML, Uppdaterad

Lästid: 3 minuter OBS! Iframes – det vill säga inbäddade ramar används numer mycket sällan eftersom det finns nyare tekniker för att få samma utförande. Iframes bör dessutom inte användas med tanke på användbarhet och tillgänglighet. Guiden här under kommer dock att få ligga kvar eftersom den används i programmeringsstudier och lärande av vad frames och iframes är. … Fortsätt läsa ”Att göra en iframe”

Vilket doctype ska jag välja?

Postad: 15.12.2007 | Doctype, Uppdaterad

Lästid: < 1 minut Nu för tiden används övervägande HTML5. Gällande doctype är då <!DOCTYPE html>. När du ska göra en hemsida får du aldrig glömma ett doctype. Man använder en doctypedefinition för att underlätta webbläsarnas valideringsverktyg samt att dessa ska kunna utläsa i vilken form hemsidan är konstruerad. Ett utelämnat doctype innebär att sidan visas i något som … Fortsätt läsa ”Vilket doctype ska jag välja?”

Php-include med divar

Postad: 15.12.2007 | PHP/ASP

Lästid: < 1 minut Det är många som har mailat och undrat hur man delar in en div-layout i php-include. Så på allmän begäran skriver jag nu ut en helt ny guide. Den är skriven utifrån min två-kolumns layout som finns att ladda ned, både i htmlversion som i php-version. Layoutens html <!DOCTYPE html PUBLIC ”-//W3C//DTD XHTML 1.0 Transitional//EN” … Fortsätt läsaPhp-include med divar”

Använda ASP – Active server page include

Postad: 15.12.2007 | PHP/ASP

Lästid: 2 minuter Hur fungerar asp include? Som funktion är den lik php-include. Ett dokument delas in i olika include-filer som man sedan infogar tillbaka i dokumentet. Anledningen till att använda include funktionen är att förenkla underhållet på alla sina sidor. Även här kan man därför säga att det handlar om en layout – flera sidor. Men lite … Fortsätt läsa ”Använda ASP – Active server page include

Använda SSI – server side include

Postad: 15.12.2007 | SSI

Lästid: 2 minuter SSI kommunicerar med det serverprogram som finns hos den webläsaren där webplatsen är belägen. När du då sparar en ssi-fil måste du i filändelsen skriva .shtml eller .shtm istället för html/htm. Det är för att servern ska veta att det handlar om en ssi-fil och inte en vanlig html-fil. Denna post innehåller kod-snippar som du … Fortsätt läsa ”Använda SSI – server side include

Webbstandard – framtidens gemensamma språk?

Postad: 15.12.2007 | Web Standards

Lästid: 4 minuter Om jag vill göra en resa, till exempelvis ett engelskspråkigt land, då hoppas jag att jag både kan förstå det mesta, som att själv göra mig förstådd – i annat fall så plockar jag fram mitt lilla reselexikon. Problematiken uppstår när vissa ord helt plötsligt inte finns i den, ändå förekommer de så ofta att … Fortsätt läsa ”Webbstandard – framtidens gemensamma språk?”

Shorthand declaration groups

Postad: 15.12.2007 | CSS

Lästid: 4 minuter Använder man sig av stilmallar kan det bli många märkningar i denna. En del av dessa märkningar är onödiga och stjäl bara plats. Istället ska vi nu optimera vår stylesheet. I och med detta blir den också mer snabbladdad och sidan visas fortare. Ett annat ord för detta är de så kallade short hand declaration … Fortsätt läsaShorthand declaration groups”

Allmänna CSS märkningar

Postad: 15.12.2007 | CSS

Lästid: 2 minuter Man kan laborera en hel del på sin hemsida genom att använda css. Här hittar du en del värden som är användbara, både vanliga som mindre vanliga. OBS! Beskrivning till respektive kod finns under varje kod. Var också aktsam om att alla koder kanske inte heller passerar valideringen. Denna post innehåller kod-snippar som du kan … Fortsätt läsa ”Allmänna CSS märkningar”

Skillnader mellan HTML – XHTML

Postad: 15.12.2007 | HTML, XHTML

Lästid: 9 minuter Lektion 1 – nybörjare Okej – eftersom du nu läser detta har du säkert funderingar om att våga ta steget över till att prova xhtml. Hjälp kanske du tänker – det verkar ju så svårt? Mja, det är faktiskt förhållandevis små förändringar som behöver göras för att få sin sida XHTML-kompatibel. Eftersom Du också valde … Fortsätt läsaSkillnader mellan HTML – XHTML”

Att göra listor

Postad: 15.12.2007 | HTML

Lästid: 2 minuter Listor använder man för att presentera en uppställning och det finns tre olika alternativ att välja på. De allra vanligaste är punktlistorna, därefter kommer de numrerade listorna. Sist har vi definitionslistorna. Listor har något som heter list item – det vill säga en listpost – och denna märks ut som <li>. Varje <li> är en … Fortsätt läsa ”Att göra listor

Vanliga HTML attribut

Postad: 15.12.2007 | HTML

Lästid: 2 minuter Här listar jag de vanliga HTML attributen som du måste kunna om du vill bygga en hemsida. meta – Används för att ge särskild information om webbsidan, men också för att ange att något ska hända när sidan har laddats title – Anger sidans titel som kommer att synas på webbläsarens namnlist content – Anger … Fortsätt läsa ”Vanliga HTML attribut”

Vanliga HTML definitioner

Postad: 15.12.2007 | HTML

Lästid: < 1 minut Du behöver också lära dig några av de vanliga HTML-definitionerna är och hur du använder dem. Här under listar jag dem. color – Färg bgcolor – Bakgrundsfärg background – Bakgrunden width – Bredden height – Höjden auto – Automatisk anpassning top – Högst upp bottom – Längst ner cols – Kolumner rows – Rader bgproperties … Fortsätt läsa ”Vanliga HTML definitioner”