Forum Mjukvara Programmering och digitalt skapande Tråd Inlägg

få hela sidan centrerad? (html)

1
Skriv svar
Permalänk
Medlem
●

få hela sidan centrerad? (html)

Hallå. jag håller på med en sida nu men hur gör jag så att hela sidan ligger centrerat hela tiden? antar att man inte kan göra den med vanliga frames då eller? använder dreamweaver att hantera html med.
Kanske låter som ett simpelt problem, men inte för mig. Tack för hjälpen.

//kristoffer

Visa signatur

MVH

Redigera
Citera flera Citera
Permalänk
Medlem
●

Du kan använda CSS.

Skapa en ny fil och döp den till style.css . I den filen lägger du in koden

#Wrapper {
margin: 0 auto;
}

I ditt html-dokument lägger du till koden <link href="style.css" rel="stylesheet" type="text/css" /> mellan <header> och </header>. Under <body> lägger du till <div id="wrapper"> och häremellan skriver du allt som ska finnas på sidan och avslutar med </div> precis innan </body>.

Visa signatur

xintron
I had a life, then my pokémon died

Redigera
Citera flera Citera
Permalänk
Medlem
●

men sen om man har en länk där man tillexempel ska gå till 'bilder' lär man göra en helt ny 'bilder.html' som också är centrerad då eller? för när jag länkar en knapp på min hemsida nu då kan jag välja att den ska öppnas i 'mainframe' tillexempel så då uppdateras bara den "ramen" de underlättar ju ganska mycket om man sedan vill lägga till en till knapp i menyn. Då lär man ju uppdatera alla *.html man har och lägga till den. Hoppas de finns en lösning på detta och hoppas ni förstår vad jag menar, ganska svårt att förklara! //kristoffer

Visa signatur

MVH

Redigera
Citera flera Citera
Permalänk
Medlem
●

Använder du Frames?

Är det bara innehållet i mainframe eller hela sidan som skall centreras? Ifall det är så att endast mainframe skall centreras (vilket jag fattat det som), måste css:en finnas i varje fil du länkar till mainframe.
Annars så behövs bara css:en länkas in i huvuddokumentet som innehåller ditt framework (om hela sidan skall centreras)

Tips 1: använd XHTML/CSS och <div> - tags för att bygga layout iställe
Tips 2: Ladda upp din kod så är det lättare att hjälpa!

Visa signatur

Windows XP Pro SP2 x32 | Ubuntu x64 | Firefox | Adobe Photoshop CS2 | Eclipse | Starcraft Broodwar
(X)HTML | CSS | XML | PHP | Java | C++ | vim script |
Daniel Örn, Eagleorn | Google is my friend, and he will be Yours to if You ask him »

Redigera
Citera flera Citera
Permalänk
Medlem
●

Jag vill att hela sidan ska centreras och vad är Xhtml? och <div> - tags kan jag inte inte bara hört talas om :/

Eller om vi säger såhär: Kan jag göra sidan i dreamweaver och html och med frames och få den centrerad?

Eller finns de ett bättre sätt i dreamweaver att göra de på? jag kan inte php eller asp...

Senast redigerat
Visa signatur

MVH

Redigera
Citera flera Citera
Permalänk
Medlem
●
Citat:

Ursprungligen inskrivet av Xintron
I ditt html-dokument lägger du till koden <link href="style.css" rel="stylesheet" type="text/css" /> mellan <header> och </header>. Under <body> lägger du till <div id="wrapper"> och häremellan skriver du allt som ska finnas på sidan och avslutar med </div> precis innan </body>.

OT: Har de gjort en ny tag som heter <header>

OnT: Läs om Iframes på webdesignskolan www.webdesignskolan.com

Visa signatur

-Jag har visst vart ute idag.
-Vart då?
-Ne, jag öppnade fönstret förut... www.iampear.com Hakona Matata!

Redigera
Citera flera Citera
Permalänk
Medlem
●
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>

<frameset rows="543*" cols="*,463,*" >
   <frame src="UntitledFrame-11.html">
    <frameset rows="*" cols="*">
	  <!-- Placera dina frames här !-->
     </frameset>
     <frame src="UntitledFrame-8.html"/>
</frameset>
<noframes></noframes>

<body>
</body>
</html>

Detta centrerar hela ditt framework.
Den första frameset taggen innehåller tre kolumner (de två yttersta delar på restrerande utrymme, den mittersta är fixerad. I den mittersta kolumnen placerar du ditt befintliga framework.

Detta gör sidan centrerad

Kör du design-läge i DW så kan du alltid testa o göra sidan i lager (och därmed också css) ,,, Det är nog enklare och framförallt modernare!

Lycka till

Visa signatur

Windows XP Pro SP2 x32 | Ubuntu x64 | Firefox | Adobe Photoshop CS2 | Eclipse | Starcraft Broodwar
(X)HTML | CSS | XML | PHP | Java | C++ | vim script |
Daniel Örn, Eagleorn | Google is my friend, and he will be Yours to if You ask him »

Redigera
Citera flera Citera
Permalänk
Medlem
●

Eagleorn förstår inte riktigt vad du menar men sådhär ser min kod ut för index.html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>

<frameset rows="164,*" cols="*" framespacing="2" frameborder="no" border="2" bordercolor="#FFFFFF">
<frame src="logoframe.html" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" />
<frame src="mainframe.html" name="mainFrame" id="mainFrame" title="mainFrame" />
</frameset>
<noframes></noframes>

<body>
</body>
</html>

vad ska jag ändra för att den ska bli centrerad? förstog inte riktigt men tack för all din hjälp iaf!

Senast redigerat
Visa signatur

MVH

Redigera
Citera flera Citera
Permalänk
Medlem
●

Kanske lite fult detta då... 

<center>
<frameset rows="164,*" cols="*" framespacing="2" frameborder="no" border="2" bordercolor="#FFFFFF">
<frame src="logoframe.html" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" />
<frame src="mainframe.html" name="mainFrame" id="mainFrame" title="mainFrame" />
</frameset>
<noframes></noframes>
</center>

dvs.. om framesen har en specificerad bredd...

Visa signatur

C#/MonoGame Fanatiker.
Pixel Artist & Game Developer

Redigera
Citera flera Citera
Permalänk
Medlem
●

AJL, va?!

Visa signatur

MVH

Redigera
Citera flera Citera
Permalänk
Medlem
●
Citat:

Ursprungligen inskrivet av kozmoz
Eagleorn förstår inte riktigt vad du menar men sådhär ser min kod ut för index.html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>

<frameset rows="164,*" cols="*" framespacing="2" frameborder="no" border="2" bordercolor="#FFFFFF">
<frame src="logoframe.html" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" />
<frame src="mainframe.html" name="mainFrame" id="mainFrame" title="mainFrame" />
</frameset>
<noframes></noframes>

<body>
</body>
</html>

vad ska jag ändra för att den ska bli centrerad? förstog inte riktigt men tack för all din hjälp iaf!

Jag tror att Eagleorn menar att du ska skriva:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Frames</title>

</head>

<body>

<frameset rows="543*" cols="*,463,*" >
	<frame src="empty.html" />
	<frameset rows="164,*" cols="*" framespacing="2" frameborder="no" border="2" bordercolor="#FFFFFF">
		<frame src="logoframe.html" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" />
		<frame src="mainframe.html" name="mainFrame" id="mainFrame" title="mainFrame" />
	</frameset>
	<frame src="empty.html" />
</frameset>
<noframes></noframes>

</body>

</html>

Den där koden borde du kunna använda om du gör en tom sida och döper den till empty.html. Hoppas att jag gjorde det lite klarare nu. Jag hoppas också att jag gjorde rätt - ungefär fyra år sedan jag höll på med frames.

Senast redigerat
Redigera
Citera flera Citera
Permalänk
Medlem
●
Citat:

Ursprungligen inskrivet av viek
Jag tror att Eagleorn menar att du ska skriva:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Frames</title>

</head>

<body>

<frameset rows="543*" cols="*,463,*" >
	<frame src="empty.html" />
	<frameset rows="164,*" cols="*" framespacing="2" frameborder="no" border="2" bordercolor="#FFFFFF">
		<frame src="logoframe.html" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" />
		<frame src="mainframe.html" name="mainFrame" id="mainFrame" title="mainFrame" />
	</frameset>
	<noframes></noframes>
	<frame src="empty.html" />
</frameset>
<noframes></noframes>

</body>

</html>

Den där koden borde du kunna använda om du gör en tom sida och döper den till empty.html. Hoppas att jag gjorde det lite klarare nu. Jag hoppas också att jag gjorde rätt - ungefär fyra år sedan jag höll på med frames.

Precis så menade jag ,, men du har fått med ett par noframes innanför frameset taggarna ,,,
Ta bort dom.

Håller med viek ,,, det var ett tag sedan man höll på med frames

Visa signatur

Windows XP Pro SP2 x32 | Ubuntu x64 | Firefox | Adobe Photoshop CS2 | Eclipse | Starcraft Broodwar
(X)HTML | CSS | XML | PHP | Java | C++ | vim script |
Daniel Örn, Eagleorn | Google is my friend, and he will be Yours to if You ask him »

Redigera
Citera flera Citera
Permalänk
Medlem
●
Citat:

Ursprungligen inskrivet av Eagleorn
Precis så menade jag ,, men du har fått med ett par noframes innanför frameset taggarna ,,,
Ta bort dom.

Håller med viek ,,, det var ett tag sedan man höll på med frames

Sådär, nu har jag tagit bort den raden. Tack, Eagleorn.

Nu borde det väl fungera?

Redigera
Citera flera Citera
Permalänk
Medlem
●

tack för alla era tips iaf! Men jag övervägde att gå över till div/css. Har kommit en bit på vägen nu redan:)

//kristoffer

Visa signatur

MVH

Redigera
Citera flera Citera
Permalänk
Medlem
●
Citat:

Ursprungligen inskrivet av viek

Sådär, nu har jag tagit bort den raden. Tack, Eagleorn.

Nu borde det väl fungera?

Det ser ut som att det skulle fungera ja ,, har inte testat ,, men det ser ok ut

Citat:

Ursprungligen inskrivet av kozmoz
tack för alla era tips iaf! Men jag övervägde att gå över till div/css. Har kommit en bit på vägen nu redan:)

//kristoffer

Tycker jag låter som en superb idé ,,, frame är smidigt på sitt sätt ,, men när man äl får grepp om divar och css så är det oerhört kraftfullt ,, kolla in www.csszengarden.com (samma markup, olika css)

www.w3c.org är en bra resurs när du skall lära dig!

Visa signatur

Windows XP Pro SP2 x32 | Ubuntu x64 | Firefox | Adobe Photoshop CS2 | Eclipse | Starcraft Broodwar
(X)HTML | CSS | XML | PHP | Java | C++ | vim script |
Daniel Örn, Eagleorn | Google is my friend, and he will be Yours to if You ask him »

Redigera
Citera flera Citera
1
Skriv svar
Senaste nyheterna
Hårdvara
Mjukvara
Övrigt
Nytt i forumet
Datorkomponenter
System
Ljud, bild och kommunikation
Spel och mjukvara