Design hur?

Avdelningen för webbrelaterad programmering och grafisk design.
Skriv svar
amaz00n
Inlägg: 18
Blev medlem: 2010-09-27 9:23:34

Design hur?

Inlägg av amaz00n » 2011-01-11 22:34:53

Hej! jag håller på att göra en web sida, jag har nu fixat allt utom design och fin puts.
saken är den att nu ligger sidorna ungefär från vänster sida av skärmen till typ mitten..
jag vill nu flytta allt centrerat och lägga till en bakgrund vid sidorna.
någon som fattar vad jag menar?
hur gör man? :D
svara! :D

amaz00n
Inlägg: 18
Blev medlem: 2010-09-27 9:23:34

Re: Design hur?

Inlägg av amaz00n » 2011-01-12 0:01:14

bara för att tillägga har jag centrerat allt nu genom att flytta det i DW..
men hur får man hela sidan som 1 ruta? så att man kan ha vi bakgrund vid texten men en gradient bakom den vita rutan, så att det syns vid sidorna.
Ursäkta om jag är otydlig :P

Användarvisningsbild
walliski
Inlägg: 1432
Blev medlem: 2005-07-15 16:30:21
Ort: Finland

Re: Design hur?

Inlägg av walliski » 2011-01-12 13:46:13

Lägg en <div> runt hela sidan, som du sedan konfigurerar med CSS. Då får du hela sidan centrerad, samt färger och sådant på divven..

Så tror jag att det går, är inte helt insatt i ämnet :)
Här var det tomt...

amaz00n
Inlägg: 18
Blev medlem: 2010-09-27 9:23:34

Re: Design hur?

Inlägg av amaz00n » 2011-01-12 14:12:42

okej :D
nästa gång ska jag fan lägga in tabeller direkt! ;)

Användarvisningsbild
Najze
Hedersbit
Inlägg: 4992
Blev medlem: 2002-03-09 13:14:24
Ort: Mölndal

Re: Design hur?

Inlägg av Najze » 2011-01-12 15:29:52

Lär dig grunderna i HTML och CSS, så är det nog inga problem. DW är ju bra så sätt, men har man ingen koll på koden så är det ganska bökigt när något går snett. Finns många lättförstådda för guider, även på svenska.

Användarvisningsbild
walliski
Inlägg: 1432
Blev medlem: 2005-07-15 16:30:21
Ort: Finland

Re: Design hur?

Inlägg av walliski » 2011-01-13 14:45:22

amaz00n skrev:okej :D
nästa gång ska jag fan lägga in tabeller direkt! ;)
Hoppas du menar att du skall använda <div>, och inte tabeller...
Tabeller, <table> är menade till att hålla data. Inte till att bygga upp websidor.
Här var det tomt...

amaz00n
Inlägg: 18
Blev medlem: 2010-09-27 9:23:34

Re: Design hur?

Inlägg av amaz00n » 2011-01-14 0:32:12

<div> helt korrekt, sa fel :-[ </div> ;)

Användarvisningsbild
larsan
Inlägg: 506
Blev medlem: 2004-11-03 18:04:48
Ort: Göteborg
Kontakt:

Re: Design hur?

Inlägg av larsan » 2011-01-14 7:42:31

Här har jag centrerat en div mitt i sidan och givit den marginal i topp.

Pga lite andra grejer jag gjort med den ser det inte rätt ut i IE8 och lägre.
Men IE9 och FF, Safari, Chrome osv. funkar fint.

http://www.larsan.se/
Mvh David

Wks: HP NC8430

"D" is for Lysdexia!

Användarvisningsbild
walliski
Inlägg: 1432
Blev medlem: 2005-07-15 16:30:21
Ort: Finland

Re: Design hur?

Inlägg av walliski » 2011-01-14 14:21:10

larsan skrev:Här har jag centrerat en div mitt i sidan och givit den marginal i topp.

Pga lite andra grejer jag gjort med den ser det inte rätt ut i IE8 och lägre.
Men IE9 och FF, Safari, Chrome osv. funkar fint.

http://www.larsan.se/
Äldre IE versioner har alltid bråkat med CSS. Brukar ofta vara skäl att laga olika CSS koder till olika webläsare (hur detta går till vet jag inte...), men jag vet att man gör det. Orsaken är att M$ valt att inte följa standarder, utan tolkar CSS på sitt eget finurliga sätt.

Oftast är det inte ens möjligt att laga webbsidor som ser bra ut i alla webbläsare.
Här var det tomt...

Användarvisningsbild
larsan
Inlägg: 506
Blev medlem: 2004-11-03 18:04:48
Ort: Göteborg
Kontakt:

Re: Design hur?

Inlägg av larsan » 2011-01-15 12:44:11

Vet inte om du svarade mig, men mitt inlägg var menat att visa exempel på hur man centrerar en DIV.

Är medveten om att MS väljer konstiga vägar, men i detta fallet är det CSS3, så det kommer IE8 aldrig stödja.
Mvh David

Wks: HP NC8430

"D" is for Lysdexia!

Användarvisningsbild
walliski
Inlägg: 1432
Blev medlem: 2005-07-15 16:30:21
Ort: Finland

Re: Design hur?

Inlägg av walliski » 2011-01-15 15:48:51

larsan skrev:Vet inte om du svarade mig, men mitt inlägg var menat att visa exempel på hur man centrerar en DIV.

Är medveten om att MS väljer konstiga vägar, men i detta fallet är det CSS3, så det kommer IE8 aldrig stödja.
Hoppsan.. Läste visst bara "ser inte rätt ut i IE8 :D
Här var det tomt...

Användarvisningsbild
larsan
Inlägg: 506
Blev medlem: 2004-11-03 18:04:48
Ort: Göteborg
Kontakt:

Re: Design hur?

Inlägg av larsan » 2011-01-15 17:18:25

Ja, det är lätt att basha MS. Det gör vi dagligen på jobbet. Iaf gällande IE.

:)
Mvh David

Wks: HP NC8430

"D" is for Lysdexia!

amaz00n
Inlägg: 18
Blev medlem: 2010-09-27 9:23:34

Re: Design hur?

Inlägg av amaz00n » 2011-01-16 21:31:21

larsan skrev:Här har jag centrerat en div mitt i sidan och givit den marginal i topp.

Pga lite andra grejer jag gjort med den ser det inte rätt ut i IE8 och lägre.
Men IE9 och FF, Safari, Chrome osv. funkar fint.

http://www.larsan.se/
ser bra ut!
jag tycker det är lite små klurigt, men kul!
och jag lär mig för fullt, men tror det är dags att fördjupa mig in i CSS träsket :D

Användarvisningsbild
larsan
Inlägg: 506
Blev medlem: 2004-11-03 18:04:48
Ort: Göteborg
Kontakt:

Re: Design hur?

Inlägg av larsan » 2011-01-18 7:30:19

Visst e det kul!

Lär dig CSS genom att skriva själv, inte via t.ex. Dreamweaver.
Då fattar du grejen mkt fortare.

Mvh
David
Mvh David

Wks: HP NC8430

"D" is for Lysdexia!

Skriv svar