hvordan "kutte" og midstille side?

Demantios · 14. mai 2006

mornmorn. Jeg kunne tenke meg å kuttet denne siden langs den røde streken og midstilt innholdet.

noen som et hvordan man gjør det?

bruker Macromedia Dreamweaver 8

peace2 · 14. mai 2006

mornmorn. Jeg kunne tenke meg å kuttet denne siden langs den røde streken og midstilt innholdet.

noen som et hvordan man gjør det?

bruker Macromedia Dreamweaver 8

6104229[/snapback]

sett på en div mellom <body> og </body> kall det Feks "wrapper" sett bredden på div-en med css og juster bredden slik at den kutter seg der røde streken er (du kan bruke samme bredde som på header bildet)

Hvis du skal midtstille siden skriver du inn følgende kode :

under body legger du :
   text-align: center;  

Under wrapper legger du:
   margin-left: auto;
   margin-right: auto;

Edit : retta kode

Endret 14. mai 2006 av xox

Demantios · 14. mai 2006

er ikke så into koding akkurat. skal jeg ha en <div> mellom bodyene i mainframe eller topframe eller begge? og hvordan setter jeg bredden på div? hva er div egentlig?

jeg er visst mer noob en jeg trodde :hrm:

funkweb · 14. mai 2006

Asså, skal man midtstille en side hvor man har wrapper.. så hadde ikke jeg gjort som over her.

Men at jeg f.eks:

body { text-align: center; } <-- IE

#wrapper { margin: 0 auto; } <-- Opera, Mozilla osv..

Demantios · 14. mai 2006

er det her et sted det skal settes inn?

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="200,*" cols="*" framespacing="3" frameborder="yes" border="3" bordercolor="#000000">
 <frame src="frames/top.html" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" />
 <frame src="frames/main.html" name="mainFrame" id="mainFrame" title="mainFrame" />
</frameset>
<noframes><body>
</body>
</noframes></html>

peace2 · 14. mai 2006

er ikke så into koding akkurat. skal jeg ha en <div> mellom bodyene i mainframe eller topframe eller begge? og hvordan setter jeg bredden på div? hva er div egentlig?

jeg er visst mer noob en jeg trodde

6104341[/snapback]

Nå ble jeg litt usikker på om du bruker html og css .. men slik ville løsningen være om du bruker det:

Html filen din vil se omtrent slik ut:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
 <meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
 <title>Untitled Document</title>
<frameset rows="200,*" cols="*" framespacing="3" frameborder="yes" border="3" bordercolor="#000000">
<frame src="frames/top.html" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" />
<frame src="frames/main.html" name="mainFrame" id="mainFrame" title="mainFrame" />
</frameset>

 <link media="screen" rel="stylesheet" href="(adressa til css filen din).css"
type="text/css">
</head>
<body>
<div id="wrapper">
Inhold på siden kommer her 

</div>

</body>
</html>

og css vil se slik:

 body {
   text-align: center;
   }
wrapper {
   margin-left: auto;
   margin-right: auto;
  width: 800px;  <- (dette er bredden på siden din, det justerer du selv) 
  }

Endret 14. mai 2006 av xox

Demantios · 14. mai 2006

må jeg ha en css-fil i tillegg eller misforstår jeg?

klarer du å redigere index.html-en min til å bli riktig?

beklager hvis jeg maser

peace2 · 14. mai 2006

må jeg ha en css-fil i tillegg eller misforstår jeg?

klarer du å redigere index.html-en min til å bli riktig?

beklager hvis jeg maser

6104520[/snapback]

Ja for å lage det kan du bruke Feks notepad, velg lagresom -> main.css

når den er laga , høyreklikk på det , velg rediger , og liminn koden der..

Du må nok lære deg mer om xhtml og css.. google litt

Endret 14. mai 2006 av xox

Demantios · 14. mai 2006

sånn, nå har jeg laget main.css som ser sånn her ut

body {
  text-align: center;
  }
wrapper {
  margin-left: auto;
  margin-right: auto;
 width: 700px;
 }

hvordan skal jeg få koblet den sammen med sida da?

får prøve å google litt utover natta ja

Endret 14. mai 2006 av PepsiCo

peace2 · 14. mai 2006

sånn, nå har jeg laget main.css som ser sånn her ut
body {
  text-align: center;
  }
wrapper {
  margin-left: auto;
  margin-right: auto;
 width: 700px;
 }
hvordan skal jeg få koblet den sammen med sida da?

6104658[/snapback]

nå har jeg oppdatert posten med kode på .. så det er bare å kopiere den , og skrive adressa til css filen din der det står at du skal skrive det her..

sånn, nå har jeg laget main.css som ser sånn her ut
body {
  text-align: center;
  }
wrapper {
  margin-left: auto;
  margin-right: auto;
 width: 700px;
 }
hvordan skal jeg få koblet den sammen med sida da?

6104658[/snapback]

nå har jeg oppdatert posten med kode på .. så det er bare å kopiere den , og skrive adressa til css filen din der det står at du skal skrive det her..

(lurt å ta backup av de gamle filene dine!)

Altså mellom <head> og </head> skriver du:

<link media="screen" rel="stylesheet" href="adressa til css filen din her .css"

Endret 14. mai 2006 av xox

Demantios · 14. mai 2006

blir fortsatt feil her :hrm:

sånn ser det ut nå

peace2 · 14. mai 2006

blir fortsatt feil her

sånn ser det ut nå

6104747[/snapback]

noe som ikke stemmer med koden du sendte (html koden) ,, ( ingenting mellom <body> og </body> :hmm: ?, men er usikker nå jeg , det burte ha fungert alikevel.

Sjekk at css filen din er en css fil og ikke .txt fil .. sjekk også adressa til css-en din. ( hvis css filen heter "main" og css og html fil ligger på samme mappe blir linken "main.css".

Endret 14. mai 2006 av xox

Demantios · 14. mai 2006

Lager i html-frameset så det ser sånn her ut:

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>
<link media="screen" rel="stylesheet" href="main.css"
</head>

<frameset rows="200,*" cols="*" framespacing="3" frameborder="yes" border="3" bordercolor="#000000">
 <frame src="frames/top.html" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" />
 <frame src="frames/main.html" name="mainFrame" id="mainFrame" title="mainFrame" />
</frameset>
<noframes><body>
</body>
</noframes></html>

top.html:

<!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>
<style type="text/css">
<!--
body {
background-color: #000099;
}
#Layer1 {
position:absolute;
width:700px;
height:200px;
z-index:1;
left: 0px;
top: 0px;
}
#Layer2 {
position:absolute;
width:700px;
height:50px;
z-index:2;
left: 0px;
top: 198px;
}
-->
</style></head>

<body>
<div id="Layer1"><img src="top/connexion-logo.jpg" width="700" height="200" /></div>
</body>
</html>

main.html:

<!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>
<style type="text/css">
<!--
body {
background-color: #000099;
}
-->
</style></head>

<body>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="700" height="50">
 <param name="movie" value="top/buttons.swf" />
 <param name="quality" value="high" />
 <embed src="top/buttons.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="700" height="50"></embed>
</object>
</body>
</html>

main.css fila ligger i samme mappe som index.html

det er ikke .txt fil

funkweb · 14. mai 2006

Lager i html-frameset så det ser sånn her ut:

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>
[b][color=orange]<link media="screen" rel="stylesheet" href="main.css" [/color][/b]</head>

ser du noe rart her ... du må fikse den riktig.

Demantios · 15. mai 2006

Lager i html-frameset så det ser sånn her ut:

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>
[b][color=orange]<link media="screen" rel="stylesheet" href="main.css" [/color][/b]</head>

ser du noe rart her ... du må fikse den riktig.
[right][snapback]6105204[/snapback][/right]

er det noe galt her?

[b][color=orange]<link media="screen" rel="stylesheet" href="main.css" [/color][/b]
er det ikke main.css det er når css-fila ligger i samme mappe som index.html?

peace2 · 15. mai 2006

Lager i html-frameset så det ser sånn her ut:

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>
[b][color=orange]<link media="screen" rel="stylesheet" href="main.css" [/color][/b]</head>

ser du noe rart her ... du må fikse den riktig.
[right][snapback]6105204[/snapback][/right]
Det er ikke noe rart med css lenken.. men du mener kansje litt før <!doctype vel?

peace2 · 15. mai 2006

PepsiCo:

Kjønner ikke helt hva du mener med Main.html , Top.html. og index.html jeg ...

det skal bare være to filer , en som heter main.css (for eksempel) og en som heter index.html.

Endret 15. mai 2006 av xox

Demantios · 15. mai 2006

PepsiCo:

Kjønner ikke helt hva du mener med Main.html , Top.html. og index.html jeg ...

det skal bare være to filer , en som heter main.css (for eksempel) og en som heter index.html.

6106241[/snapback]

jeg har lagd dette i html-frameset. siden er delt inn i 2 deler, top og main.

top er over den svart/hvite streken og main er under. når jeg trykker over streken får jeg koden til top.html, trykker jeg under får jeg koden til main.html, trykker jeg på streken får jeg koden til index.html

funkweb · 15. mai 2006

Er vel slik at du ikke hadde en > i den linken.

Dessuten trodde jeg at type skulle være text/css.

peace2 · 16. mai 2006

PepsiCo:

Det lønner ikke seg å bruke framesett det er no gammelt og ser ofte veldig styggt design messig + at siden din er ikke veldig utvikla nå..bruk heller php include ( husk at hosten din må støtte det), spar bildene du har der men lag ny kode der du bruker xhtml og css (mye enklere , finere osv..) , tips : bygg heller på koden min jeg sendte deg..

Jeg kan desverre ikke hjelpe deg med framsett , for jeg kan ikke det selv siden jeg ble anbefalt å ikke bruke det før., jeg bruker xhtml og css ..

hvordan "kutte" og midstille side?

Anbefalte innlegg

Lenke til kommentar

Videoannonse

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer