css kod, hur fan ser detta ut?

Permalänk

css kod, hur fan ser detta ut?

Tänkte bara testa lite med css , för är sjukt intresserad av hemsideskap,så ska försöka lära mig , menm vad är fel på denna kod? Tack på för hand!.

{
margin:0;
padding:0;
)

body (
front-size: 62.5%;
front-family: Halvetico, sons-serief;
background: url(C:\Users\Andreas\Desktop\Nytt\Gör sidan längre) repeat-x top #b1ccf6;
}

Permalänk
Medlem
Skrivet av ANDREAS348:

Tänkte bara testa lite med css , för är sjukt intresserad av hemsideskap,så ska försöka lära mig , menm vad är fel på denna kod? Tack på för hand!.

{
margin:0;
padding:0;
)

.. Fel .. : { ska det vara, inte (

Citat:

body (

.. Fel .. : } ska det vara, inte )

Citat:

front-size: 62.5%;

.. Fel .. : FONT .. ska det vara, inte FRONT

Citat:

front-family: Halvetico, sons-serief;

.. Fel .. : FONT .. ska det vara, inte FRONT

Citat:

background: url(C:\Users\Andreas\Desktop\Nytt\Gör sidan längre) repeat-x top #b1ccf6;

background-image:url('paper.gif');
background-repeat:repeat-x;
top #b1ccf6;

Citat:

}

Vart lite osäker på om du försökte repetera bakgrunden .. Men du länkar ju till en mapp till att börja med, inte en fil ... fattar inte poängen med det.
O sen när du anger font-familjen så ser det mysko ut, jag får anta att du menar: Helvetica, sans-serif ...

Visa signatur

SNÄLLA CITERA MIG OM NI VILL ATT JAG SKA HITTA TILLBAKS TILL TRÅDEN

Permalänk
Skrivet av ANDREAS348:

Tänkte bara testa lite med css , för är sjukt intresserad av hemsideskap,så ska försöka lära mig , menm vad är fel på denna kod? Tack på för hand!.

{
margin:0;
padding:0;
)

body (
front-size: 62.5%;
front-family: Halvetico, sons-serief;
background: url(C:\Users\Andreas\Desktop\Nytt\Gör sidan längre) repeat-x top #b1ccf6;
}

Då blandar måsvingar med vanliga parenteser. {) istället för {}

Permalänk
Skrivet av devhdc:

.. Fel .. : { ska det vara, inte ( .. Fel .. : } ska det vara, inte ) .. Fel .. : FONT .. ska det vara, inte FRONT .. Fel .. : FONT .. ska det vara, inte FRONT background-image:url('paper.gif');
background-repeat:repeat-x;
top #b1ccf6;

Vart lite osäker på om du försökte repetera bakgrunden .. Men du länkar ju till en mapp till att börja med, inte en fil ... fattar inte poängen med det.
O sen när du anger font-familjen så ser det mysko ut, jag får anta att du menar: Helvetica, sans-serif ...

Tusen tack för att du tog dig tid!
Men hur länkar man till fil då ? måste se över allt igen när jag kommer hem.

Permalänk
Medlem
Skrivet av ANDREAS348:

Tusen tack för att du tog dig tid!
Men hur länkar man till fil då ? måste se över allt igen när jag kommer hem.

Inga problem .. Här är ett exempel på hur du kan länka:
background-image:url('C:\Users\Andreas\Desktop\Nytt\Gör sidan längre\fil.png');

MEN .. det är nästan alltid bättre att trycka in alla relevanta filer i en organiserad mappstruktur, så flytta då fil.png till en mapp som heter bilder eller images i samma rootmapp som css-filen:
Då blir det alltså:
background-image:url('bilder\fil.png');

Känns som ett konkret exempel är bättre: Säg att du har en mapp som heter c:\users\andreas\desktop\PROJEKT HEMSIDA\ och i denna mapp lägger in mapparna: images och css .. då ligger CSS filen alltså i: c:\users\andreas\desktop\PROJEKT HEMSIDA\css\, vill du isåfall länka en bild som ligger i: c:\users\andreas\desktop\PROJEKT HEMSIDA\images\ så gör du:
background-image:url('..\images\fil.png');

.. går till 1 mapp över den man är i, i detta exempel då: c:\users\andreas\desktop\PROJEKT HEMSIDA\css\ till: c:\users\andreas\desktop\PROJEKT HEMSIDA\

Du kommer att lida av att ha allting utspritt på datorn när du ska ladda upp skiten, alltid bättre o ha allting relativt till projektet.

Visa signatur

SNÄLLA CITERA MIG OM NI VILL ATT JAG SKA HITTA TILLBAKS TILL TRÅDEN

Permalänk
Permalänk
Medlem

Vill rekommendera lite hjälpsamma sajter för er så du har koll på design o layout:
http://chopapp.com/ Detta är ungefär som pastebin.com, men VÄLDIGT fluff-fri, och extremt simpel att använda.

http://lorempixel.com/ Lorempixel generar random logos baserad på url, så säg t.ex att du arbetar med en grafik att ha nånstans på sidorna o vet de dimensioner du ska ha, i vissa fall kan det då vara bra att han en PLACEHOLDER image som det heter, säg då att den ska vara 600x200 px, då blir url'n enkelt nog: http://lorempixel.com/600/200/ och kan därmed användas praktiskt såhär:

i koden.

http://lipsum.com/ Lorem ipsum generator.

http://snipplr.com/ Kodsnippets i alla tänkbara programmeringsspråk om man vill ha en snabblösning så är risken att det finns en där.

http://copypastecharacter.com/ bra sajt, den har alla karaktärer som kan skrivas på ett tangentbord via t.ex alt koder (t.ex ALT+15= ☼) och ger möjlighet att kopiera flera åt gången, och dessutom finns det olika kategorier, de olika tecknen genereras i 2 former, antingen renderas som man ser den eller av HTML koder, t.ex: & # 9893 ; (minus space emellan..) som då blir:

och man kan välja vilket man ska i på toppen av sidan.

http://www.zurb.com/playground/css-grid-builder Här kan man bygga ett eget grid som det passar en själv, dock använder jag 960.gs personligen pga av att det erbjuder betydligt fler funktioner.

http://border-radius.com/ Här kan du generera kod för radius på element i CSS, och inte bara 1 hörn, men alla 4 kan få olika radius, generera dessutom kod för att allt ska hanteras rätt i samtliga browsers.

http://css3.mikeplate.com/ Om man kan göra det i CSS3 så är CSS3 playground stället att göra det på, jag tänker inte gå in på allt man kan göra här, men den är otroligt bra o ha bokmärkt.

http://css3please.com/Vet inte exakt hur jag ska beskriva denna, men det är väl en mer kodbenägen version av ovanstående där du redigerar direkt i dokumentet och ser resultatet i boxen längst upp till höger.. generar giltig kod för alla browsers likaså.

Visa signatur

SNÄLLA CITERA MIG OM NI VILL ATT JAG SKA HITTA TILLBAKS TILL TRÅDEN

Permalänk
Skrivet av devhdc:

Inga problem .. Här är ett exempel på hur du kan länka:
background-image:url('C:\Users\Andreas\Desktop\Nytt\Gör sidan längre\fil.png');

MEN .. det är nästan alltid bättre att trycka in alla relevanta filer i en organiserad mappstruktur, så flytta då fil.png till en mapp som heter bilder eller images i samma rootmapp som css-filen:
Då blir det alltså:
background-image:url('bilder\fil.png');

Känns som ett konkret exempel är bättre: Säg att du har en mapp som heter c:\users\andreas\desktop\PROJEKT HEMSIDA\ och i denna mapp lägger in mapparna: images och css .. då ligger CSS filen alltså i: c:\users\andreas\desktop\PROJEKT HEMSIDA\css\, vill du isåfall länka en bild som ligger i: c:\users\andreas\desktop\PROJEKT HEMSIDA\images\ så gör du:
background-image:url('..\images\fil.png');

.. går till 1 mapp över den man är i, i detta exempel då: c:\users\andreas\desktop\PROJEKT HEMSIDA\css\ till: c:\users\andreas\desktop\PROJEKT HEMSIDA\

Du kommer att lida av att ha allting utspritt på datorn när du ska ladda upp skiten, alltid bättre o ha allting relativt till projektet.

OKEJ! jag har ordnat upp lite i mapparna nu , nu är koden ;

{
margin:0;
padding:0;
}

body {
font-size: 62.5%;
font-family: Halvetico, sons-serief;
background-image:'C:\Users\Andreas\Desktop\Nytt\Bilder\1
background-repeat:repeat-x;
top #b1ccf6;
}

Men de är bara koden som visas när jag prövar den i webläsaren

Permalänk
Medlem
Skrivet av ANDREAS348:

OKEJ! jag har ordnat upp lite i mapparna nu , nu är koden ;

{
margin:0;
padding:0;
}

body {
font-size: 62.5%;
font-family: Halvetico, sons-serief;
background-image:'C:\Users\Andreas\Desktop\Nytt\Bilder\1
background-repeat:repeat-x;
top #b1ccf6;
}

Men de är bara koden som visas när jag prövar den i webläsaren

För det första så länkar du förvisso till en fil denna gång, men den heter bara 1 i länken ... Det blir ju fel, filen bör ju rimligen ha ett tillägg, typ .JPG t.ex.
Och ja, om du öppnar css filen i en browser, utan html-kod så kommer du enbart att se koden för CSS filen ..

CSS är alltså ett "pålägg" på din smörgås, smörgåsen i sig är alltså då en fil med html-kod i, pålägget ger det smak och utseende, det kan (i detta fall) inte fungera ensamt.

Och sen var det återigen det där med fontfamiljer .. det heleter: Helvetica, sans-serif .. inte Halvetico, sons-serief

Visa signatur

SNÄLLA CITERA MIG OM NI VILL ATT JAG SKA HITTA TILLBAKS TILL TRÅDEN

Permalänk
Medlem

Allvarligt talat, kära Andreas, jag kan sitta o undervisa dig hela dagarna, men min tid är tyvärr inte gratis (Tar 2400 kr/timme för sånt här normalt sett) och du är i det stadiet att du inte ens vet med dig grunderna till hur saker o ting är uppbyggda .. Inget fel i det alls!

Alla måste börja nånstans .. I ditt fall så är detta en bra början, som kan ge dig större insikt: http://kod.zerosite.se/css.html

Visa signatur

SNÄLLA CITERA MIG OM NI VILL ATT JAG SKA HITTA TILLBAKS TILL TRÅDEN

Permalänk
Skrivet av devhdc:

Allvarligt talat, kära Andreas, jag kan sitta o undervisa dig hela dagarna, men min tid är tyvärr inte gratis (Tar 2400 kr/timme för sånt här normalt sett) och du är i det stadiet att du inte ens vet med dig grunderna till hur saker o ting är uppbyggda .. Inget fel i det alls!

Alla måste börja nånstans .. I ditt fall så är detta en bra början, som kan ge dig större insikt: http://kod.zerosite.se/css.html

okej kollar in hemsidan! ,Men återigen , tusen tack för att du ville hjälpa till! mycket uppskattat!

Permalänk
Skrivet av ANDREAS348:

OKEJ! jag har ordnat upp lite i mapparna nu , nu är koden ;

{
margin:0;
padding:0;
}

body {
font-size: 62.5%;
font-family: Halvetico, sons-serief;
background-image:'C:\Users\Andreas\Desktop\Nytt\Bilder\1
background-repeat:repeat-x;
top #b1ccf6;
}

Men de är bara koden som visas när jag prövar den i webläsaren

Du kan inte köra den koden rent på sidan. Du måste länka till .css filen på din sida.

<link rel="stylesheet" type="text/css" href="dincssfil.css"/>

Den kodsnutten lägger du inom <head></head> taggarna.

Permalänk

kanske börja med htlm grunder först och sen när du förstår det vill "förfina" din sida så lägger du till css

Visa signatur

Citera!

Permalänk
Medlem

W3schools.com(?)

Visa signatur

Falling In Reverse - Game Over

"Midway upon the journey of our life I found myself within a forest dark, For the straightforward pathway had been lost."

Permalänk
Medlem
Skrivet av Curemylife:

W3schools.com(?)

Nej.

Permalänk
Medlem

W3school fungerar om man bara ska leka!
Tycker W3fools kommer upp för ofta, nästan varje tråd om nybörjare så äre någon som skriver w3school och 1-2 posts efter kommer det folk som skriver W3fools och trycker ned W3schools.

Sluta med sånt!
En nybörjare vet inget om validering!

Visa signatur

~. Citera så jag hittar tillbaka .~

Permalänk
Medlem
Skrivet av 19KeVVa93:

W3school fungerar om man bara ska leka!
Tycker W3fools kommer upp för ofta, nästan varje tråd om nybörjare så äre någon som skriver w3school och 1-2 posts efter kommer det folk som skriver W3fools och trycker ned W3schools.

Det finns en tanke bakom det. W3Schools håller så låg kvalité att ingen (inte ens nybörjare) bör ta efter från den. Det finns mycket bättre resurser som riktar sig mot nybörjare, till exempel Webboken, Operas guide, Googles guide och W3Cs wikisidor om HTML och dess element.

Skrivet av 19KeVVa93:

En nybörjare vet inget om validering!

Det handlar inte om validering. Det handlar om att få uppdaterad, korrekt information när man lär sig något nytt. Skulle du säga samma sak om det handlade om en fysiksida som påstod att jorden är platt eller att gravitation är centrifugalkraft?