Design hur?

Avdelningen för webbrelaterad programmering och grafisk design.
Post Reply
amaz00n
Posts: 18
Joined: 2010-09-27 9:23:34

Design hur?

Post by amaz00n »

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
Posts: 18
Joined: 2010-09-27 9:23:34

Re: Design hur?

Post by amaz00n »

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
User avatar
walliski
Posts: 1432
Joined: 2005-07-15 16:30:21
Location: Finland

Re: Design hur?

Post by walliski »

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
Posts: 18
Joined: 2010-09-27 9:23:34

Re: Design hur?

Post by amaz00n »

okej :D
nästa gång ska jag fan lägga in tabeller direkt! ;)
User avatar
Najze
Hedersbit
Posts: 4992
Joined: 2002-03-09 13:14:24
Location: Mölndal

Re: Design hur?

Post by Najze »

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.
User avatar
walliski
Posts: 1432
Joined: 2005-07-15 16:30:21
Location: Finland

Re: Design hur?

Post by walliski »

amaz00n wrote: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
Posts: 18
Joined: 2010-09-27 9:23:34

Re: Design hur?

Post by amaz00n »

<div> helt korrekt, sa fel :-[ </div> ;)
User avatar
larsan
Posts: 506
Joined: 2004-11-03 18:04:48
Location: Göteborg
Contact:

Re: Design hur?

Post by larsan »

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!
User avatar
walliski
Posts: 1432
Joined: 2005-07-15 16:30:21
Location: Finland

Re: Design hur?

Post by walliski »

larsan wrote: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...
User avatar
larsan
Posts: 506
Joined: 2004-11-03 18:04:48
Location: Göteborg
Contact:

Re: Design hur?

Post by larsan »

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!
User avatar
walliski
Posts: 1432
Joined: 2005-07-15 16:30:21
Location: Finland

Re: Design hur?

Post by walliski »

larsan wrote: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...
User avatar
larsan
Posts: 506
Joined: 2004-11-03 18:04:48
Location: Göteborg
Contact:

Re: Design hur?

Post by larsan »

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
Posts: 18
Joined: 2010-09-27 9:23:34

Re: Design hur?

Post by amaz00n »

larsan wrote: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
User avatar
larsan
Posts: 506
Joined: 2004-11-03 18:04:48
Location: Göteborg
Contact:

Re: Design hur?

Post by larsan »

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!
Post Reply