Centrera en hemsida i Dreamweaver [Request]

Tillbaka till forumet


Nils-Erik 2006-12-19 15:32	Centrera en hemsida i Dreamweaver [Request] Jag har gjort en layout i 3 delar. En överdel, en mellandel och en underdel... Det jag undrar är hur jag sedan ska gå tillväga i dreamweaver för att få delarna centrerade på sidan? Och även kunna skriva text över layouten så det ser snyggt ut!? Jag testade i alla fall att göra såhär: Jag la in överdelen i dreamweaver som en vanlig bild och valde att centrera den, sedan la jag in mellandelen och underdelen i två olika skikt eftersom dem måste vara flyttbara för att jag ska kunna lägga till mer text... När jag sedan förhandsgranskade sidan så var överdelen precis som väntat centrerad oavsett hur stor webbläsaren var, men mellan- och underdelen rörde sig fram och tillbaka beroende på vilken storlek jag valde på webbläsarfönstret... Problemet är alltså att jag inte lyckas få sidan centrerad, och om jag väl lyckas med detta.. Hur får jag då "brödtexten" jag ska skriva att hålla sig över layouten och inte flytta sig precis så som jag förklarade ovan (om mellan/underdelen)? Tog upp det här i en tidigare tråd också men det kändes som det behövdes en ny tråd för att folk inte läser så noga långt ner i trådar! Tack på förhand! "Keep your friends close but your enemy closer"
Nils-Erik 2006-12-19 15:36	Jag vill alltså få mellan- och underdelen att vara centrerade men att dem ändå ska ligga i skikt eftersom de måste vara flyttbara! Observera att det gäller Dreamweaver! "Keep your friends close but your enemy closer"
Nils-Erik 2006-12-19 21:12	Kom igen, var det så dåligt förklarat? "Keep your friends close but your enemy closer"
sveningmar 2006-12-19 21:25	Nej men FUCK dreamwaver! Det är nog ingen mening att fråga om hjälp om hur du gör i programmet, för det skriver helt keffa koder som du inte har någon kontroll av alls! om du i stället öppnar sidan i tex notepad eller annan textredigerare så går det enkelt att fixa. lägg bara en div runt det du vill centrera så här: Html-kod: <div id="content"> Här placerar du all skitkod från dreamwarer, eller din egna.. </div> Css-kod: div#content { margin : auto; /Centrerar sidan i vanliga webbläsare/ text-align : center; /centrerar sidan i gamla IE versioner/ } How can hip-hop be dead when wu-tang is forever?
sveningmar 2006-12-19 21:28	du kan också behöva sätta egenskapen "text-align : left;" i dina underelement i div#content efterson de ärver egenskapen center. How can hip-hop be dead when wu-tang is forever?
Nils-Erik 2006-12-19 21:51	Min lärare i webbdesign påstår att dreamweaver är det man ska jobba i, men han verkar helt wack asså, om man frågar något så måste han gå och lära sig det själv för att sedan berätta för oss! Så just därför är jag inte särskilt hajj på handkodning och att börja med det nu vore att börja om helt från scratch.. =/ Ska se om jag kan reda ut det du skrev genom handkodning i alla fall :) tack för svaret! OM det nu ändå är någon som vet hur man löser problemet i dreamweaver så holla eftersom slutprojektet i skolan ska göras i dreamweaver så jag måste veta! "Keep your friends close but your enemy closer"
VeCn Graffare 2006-12-19 21:56	Säg åt din lärare att han ska lära er html, helst strict.
sveningmar 2006-12-19 23:21	Hemsidor bör inge göras i dreamwaver.. Min lärare höll ochså på och jiddrade om det.. därför satt jag alltid och rättade onom hela tiden när han skulle lära ut skit.. Synd att alla webbdesignlärare ska vara så inkompetenta.. Men jag kan lova att om du lägger några timmar åt att lära dig koda html/css som är jävligt lätt, så komer du spara den tiden sen i stället för att hålla på och traggla i DW.. på http://www.webdesignskolan.se/ finns en enkel kurs.. How can hip-hop be dead when wu-tang is forever?
absolut_apati P39 2006-12-19 23:32	"Ska inte göras i DW", - hört talas om en deadline?
sveningmar 2006-12-19 23:46	"Ska inte göras i DW", - hört talas om en deadline? Jag skulle hinna göra flera bra sidor på den tiden ja la ner på att försöka få en sida att fungera hyffsat i "design-läget" i DW. Och på tiden det tar att få svar från whoa skulle han hunnit lära sig html.. How can hip-hop be dead when wu-tang is forever?
absolut_apati P39 2006-12-19 23:54	DW formaterar koden som du vill, bara du som inte förstår programmet :) Om du sitter med småskitsidor och sysslar enbart med webbdesign så går det antagligen i mycket sällsynta fall snabbare med HTML om det är massvis av bilder och flash som du bara ska implementera, detta om du skriver snabbt, när det kommer till serverspråk och js som ska skrivas så är DW en IDE för detta som underlättar arbetet, dock långt ifrån den bästa IDE:n men den är mycket bättre än att sitta i vim eller notepad eller wtf du använder.
sveningmar 2006-12-20 00:30	Ja jag har aldrig lärt mig DW helt.. Men det finns säkert funktioner för att skapa strict html med validerad kod och bra och beskrivande classnamn eller där den också automatiskt tar hänsyn till användarvänlighet och tillgänglighet samt enbart skriver css i relativa mått som fungerar korrekt i alla webbläsare? I så fall har de gjort JÄVLIGT bra uppdateringar! How can hip-hop be dead when wu-tang is forever?
Nils-Erik 2006-12-20 16:26	sveningmar <div id="content"> Här placerar du all skitkod från dreamwarer, eller din egna.. </div> Det verkar funka :D Ska testa lite mer nu! Tack som fan "Keep your friends close but your enemy closer"
sveningmar 2006-12-20 23:23	Yes! inga problem.. fråga bara på om du vill ha hjälp med mer kodning.. så ska jag se om jag pallar förklara =P How can hip-hop be dead when wu-tang is forever?
Nils-Erik 2006-12-21 00:05	Jag lyckades väl lite halvt kan man väl säga: www.davidpersson.info.se Jag la upp den för att ni lättare ska kunna förstå (Gjorde layouten på 2 min bara som test så inga kommentarer)... Som ni ser så är över-,mellan- och underdelen centrerade nu i alla fall! Med hjälp av <div id="content"> grejjen.. Sen testade jag även att lägga in text (vilket kan vara en fördel att ha på en hemsida) och som ni ser så lyckades jag få den centrerad men nu är den fast på det stället? Kan inte flytta på den vart jag vill även om den ligger i ett skikt.. Eller jo jag kan flytta den och lägga den nedanför eller över ett annat skikt men inte lägga den PÅ ett skikt.. "Keep your friends close but your enemy closer"
Nils-Erik 2006-12-21 00:07	En annan sak som inte är särskilt bra är att när jag gör webbläsaren så liten att texten inte får plats så lägger den sig på två rader.. Den ska ju bara försvinna när man drar ihop webbläsaren! "Keep your friends close but your enemy closer"
sveningmar 2006-12-21 00:36	Jag förstår inte riktigt vad du menar men.. Lite andra saker som var fel är att ett ID är unikt och bara får förekomma 1 gång! Det används för att tex dela in sidan i #content, #header, #footer mm.. om de i stället ska användas för ett utseende som förekommer flera gånger använder du istället class. How can hip-hop be dead when wu-tang is forever?
Nils-Erik 2006-12-21 13:32	Har du lust att skriva upp hur hela "class" koden ska se ut då? "Keep your friends close but your enemy closer"
PlayerJoe P40 2006-12-21 13:49	jag brukade alltid centrera divvar genom att köra ställa in width som vanligt o sedan ställa in margin-left: -(width/2).. eller nåt i den stilen .. fungerade utmärkt i alla webbläsare tills nån kom på nåt smartare.. :) Din forumsignatur är rätt irriterande när man läser i trådarna du skriver i. Ändra till vanliga textrader är du snäll.
Nils-Erik 2006-12-21 14:09	<div id="Layer11"><img src="mellandel.jpg" width="729" height="403" /></div> Så ser koden ut för en utav mina divar.. hur ska jag skriva i den för att få den centrerad? PlayerJoe P20 Förstod inte riktigt vad du mena med margin left och det.. "Keep your friends close but your enemy closer"
PlayerJoe P40 2006-12-21 14:31	du ska trycka in: margin : auto; text-align : center; i css'en .. vet du inte vad det är så borde din lärare ha smisk.. ;) angående class-grejerna så skriver du: .klassnamn{ margin: auto; text-align; } i css'en, och låter din div innehålla class="klassnamn". förutsatt att koden fungerar.. Din forumsignatur är rätt irriterande när man läser i trådarna du skriver i. Ändra till vanliga textrader är du snäll.
PlayerJoe P40 2006-12-21 14:32	och angående det som jag sa innan så var det mest för att eventuellt få nån som har koll på grejerna att fnissa lite åt hur jag gjorde back in the days.. ;) Din forumsignatur är rätt irriterande när man läser i trådarna du skriver i. Ändra till vanliga textrader är du snäll.
Nils-Erik 2006-12-21 14:43	Jaha då sket det sig då.. jag vet ungefär hur css fungerar och har använt det förut men vi ska inte använda det i vårt slutprojekt :( "Keep your friends close but your enemy closer"
Nils-Erik 2006-12-21 14:45	Fast egentligen kan det ju inte göra nått att vi använder det? "Keep your friends close but your enemy closer"
PlayerJoe P40 2006-12-21 14:47	nae det tycker jag inte, det blir ju lite mer avancerat.. vilket väl knappast kan skada..? Jag menar, det finns ju ingen som helst anledning att lära sig att göra hemsidor utan att anväda css.. Finns ju ingen som inte använder css.. hoppas att det går att fatta vad jag menar.. sitter med lite feber och yrar säkert lite.. ;) Din forumsignatur är rätt irriterande när man läser i trådarna du skriver i. Ändra till vanliga textrader är du snäll.
Nils-Erik 2006-12-21 14:53	Hehe aa jag tror jag fattar! Tack för hjälpen ska testa lite nu, hoppas du kollar in i tråden ibland och ser om jag har mer frågor ;D "Keep your friends close but your enemy closer"
PlayerJoe P40 2006-12-21 14:59	jarå, det ska jag försöka att göra.. :) Din forumsignatur är rätt irriterande när man läser i trådarna du skriver i. Ändra till vanliga textrader är du snäll.
Nils-Erik 2006-12-21 15:01	Vart i css:en ska jag skriva in det här då :P margin : auto; text-align : center; "Keep your friends close but your enemy closer"
Nils-Erik 2006-12-21 15:03	Och hur gör man för att koppla ihop sidan med css:en eller vad man ska säga.. så att css:en blir aktiverad liksom!? Har glömt :'( "Keep your friends close but your enemy closer"
PlayerJoe P40 2006-12-21 15:04	var du vill.. om du skriver: .ananas{ margin : auto; text-align : center; } (notera punkten framför ananas) så anropar du den klassen genom att skriva: <div bla bla bla bla class="ananas" bla bla> bla bla </div> Din forumsignatur är rätt irriterande när man läser i trådarna du skriver i. Ändra till vanliga textrader är du snäll.
PlayerJoe P40 2006-12-21 15:05	<head> <link href="mall.css" rel="stylesheet" type="text/css"> </head> där mall.css är din css-fil, som ligger i samma katalog som dina html-filer... Din forumsignatur är rätt irriterande när man läser i trådarna du skriver i. Ändra till vanliga textrader är du snäll.
PlayerJoe P40 2006-12-21 15:07	kolla in webbdesignskolan de har rätt mkt bra kunskap om grundläggande webbdesign.. Din forumsignatur är rätt irriterande när man läser i trådarna du skriver i. Ändra till vanliga textrader är du snäll.
Nils-Erik 2006-12-21 15:12	Och eftersom min css fil heter "stylesheet" skriver jag såhär?: <head> <link href="stylesheet.css" rel="stylesheet" type="text/css"> </head> "Keep your friends close but your enemy closer"
PlayerJoe P40 2006-12-21 15:12	japp Din forumsignatur är rätt irriterande när man läser i trådarna du skriver i. Ändra till vanliga textrader är du snäll.

Tillbaka till forumet