/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Scroll på siden. Hvordan?
Fra : Jesper Poulsen


Dato : 25-08-05 13:33

Hej.
Jeg skal ha' tilført en scroll funktion til min tagwall side.
Her er den:

http://p0ulsen.frac.dk/guestbook.php

.. som Du kan se, hvis du trykker ^, vil Du opdage at teksten
rykker ud af billedet i bunden! Det går jo ikke an, så skal ha'
lavet en scrollfunktion. Hvordan laver jeg denne ?

Mvh Jesper Poulsen
http://p0ulsen.frac.dk

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

 
 
Erik Ginnerskov (25-08-2005)
Kommentar
Fra : Erik Ginnerskov


Dato : 25-08-05 16:32

Jesper Poulsen wrote:

> . som Du kan se, hvis du trykker ^, vil Du opdage at teksten
> rykker ud af billedet i bunden!

Det kan jeg ikke se.

Men jeg kan se, at hvis browseren er åbnet i 800×600px, rykker din side
170px mod højre i vinduet og udløser en vandret scrollbar, selv om siden
ikke er bredere end at den kan være indenfor rammerne. Du skal bare rette de
to første blokke i din css til dette, så bliver siden centreret, uanset
bredden på browservinduet:

body{
margin-top:15px;
margin-bottom: 200px;
background-color: #3E474B;
background-attachment: scroll;
background-position: 0% 0%;
color:#C5C9CB;

}

#center {
padding-top: 120px;
font-family: verdana, times new roman, sans-serif;
font-weight: bold;
font-size: 13px;
height:800px;
width:760px;
margin:auto;
background-color: #666F74;
}

Jeg kan også se, at du stadig reklamerer med valid html og css, selv om det
ikke er tilfældet:

http://validator.w3.org/check?verbose=1&uri=http%3A//p0ulsen.frac.dk/guestbook.php

http://jigsaw.w3.org/css-validator/validator?profile=css2&warning=2&uri=http%3A//p0ulsen.frac.dk/guestbook.php

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://ginnerskov.dk
http://html-faq.dk/



Jesper Poulsen (25-08-2005)
Kommentar
Fra : Jesper Poulsen


Dato : 25-08-05 18:26

> Det kan jeg ikke se.

Jo, med Mozilla.

> Men jeg kan se, at hvis browseren er åbnet i 800×600px, rykker din side
> 170px mod højre i vinduet og udløser en vandret scrollbar, selv om siden
> ikke er bredere end at den kan være indenfor rammerne. Du skal bare rette de
> to første blokke i din css til dette, så bliver siden centreret, uanset
> bredden på browservinduet:
>
> body{
> margin-top:15px;
> margin-bottom: 200px;
> background-color: #3E474B;
> background-attachment: scroll;
> background-position: 0% 0%;
> color:#C5C9CB;
>
> }
>
> #center {
> padding-top: 120px;
> font-family: verdana, times new roman, sans-serif;
> font-weight: bold;
> font-size: 13px;
> height:800px;
> width:760px;
> margin:auto;
> background-color: #666F74;
> }

Okay. Vil jeg da prøve. Tak.

> Jeg kan også se, at du stadig reklamerer med valid html og css, selv om det
> ikke er tilfældet:
>
> http://validator.w3.org/check?verbose=1&uri=http%3A//p0ulsen.frac.dk/guestbook.php
>
> http://jigsaw.w3.org/css-validator/validator?profile=css2&warning=2&uri=http%3A//p0ulsen.frac.dk/guestbook.php

Nej, eller jo men det er fordi jeg har lavet en masse om på siden. Så har bare ikke fået den testet ordentligt
igennem endnu. Det kommer!

Mvh Jesper Poulsen
http://p0ulsen.frac.dk

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Jesper Poulsen (25-08-2005)
Kommentar
Fra : Jesper Poulsen


Dato : 25-08-05 20:10

> Det kan jeg ikke se.
>
> Men jeg kan se, at hvis browseren er åbnet i 800×600px, rykker din side
> 170px mod højre i vinduet og udløser en vandret scrollbar, selv om siden
> ikke er bredere end at den kan være indenfor rammerne. Du skal bare rette de
> to første blokke i din css til dette, så bliver siden centreret, uanset
> bredden på browservinduet:
Okay, det er rettet nu skulle jeg mene. Eller jeg har smidt det du skrev ind. Og så ser vi :)

Mvh Jesper Poulsen
http://p0ulsen.frac.dk

PS.

Det var egenligt slet ikke det mit spørgsmål gik ud på. Jeg skal ha' hjælp til at lave nogle scroll bjælker, der
skal være lodrette. Kan du hjælpe med det ?


--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Frank (25-08-2005)
Kommentar
Fra : Frank


Dato : 25-08-05 23:01


<snip>
>
> Det var egenligt slet ikke det mit spørgsmål gik ud på. Jeg skal ha' hjælp til at lave nogle scroll bjælker, der
> skal være lodrette. Kan du hjælpe med det ?
>
>

Prøv noget i denne stil:

#nyhed2 {
background: #3E474B;
text-align: left;
font-size: 11px;
height: 700px; /* eller whatever! */
overflow: auto;
}

Brug ellers "Web Developer" (en extension til Firefox) til at lege i real-time
med din CSS...
(http://chrispederick.com/work/firefox/webdeveloper/)

/frank

Erik Ginnerskov (26-08-2005)
Kommentar
Fra : Erik Ginnerskov


Dato : 26-08-05 15:21

Jesper Poulsen wrote:

>> Det kan jeg ikke se.
>
> Jo, med Mozilla.

Jeg ser siden i Firefox. Den burde visen præcis som Mozilla gør - det er
samme 'motor'. Jeg ser ikke nogen reaktion på at trykke ^ nogen steder.

> Nej, eller jo men det er fordi jeg har lavet en masse om på siden. Så
> har bare ikke fået den testet ordentligt igennem endnu. Det kommer!

Så bør man indtil videre pille de to mærkater af siden. Det kan du gøre ved
at putte kommentar-markeringer rundt om. Så er koden klar til genbrug, når
siden er valid:

<!-- <div id="html3"><img src="http://www.w3.org/Icons/valid-html401"
alt="Valid HTML 4.01 Strict" height="31" width="88">
<img style="border:0;width:88px;height:31px"
src="http://jigsaw.w3.org/css-validator/images/vcss" alt="Valid
CSS!"></div> -->

> Okay, det er rettet nu skulle jeg mene. Eller jeg har smidt det du
> skrev ind.

Ja, nu er din side fint centreret i browservinduet, uanset bredden på dette.

> Det var egenligt slet ikke det mit spørgsmål gik ud på. Jeg skal ha'
> hjælp til at lave nogle scroll bjælker, der skal være lodrette. Kan
> du hjælpe med det ?

Hvis du mener scroll på stakken af indlæg på din tagwall, skal du lægge hele
din tabel med tagwall'en ind i en <div>, som du sætter en højde på og giver
overflow:auto.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://ginnerskov.dk
http://html-faq.dk/



Søg
Reklame
Statistik
Spørgsmål : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408847
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste