Trenger hjelp

KimS · 4. desember 2003

Hei...

Driver å lager en hjemmeside... Har ikke kommet til skrivingen enda, og den ligger ikke ut på nettet enda...

Men jeg skal prøve og fårklare litt.

Øverst har jeg en Logo/Banner.

Så har jeg laget en meny ved å lage en tabbell/ramme med linker inni.

Problem 1: Så ved sidenav vill jeg gjerne ha en scroll vindu der jeg kan skrive inne i.

Slik som på berg-online.tk Noen som kan hjelpe?

Problem2 (0g d største) : Når jeeg skall prøve og skrive kommer skriften under menyen og jeg vill skrive vedsidenav menyen og ikke under den... Noen som har et forslag til en meny som går loddrett nedover siden med et scroll-bar vindu der teksten inne i (fargekode: #CC3333) vill jeg gjerne ha hjelp til dette....

Sier takk alerede

Endret 4. desember 2003 av Kim Spets

$k$ · 4. desember 2003

table?

KimS · 4. desember 2003

Ja...

FuLu · 4. desember 2003

hvis vi tenker oss at siden ser slik ut:

Banner på toppen

----------------------------------

meny | innhold med scrollbar

Så må du ha f.eks:

<div id="banner">banner</div>
<table id="tabell">
<tr>
<td id="meny">meny</td>
<td id="innhold">innhold</td>
</tr>
</table>

id= opplegget er tilbruk for css f.eks.

Så css koden for at innhold skal scrolle, så kan du ha:

#innhold {
overflow: auto;
width: 600px;
height: 600px;
}

Mulig jeg har glemt noe, men.. var bare for å forklare litt, koden kan sikkert se annerledes ut for ditt formål.

zZzZz · 4. desember 2003

<div id="banner">banner</div>
<table id="tabell">
<tr>
<td id="meny">meny</td>
<td id="innhold">innhold</td>
</tr>
</table>
id= opplegget er tilbruk for css f.eks.

Så css koden for at innhold skal scrolle, så kan du ha:
#innhold {
  overflow: auto;
  width: 600px;
  height: 600px;
}

Mulig at jeg husker feil nå, men ID-sakene er vel for tall, mens CLASS er for bokstaver.

<div class="banner">banner</div>
<table class="tabell">
<tr>
<td class="meny">meny</td>
<td class="innhold">innhold</td>
</tr>
</table>

og

.innhold {
overflow: auto;
width: 600px;
height: 600px;
}

Eller

<div id="1">banner</div>
<table id="2">
<tr>
<td id="3">meny</td>
<td id="4">innhold</td>
</tr>
</table>

og

#4 {
  overflow: auto;
  width: 600px;
  height: 600px;
}

Endret 4. desember 2003 av zZzZz

FuLu · 4. desember 2003

Hmm, nei, id funker bra med tekst det, er kanskje verre å bruke samme id en annen plass, det er der class kommer inn

http://www.w3.org/TR/html401/struct/global.html#adef-id

Endret 4. desember 2003 av FuLu

zZzZz · 5. desember 2003

daså

EDIT: Forresten, jeg får ikke til den overflow-greia. Har også prøvd med overflow: scroll, men det vil seg ikke.

<html>
<head>
<title>Prøve</title>
<style type="text/css">
#innhold {
overflow: auto;
width: 600px;
height: 500px;
background: #ad0000;
}
</style>
</head>
<body>
<div id="banner">banner</div>
<table id="tabell">
<tr>
<td id="meny">meny</td>
<td id="innhold"> innhold innhold innhold innhold innhold innhold innhold <br>
innhold innhold innhold innhold innhold innhold innhold <br>
innhold innhold innhold innhold innhold innhold innhold <br>
innhold innhold innhold innhold innhold innhold innhold <br>
innhold innhold innhold innhold innhold innhold innhold <br>
innhold innhold innhold innhold innhold innhold innhold <br>
innhold innhold innhold innhold innhold innhold innhold <br>
innhold innhold innhold innhold innhold innhold innhold <br>
innhold innhold innhold innhold innhold innhold innhold <br>
innhold innhold innhold innhold innhold innhold innhold <br>
innhold innhold innhold innhold innhold innhold innhold <br>
innhold innhold innhold innhold innhold innhold innhold <br>
innhold innhold innhold innhold innhold innhold innhold <br>
innhold innhold innhold innhold innhold innhold innhold <br>
innhold innhold innhold innhold innhold innhold innhold <br>
innhold innhold innhold innhold innhold innhold innhold <br>
innhold innhold innhold innhold innhold innhold innhold <br>
innhold innhold innhold innhold innhold innhold innhold <br>
innhold innhold innhold innhold innhold innhold innhold <br>
innhold innhold innhold innhold innhold innhold innhold <br>
innhold innhold innhold innhold innhold innhold innhold <br>
innhold innhold innhold innhold innhold innhold innhold <br>
innhold innhold innhold innhold innhold innhold innhold <br>
innhold innhold innhold innhold innhold innhold innhold <br>
innhold innhold innhold innhold innhold innhold innhold <br>
innhold innhold innhold innhold innhold innhold innhold <br>
innhold innhold innhold innhold innhold innhold innhold <br>
innhold innhold innhold innhold innhold innhold innhold <br>
innhold innhold innhold innhold innhold innhold innhold <br>
innhold innhold innhold innhold innhold innhold innhold <br>
innhold innhold innhold innhold innhold innhold innhold <br>
innhold innhold innhold innhold innhold innhold innhold <br>
innhold innhold innhold innhold innhold innhold innhold <br>
innhold innhold innhold innhold innhold innhold innhold <br>
innhold innhold innhold innhold innhold innhold innhold <br>
innhold innhold innhold innhold innhold innhold innhold <br>
innhold innhold innhold innhold innhold innhold innhold <br>
innhold innhold innhold innhold innhold innhold innhold <br>
innhold innhold innhold innhold innhold innhold innhold <br>
innhold innhold innhold innhold innhold innhold innhold <br>
innhold innhold innhold innhold innhold innhold innhold <br>
innhold innhold innhold innhold innhold innhold innhold <br>
innhold innhold innhold innhold innhold innhold innhold <br>
innhold innhold innhold innhold innhold innhold innhold <br> </td>
</tr>
</table>
</body>
</html>

Endret 5. desember 2003 av zZzZz

haugsand · 5. desember 2003

Bruk <div> og overflow: scroll;

FuLu · 5. desember 2003

Edit: var litt sent ute med å svare ja, satyrium kom i forkjøpet

Hmm, sjekket det med TD. Virker ikke som height egenskapen hadde noe effekt her.

Så jeg måtte putte inn et DIV element inni TD'en.

Her er kode på det jeg testet:

<html>
<head>
<title>Overflow test</title>
<style type="text/css">
#tabell {
border: 1px solid red;
}
#innhold {
width: 200px;
height: 100px;
border: 1px solid green;
padding: 1em;
overflow: auto;
}
</style>
</head>
<body>
<table id="tabell">
<tr>
<td><div id="innhold">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 
Pellentesque tincidunt, purus quis tempus lobortis, ante orci rhoncus urna, sed auctor leo urna id metus. Mauris ut lectus quis tortor convallis porttitor. Aenean dui ante, tristique ut, vestibulum id, congue sit amet, nisl. Duis leo. Quisque non ante vel nulla sodales fermentum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus nulla massa, eleifend sit amet, adipiscing vitae, faucibus nec, lectus. Curabitur tincidunt luctus lacus. Sed porta. Suspendisse nibh sapien, suscipit non, accumsan in, aliquet eu, dui. Ut laoreet ullamcorper odio. Sed vestibulum dolor vel metus. Phasellus bibendum erat eget turpis.
<p>
Vestibulum ut nibh at massa volutpat blandit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce pede. In in justo. In cursus velit nec dui. Phasellus porta arcu sodales orci. Aenean pharetra. Curabitur auctor risus eget ipsum. Aliquam tortor est, imperdiet at, condimentum nec, dignissim id, risus. Sed ac lacus ac dolor facilisis varius. Phasellus non ante nec dui facilisis ultricies.
</p>
<p>
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum lobortis congue mi. Suspendisse potenti. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Donec a pede. Donec id justo. Donec ut leo. Ut massa arcu, sodales vel, lacinia non, elementum eu, tortor. Suspendisse sed pede. Phasellus facilisis urna lobortis turpis. Integer auctor mi at arcu. Suspendisse pharetra tincidunt orci. Maecenas leo metus, scelerisque at, ultricies eget, pellentesque sit amet, purus. In pulvinar, odio nec dictum fringilla, lacus nisl accumsan dolor, quis pellentesque ipsum sapien eu dui. Aenean faucibus tempor enim. Duis sapien. Donec lectus urna, lobortis porttitor, vehicula vitae, ultrices at, elit. Curabitur augue nunc, posuere vel, bibendum eget, convallis a, augue. Nulla adipiscing viverra sem. In hac habitasse platea dictumst.
</p>
<p>
Donec tincidunt tempor lorem. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Phasellus non augue. In eu tortor. Sed turpis nibh, facilisis a, laoreet quis, ultrices ac, mauris. Curabitur varius adipiscing augue. Aenean malesuada, ipsum nec porta blandit, mauris orci vehicula wisi, at pulvinar elit mauris sit amet odio. Maecenas enim. Suspendisse potenti. Nulla vitae neque. Integer lobortis orci nec nulla sollicitudin tristique. Quisque quis felis ut lacus molestie adipiscing. Phasellus ultricies, diam sit amet pulvinar mattis, nunc turpis malesuada est, in venenatis wisi nisl a massa. Aenean lorem velit, mattis at, mollis sed, sollicitudin vel, magna. Maecenas et arcu eu arcu egestas mollis. Integer vel enim nec leo pharetra vestibulum. In eu neque. Proin iaculis convallis orci. Aenean aliquet dui sit amet nibh.
</p>
<p>
Sed pellentesque adipiscing sem. Nam tortor velit, suscipit non, ultricies in, convallis sed, dui. Fusce porttitor euismod orci. Curabitur pellentesque. Ut laoreet dapibus augue. Fusce dolor tellus, tristique non, tempus vel, accumsan nec, tortor. Nulla risus. Nulla venenatis. Integer ante. Quisque id nisl non sapien commodo gravida. Morbi ultricies ante luctus mi. Suspendisse pellentesque, leo sit amet congue eleifend, odio leo aliquet ipsum, vitae pretium orci dui id wisi. Phasellus felis erat, tempor et, malesuada et, blandit ac, enim.
</p>
</div>
</td>
</tr>
</table>
</body>
</html>

Endret 5. desember 2003 av FuLu

0b4b · 6. desember 2003

iframe da?

zZzZz · 6. desember 2003

iframe da?

Blir ikke helt det samma.. Det er bl.a. ikke alle browsere som har støtte for frames, og såvidt jeg vet, så går det ikke an å ha transparent bakgrunn i en iframe, dvs. at hvis jeg har et bakgrunnsbilde på ei webside, så går det bra hvis jeg bruker tabeller, men iframe er jo tross alt et annet html-dokument, på en måte, og har sin bakgrunn..

zZzZz · 6. desember 2003

Joda, det med div funka phett...

Takker og bukker..

Logg inn

Trenger hjelp

Anbefalte innlegg

KimS

Lenke til kommentar

Videoannonse

$k$

Lenke til kommentar

KimS

Lenke til kommentar

FuLu

Lenke til kommentar

zZzZz

Lenke til kommentar

FuLu

Lenke til kommentar

zZzZz

Lenke til kommentar

haugsand

Lenke til kommentar

FuLu

Lenke til kommentar

0b4b

Lenke til kommentar

zZzZz

Lenke til kommentar

zZzZz

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Populær nå

Marius Borg Høiby og vold 1 2 3 4 61

Hvem er aktive 0 medlemmer