Hjelp angående layou

[~Marlene~]

kan noen hjelpe meg!

trenger sårt hjelp. jeg laget meg layout i psp. men når jeg satte den på i dream weaver ble d mange forsjellige av den! www.home.no/vegasin/index.htm se på den linken. hvordan skal jeg få den til å bare være 1 bilde ikke 2 etter rad :mellow: ?

[olavxxx]

hei,

du har følgende CSS: (bla.a.)

body {

background-color: #66CCCC;

background-image: url(layout%20med%20nydlig.jpg);

}

Det betyr at på body, som er selve "containeren" for layout, vil du ha bildet ditt. Videre vil det tile horisontalt og vertikalt.

Det du kan gjøre, for å gjøre dette enklest mulig, er å bruke tables eller css. Der må du da definere størrelse og definere at den ikke skal tile.

feks:

<table width="700" height="550" class="innholdstabell">

<tr>

<td width="200"><!-- Din meny --></td><td width="500"><!-- Ditt innhold --></td>

</tr>

</table>

Så må du jo fikse bilde inni den, ved å lage litt css til den tabellen:

.innholdstabell {

background-color: #66CCCC;

background-image: url(layout%20med%20nydlig.jpg) repeat-none;

}

For å hindre at innhold "forstørrer" tabellen din, må du ha css eller iframes.

<div style="height: 700px; width:200px; overflow: auto;">

</div>

<div style="height: 700px; width:500px; overflow: auto;">

</div>

Så må du hive de inn i tabellen din:

<table width="700" height="550" class="innholdstabell">

<tr>

<td width="200"><!-- Din meny -->

<div style="height: 700px; width:200px; overflow: auto;">

<ul>

<li>en meny

</ul>

</div>

</td>

<td width="500"><!-- Ditt innhold -->

<div style="height: 700px; width:500px; overflow: auto;">

<h1>heisann</h1>

hvordan g&aring;r det?

</div>

</td>

</tr>

</table>

[~Marlene~]

hei,

du har følgende CSS: (bla.a.)

Det betyr at på body, som er selve "containeren" for layout, vil du ha bildet ditt. Videre vil det tile horisontalt og vertikalt.

Det du kan gjøre, for å gjøre dette enklest mulig, er å bruke tables eller css. Der må du da definere størrelse og definere at den ikke skal tile.

feks:

Så må du jo fikse bilde inni den, ved å lage litt css til den tabellen:

For å hindre at innhold "forstørrer" tabellen din, må du ha css eller iframes.

Så må du hive de inn i tabellen din:

o eh..jeg er helt GRØNN på dette allså. skal jeg kopiere det nederste du skrev olav? :mellow:

[Havana]

kan noen hjelpe meg!

trenger sårt hjelp. jeg laget meg layout i psp. men når jeg satte den på i dream weaver ble d mange forsjellige av den! www.home.no/vegasin/index.htm se på den linken. hvordan skal jeg få den til å bare være 1 bilde ikke 2 etter rad :mellow: ?

Vi kan ta én ting om gangen, så blir det litt lettere å holde oversikten

Jeg er ikke helt sikker på om jeg skjønte spørsmålet ditt. Er det sånn at du vil at bakgrunnsbildet ikke skal gjenta seg nedover siden din?

I såfall kan du se i kildekoden på siden. Der står det bl.a (forholdsvis langt oppe på siden):

body {

	background-color: #66CCCC;

	background-image: url(layout%20med%20nydlig.jpg);

}

Legg til en linje sånn at det blir slik:

body {

	background-color: #66CCCC;

	background-image: url(layout%20med%20nydlig.jpg);

	background-repeat:no-repeat;

}

Da vil bakgrunnsbildet bare komme en gang.

[~Marlene~]

:mellow:

Vi kan ta én ting om gangen, så blir det litt lettere å holde oversikten

Jeg er ikke helt sikker på om jeg skjønte spørsmålet ditt. Er det sånn at du vil at bakgrunnsbildet ikke skal gjenta seg nedover siden din?

I såfall kan du se i kildekoden på siden. Der står det bl.a (forholdsvis langt oppe på siden):

body {

	background-color: #66CCCC;

	background-image: url(layout%20med%20nydlig.jpg);

}

Legg til en linje sånn at det blir slik:

body {

	background-color: #66CCCC;

	background-image: url(layout%20med%20nydlig.jpg);

	background-repeat:no-repeat;

}

Da vil bakgrunnsbildet bare komme en gang.

unskyl..men HVOR skal jeg lime inn den koden..

jeg prøvde å lime den rett på å resultete kan du se på sia mi

[Havana]

:mellow:

unskyl..men HVOR skal jeg lime inn den koden..

jeg prøvde å lime den rett på å resultete kan du se på sia mi

Har ikke du dreamweaver?

Over området som du redigerer siden i er det tre knapper: Code - Split - Design. Klikk på Code. Da vil du få fram kildekoden til siden din.

Så leter du etter denne biten med kode:

body {

	background-color: #66CCCC;

	background-image: url(layout%20med%20nydlig.jpg);

}

Når du har funnet den, bytter du den ut med denne:

body {

	background-color: #66CCCC;

	background-image: url(layout%20med%20nydlig.jpg);

	background-repeat:no-repeat;

}

[Maria]

Takk for tipsene.. Dette hjalp jammen meg også..