Avatar billede christian- Nybegynder
18. juni 2004 - 14:56 Der er 43 kommentarer og
1 løsning

y-repeat virker ikke

Hej eksperter, jeg sidder med en, sikkert ganske simpel, ting som ikke formår at virke for mig.

Jeg ønsker at lave en celle, som ligger under en menu i siden, hvor denne celle så har en højde afhængig af brugerens opløsning, så den går ned i bunden af siden.

http://silenceart.dk/hosted/akanell/

Her kan det ses, at under menuen, ligger en td, hvis højde, er den samme som text-size. Jeg vil gerne have denne td til at strække sig helt ned i bunden af siden.

Koden til den enkelte celle ser således ud:
<td class="menuspacer">&nbsp;</td>

Og menuspacer således:
.menuspacer {
    background-image: url(../images/left_border.gif);
    background-repeat: repeat-y;
    height: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    top: 0px;
    bottom: 0px;
}

Jeg ønsker ikke at give en højde i pixel, da dette jo er afgørende af brugerens opløsning.

Ønsker ikke at benytte frames!

På forhånd tak,
Christian
Avatar billede gil-galad Nybegynder
18. juni 2004 - 15:00 #1
html,body{
height: 100%;
margin: 0px;
padding: 0px;
}
prøv at sætte denne ind i dit stylesheet
Avatar billede gil-galad Nybegynder
18. juni 2004 - 15:03 #2
og skriv sådan her:

.menuspacer {
    background-image: url(../images/left_border.gif);
    height: 100%;
    width: 143px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    top: 0px;
    bottom: 0px;
}
Avatar billede christian- Nybegynder
18. juni 2004 - 15:03 #3
Gav desværre ingen resultat, td'en vil stadig have den samme højde som text-size. Er der en måde at fortælle at den ikke skal tilpasse sig denne? Måske har højden 100% noget at gøre med at den tager 100% af den allerede optaget højde (inden i cellen, og altså ikke af selve sidehøjden) ?
Avatar billede christian- Nybegynder
18. juni 2004 - 15:06 #4
Hvis det kan hjælpe, har jeg lavet en ligeledes operation, dog bare med x-repeat, i den øverste del af siden. Denne virker fint.

Her ser stylesheet således ud:

.topspacer {
    background-image: url(../images/space.gif);
    background-repeat: repeat-x;
}

og med en bredde på 100%.

Det skal siges, at jeg også har prøvet denne, men tilføjede det andet da dette ikke virkede.
Avatar billede gil-galad Nybegynder
18. juni 2004 - 15:10 #5
har du sat denne ind?

html,body{
height: 100%;
margin: 0px;
padding: 0px;
}
Avatar billede christian- Nybegynder
18. juni 2004 - 15:12 #6
Ja, uden resultat
Avatar billede gil-galad Nybegynder
18. juni 2004 - 15:13 #7
det virker hos migm, hvis du ændrer dit <table> tag de befinder sig lige under <body> fra:    <table width="100%" border="0" cellpadding="0" cellspacing="0" class="site_table">

til:    <table width="100%" border="0" cellpadding="0" cellspacing="0" class="site_table" style="height:100%;">

du kan jo så sætte height: 100%;  ind i dt stylesheet under .site_table
Avatar billede christian- Nybegynder
18. juni 2004 - 15:16 #8
Ja, det gav en forskel. Men den blev lidt længere end forventet, kan det være fordi den i alt har "200%" ?

.site_table {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    margin: 0px;
    padding: 0px;
}

Sådan ser mit sitetable ud, og det er altså tabellen for den overordnet side.
Avatar billede gil-galad Nybegynder
18. juni 2004 - 15:21 #9
ohoo, det er fordi det virker i mozilla jeg troede det virkede... hmmm
Avatar billede christian- Nybegynder
18. juni 2004 - 15:22 #10
Ja, det virker også i mit firefox.. Men da jeg testede med IE blev den underligt nok dobbelt så lang
Avatar billede gil-galad Nybegynder
18. juni 2004 - 15:26 #11
http://spiff.users.whitehat.dk/123.jpg ...

Men har en anden idé:
slet menuspacer båda i css og html. Slet html,body{height:100%;margin:0px;padding:px;} og så sæt dette ind i dit stylesheet:

body{
background-image: url("../images/left_border.gif");
background-repeat: repeat-y;
}
}
Avatar billede gil-galad Nybegynder
18. juni 2004 - 15:26 #12
body{
background-image: url("../images/left_border.gif");
background-repeat: repeat-y;
}
Avatar billede gil-galad Nybegynder
18. juni 2004 - 15:28 #13
og hvis den ikke kommer helt ude i siden, så ændrer den til:
body{
background-image: url("../images/left_border.gif");
background-repeat: repeat-y;
background-position: top left;
}
Avatar billede christian- Nybegynder
18. juni 2004 - 15:37 #14
Nu har nogle af tingene forskubbet sig.
Avatar billede christian- Nybegynder
18. juni 2004 - 15:39 #15
body {
        background-image: url("../images/left_border.gif");
        background-repeat: repeat-y;
        background-position: top left;
        margin-left: 0px;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        height: 100%;
        margin: 0px;
        padding: 0px;
}
Avatar billede gil-galad Nybegynder
18. juni 2004 - 15:44 #16
fjern denne:
          <tr>
                    <td>Her!</td>
          </tr>
og fjern style="height:100%;"  fra dit table tag
Avatar billede gil-galad Nybegynder
18. juni 2004 - 15:45 #17
eller hvis det ikke virker, så prøv at sætte dette ind i dit table tag: style="height:1%;"
Avatar billede gil-galad Nybegynder
18. juni 2004 - 15:46 #18
ser du har fået det til at virke, med at placere dit logo med css :-)
Avatar billede christian- Nybegynder
18. juni 2004 - 15:47 #19
Yeps.. Lækkert!

Du må lige forklare mig hvordan jeg afgiver points.

En anden detajle jeg godt kunne tænke mig at vise, er hvis jeg sætter selve "nyheds-td'en" - altså den til højre for menuen til en større højde, altså så den går neden under menuen.

Se hvad der sker.
Avatar billede gil-galad Nybegynder
18. juni 2004 - 15:48 #20
du kan kun give points hvis jeg har smidt et svar.
Avatar billede gil-galad Nybegynder
18. juni 2004 - 15:49 #21
hmmm der er et eller andet galt med logoet igen?
Avatar billede christian- Nybegynder
18. juni 2004 - 15:49 #22
koden ligger i

http://silenceart.dk/hosted/akanell/include/forside.php

Du kan se jeg har tilføjet nogle <br> tags så denne ramme bliver større, og når den når ned under menuen, så sker der forandringer. Er villig til at afgive flere points hvis det er.
Avatar billede gil-galad Nybegynder
18. juni 2004 - 16:04 #23
fik det til at virke: http://spiff.users.whitehat.dk/akanell.htm

rettede en masse fejl, så det er nok smartest hvis du tager kilden fra mit eksempel...(stierne på billederne er ændrede) og jeg rettede ikke noget i dit css
Avatar billede gil-galad Nybegynder
18. juni 2004 - 16:05 #24
men jeg tror det vil virke hvis du retter linien:
<td><img id="top_border" height="52" width="143" name="top_border" src="Akanell_files/top_border.gif"></td>

til:
<td valign="top"><img id="top_border" height="52" width="143" name="top_border" src="Akanell_files/top_border.gif"></td>
Avatar billede christian- Nybegynder
18. juni 2004 - 16:09 #25
Der er stadig et ordentlig mellemrum mellem menen og topborder billedet.
Avatar billede christian- Nybegynder
18. juni 2004 - 16:10 #26
Prøver at kigge i kilden.. Tak.
Avatar billede gil-galad Nybegynder
18. juni 2004 - 16:11 #27
er der?  Det kan jeg ikke se??  (kigger her: http://silenceart.dk/hosted/akanell/ )
Avatar billede gil-galad Nybegynder
18. juni 2004 - 16:13 #28
Avatar billede christian- Nybegynder
18. juni 2004 - 16:13 #29
Hvis jeg fjerner baggrundsbilledet kan du bedre se det.
Avatar billede gil-galad Nybegynder
18. juni 2004 - 16:15 #30
er det menuen du vil have længere op?
Avatar billede christian- Nybegynder
18. juni 2004 - 16:16 #31
Ja, den skal lægge sig opad top_border. Skal dette bare gøres ved margin-top: 0px;?
Avatar billede gil-galad Nybegynder
18. juni 2004 - 16:53 #32
ENDELIG!!! http://spiff.users.whitehat.dk/akanell.htm

fik det til at virke efter 40 minutters kontant hamren i tastaturet!
Avatar billede christian- Nybegynder
18. juni 2004 - 16:56 #33
Godt arbejde, kan se du har valgt at lave en rowspan="2", til de to rækker i main-tabellen. Tusind tak, nu må jeg se om jeg kan overføre det til min egen kode.
Avatar billede gil-galad Nybegynder
18. juni 2004 - 16:58 #34
det er fixet med baggrundsbillede i css'en:
.top_border{
    background-image: url("top_border.gif");
    background-repeat: no-repeat;
}

du skal måske også lige sætte menuen 1px højere op, så det mere ligner en cirkel...
Avatar billede christian- Nybegynder
18. juni 2004 - 17:01 #35
Jeg synes ikke jeg kan få fat i din style.css - Hvor befinder den sig?
Avatar billede gil-galad Nybegynder
18. juni 2004 - 17:03 #36
det kan man ikke altid i IE...

body {
    background-image: url("left_border.gif");
    background-repeat: repeat-y;
    background-position: top left;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    height: 100%;
    margin: 0px;
    padding: 0px;
}
.topspacer {
    background-image: url(space.gif);
    background-repeat: repeat-x;
}
.site_table {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    margin: 0px;
    padding: 0px;
}
.main_border {
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #335F86;
    border-left-color: #335F86;
}
.toplogo {
    vertical-align: top;
    margin-top: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-left: 0px;
}
.top_border{
    background-image: url("top_border.gif");
    background-repeat: no-repeat;
}

bemærk at jeg også har ændret left_border billedet da der var en fejl i det: http://spiff.users.whitehat.dk/Akanell_files/left_border.gif
Avatar billede christian- Nybegynder
18. juni 2004 - 17:08 #37
Hvad var fejlen?
Avatar billede gil-galad Nybegynder
18. juni 2004 - 17:19 #38
du har stadig nogle fejl i din kode:
1) Du må kun inkluderer stylesheets i head delen af dokumentet, og jeg kan se at du inkludrere det samme to gange, både i head, og i body. Bare fordi du inkludere indholdet via php, behøver du ikke sætte endnu et stylesheet på, da det er klienten(besøgerens) computer der genererer siden ud fra koden. ergo, slet stylesheet henvisningen i body...


2) Du kan ikke sige at en td skal være 200px bred, når du har sat table'n til at være  100px.
<table width="*******200*******">
....
<td width="*****613******" height="100%" class="main_border">


3) Når du angiver en bredde eller højde på billeder, bør du ikka bare skrive height="132" men height="132px"... det gælder også for billeder.


4) Hvorfor har du sat en name="blabla"  på dine billeder?? det giver ingen mening. Sikker på du ikke mener alt="blabla"?  (alt="" er den tekst der kommer når man fører musen over et billede, eller vises hvis billedet ikke kan findes.. Det bruges også af folk der har taget billeder af hjemmesider(langsom forbindelse osv.) w3c anbefaler det også.)

Billede: http://spiff.users.whitehat.dk/fejl.jpg
Avatar billede gil-galad Nybegynder
18. juni 2004 - 17:19 #39
på billedet er der ligesom en skygge eller noget...
Avatar billede gil-galad Nybegynder
18. juni 2004 - 17:26 #41
jeg kan anbefale dig altid at rette dine koder, for hvis de validere, virker de oftest også i alle browsere
Avatar billede christian- Nybegynder
18. juni 2004 - 17:26 #42
Alt det med stylesheet er desværre noget dreamweaver selv generer og som jeg ikke lige har været opmærksom på. Billedets navne var bare for at kunne kende dem i dreamweaver, fik at vide det var en god måde at gøre. Ikke noget browseren ville kunne genkende tror jeg. Men mange tak for kritikken, har rettet en del af det.
Avatar billede gil-galad Nybegynder
18. juni 2004 - 17:27 #43
og tak for points :-)
Avatar billede christian- Nybegynder
18. juni 2004 - 17:29 #44
Fandt endelig ud af det, glemte nemlig at MARKERE dig i feltet :-)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester