|
| Hvordan placerer jeg noget nederst i et ta~ Fra : Holst |
Dato : 29-01-06 15:46 |
|
Jeg har et tabelfelt <td> ... </td>, der i dette tilfælde er sådan en
langstrakt kolonne i ude i den ene side af min side.
I øjeblikket indeholder dette tabelfelt øverst oppe en lille tabel, som
viser noget information, altså:
<td>
<table>
... information ...
</table>
</td>
Jeg kunne rigtig godt tænke mig, at der allernederst i dette tabelfelt
bliver placeret et lille stykke grafik. Hvordan gør jeg det?
Problemet er jo, at der mellem den indre tabel og grafikken er et vis
mængde tomrum, som afhænger af, hvorledes resten af siden ender med at
blive.
Håber mit spørgsmål var til at forstå. Jeg har forsøgt både det ene og
det andet uden held. Altså:
<td>
<table>
... information ...
</table>
<img placeret allernederst i td>
</td>
| |
Knud Gert Ellentoft (29-01-2006)
| Kommentar Fra : Knud Gert Ellentoft |
Dato : 29-01-06 16:24 |
|
Holst skrev:
>Jeg kunne rigtig godt tænke mig, at der allernederst i dette tabelfelt
>bliver placeret et lille stykke grafik. Hvordan gør jeg det?
Kan du bruge det som baggrundsbillede?
<td style="background: inherit url(bg.gif) no-repeat bottom
center">
--
Topposter du svar, dvs. skriver dit svar over det citerede,
så ryger du på min ignoreringsliste.
Svar under det du citerer og citer kun det du svarer på - tak.
http://usenet.dk/netikette/citatteknik.html
| |
Holst (29-01-2006)
| Kommentar Fra : Holst |
Dato : 29-01-06 16:36 |
|
Knud Gert Ellentoft wrote:
>>Jeg kunne rigtig godt tænke mig, at der allernederst i dette tabelfelt
>>bliver placeret et lille stykke grafik. Hvordan gør jeg det?
>
> Kan du bruge det som baggrundsbillede?
>
> <td style="background: inherit url(bg.gif) no-repeat bottom
> center">
Nej, det kan jeg ikke. Billedet skal være synligt og må ikke blive dækket.
Men okay, jeg kan vel for en sikkerheds skyld smide:
<table>
<tr>
<td height="billedhøjde">
</td>
</tr>
</table>
nederst i tabelfeltet, for så burde denne indre tabel jo sikre, at
billedet bliver holdt frit af denne tomme tabel.
Hmmm ...
| |
Johnny Winther Ronne~ (29-01-2006)
| Kommentar Fra : Johnny Winther Ronne~ |
Dato : 29-01-06 20:17 |
|
Holst wrote:
> Knud Gert Ellentoft wrote:
>
>>> Jeg kunne rigtig godt tænke mig, at der allernederst i dette
>>> tabelfelt bliver placeret et lille stykke grafik. Hvordan gør jeg
>>> det?
>>
>> Kan du bruge det som baggrundsbillede?
>>
>> <td style="background: inherit url(bg.gif) no-repeat bottom
>> center">
>
> Nej, det kan jeg ikke. Billedet skal være synligt og må ikke blive
> dækket.
> Men okay, jeg kan vel for en sikkerheds skyld smide:
>
> <table>
> <tr>
> <td height="billedhøjde">
>
> </td>
> </tr>
> </table>
>
> nederst i tabelfeltet, for så burde denne indre tabel jo sikre, at
> billedet bliver holdt frit af denne tomme tabel.
>
> Hmmm ...
Man putter altså ikke tabeller, inden i tabeller, hvis du har brug for
yderligere formatering, må du klare det med CSS.
Hvis du er til tabeller, så læs her hvordan man gør det rigtigt og hvorfor.
http://80.62.61.212/webaccessibility/whytables.asp?lan=danish
Der findes ikke et design, der ikke kan reproduceres i én tabel alene. Det
der kræves er at man sætter sig ind i HTML og CSS, hvilket desværre også
kræver at man glemmer alt om DW, FP og lignende programmer, for det kræver
at man ser siden i ren tekst.
Når du bruger tabeller inde i tabeller, tyder det det en hel del på, at du
enten ved meget lidt om HTML og endnu mindre om CSS.
Vis os din side, det er svært at gætte sig til, hvad du rent faktisk laver
eller prøver at lave.
Med venlig hilsen
Johnny Winther Ronnenberg
--
Det er brugeren der bestemmer
http://www.ronnenberg.dk/webaccessibility/
| |
Holst (29-01-2006)
| Kommentar Fra : Holst |
Dato : 29-01-06 21:07 |
|
Johnny Winther Ronnenberg wrote:
> Man putter altså ikke tabeller, inden i tabeller, hvis du har brug for
> yderligere formatering, må du klare det med CSS.
Nej, det gør "man" måske ikke, men det gør jeg!
> Der findes ikke et design, der ikke kan reproduceres i én tabel alene. Det
> der kræves er at man sætter sig ind i HTML og CSS, hvilket desværre også
> kræver at man glemmer alt om DW, FP og lignende programmer, for det kræver
> at man ser siden i ren tekst.
Jeg ved ikke, hvad DW og FP er. Jeg bruger WordPad.
> Når du bruger tabeller inde i tabeller, tyder det det en hel del på, at du
> enten ved meget lidt om HTML og endnu mindre om CSS.
Ja, jeg erkender da blankt, at jeg ikke ved alverdens om HTML og endnu
mindre om CSS. Men der er kun 24 timer i døgnet, og hjemmesider er ikke
en beskæftigelser, som jeg tjener penge ved. Så når jeg ikke er igang
med de pengeskabende opgaver, så er der en lille million ting, jeg gerne
vil nå, og en af dem er, at jeg har lovet at lege webmaster.
Selvfølgelig kunne det være dejligt, hvis jeg kunne sætte mig ned en uge
med løn og lære om CSS og lignende, men det er der ingen, der vil betale
mig.
Det er såmænd også fint nok. Jeg klarer mig jo nok alligevel. Kan jeg
klare det med tabeller i tabeller i tabeller, så er det fint. Bare det
virker.
> Vis os din side, det er svært at gætte sig til, hvad du rent faktisk laver
> eller prøver at lave.
Jeg synes nu, det fremgik meget klart. Jeg har et tabelfelt, hvis
vertikale højde er ukendt, eftersom dets højde bestemmes af nabofelterne
i tabellen. I dette felt er der et element øverst ganske som normalt.
Jeg kunne nu også godt tænke mig, at der helt nede i bunden af samme
felt blev placeret et element.
Siden er moelleaa.dk, og elementet jeg gerne vil have helt ned i bunden
er 'Blå spejder' i venstre side.
| |
Erik Ginnerskov (30-01-2006)
| Kommentar Fra : Erik Ginnerskov |
Dato : 30-01-06 01:20 |
|
Holst wrote:
> Jeg har et tabelfelt <td> ... </td>, der i dette tilfælde er sådan en
> langstrakt kolonne i ude i den ene side af min side.
> <td>
> <table>
> ... information ...
> </table>
> </td>
Spring den indre tabel over. Den er inderlig overflødig og gør bare senere
vedligeholdelse af siden vanskeligere at overskue.
Lav det i stedet sådan:
<td style="position:relative;vertical-align:top;">
.... information ...
<img style="position:absolute; bottom:[billedhøjde]px;" src="billede.gif"
width="[billedbredde]" height="[billedhøjde]" alt="">
</td>
Ved at sætte position:relative på tabelcellen kan du styre placeringen af
billedet i forhold til tabelcellen. Ellers bliver placeringen i forhold til
browservinduet.
--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://ginnerskov.dk
http://html-faq.dk/
| |
Jørn Andersen (30-01-2006)
| Kommentar Fra : Jørn Andersen |
Dato : 30-01-06 06:31 |
|
On Mon, 30 Jan 2006 01:20:17 +0100, "Erik Ginnerskov"
<erik@donotspammmeplease.invalid> wrote:
>Lav det i stedet sådan:
>
><td style="position:relative;vertical-align:top;">
>... information ...
><img style="position:absolute; bottom:[billedhøjde]px;" src="billede.gif"
>width="[billedbredde]" height="[billedhøjde]" alt="">
></td>
Skal det ikke være:
bottom:0;
(eller i dette tilfælde måske bottom:10px, så den balancerer med
Chart-ikonet i modstate side.)
>Ved at sætte position:relative på tabelcellen kan du styre placeringen af
>billedet i forhold til tabelcellen. Ellers bliver placeringen i forhold til
>browservinduet.
--
Jørn Andersen,
Brønshøj
| |
Jørn Andersen (30-01-2006)
| Kommentar Fra : Jørn Andersen |
Dato : 30-01-06 06:39 |
|
On Mon, 30 Jan 2006 06:31:14 +0100, Jørn Andersen <jorn@jorna.dk>
wrote:
>On Mon, 30 Jan 2006 01:20:17 +0100, "Erik Ginnerskov"
><erik@donotspammmeplease.invalid> wrote:
>
>>Lav det i stedet sådan:
Se evt. i praksis:
<url: http://www.marxisme.dk/test/moelleaa/index.htm>
- hvor de nederste to tabeller i venstre kolonne er fjernet og der er
sparet godt 200 tegn.
--
Jørn Andersen,
Brønshøj
| |
Holst (30-01-2006)
| Kommentar Fra : Holst |
Dato : 30-01-06 09:22 |
|
Jørn Andersen wrote:
> Se evt. i praksis:
> <url: http://www.marxisme.dk/test/moelleaa/index.htm>
> - hvor de nederste to tabeller i venstre kolonne er fjernet og der er
> sparet godt 200 tegn.
Til gengæld placerer Firefox omtalte grafik i nederst venstre hjørne af
BROWSER-vinduet og ikke som ønsket. IE placerer det korrekt.
Men tak for jeres kommentarer. Jeg vil kigge på det senere, forhåbentlig
i aften.
| |
Jens Gyldenkærne Cla~ (30-01-2006)
| Kommentar Fra : Jens Gyldenkærne Cla~ |
Dato : 30-01-06 14:05 |
|
Holst skrev:
>> <url: http://www.marxisme.dk/test/moelleaa/index.htm>
> Til gengæld placerer Firefox omtalte grafik i nederst venstre
> hjørne af BROWSER-vinduet og ikke som ønsket.
Det er problematisk at sætte position direkte på en tabelcelle.
Lægger man en div inden i tabelcellen, virker det også i FF:
< http://www.gyros.dk/usenet/temp/moelleaa.html>
Der er stadig bøvl med placeringen af bundlinjen i IE - men det er
der også på det foregående eksempel.
PS: Jeg vil foreslå webmasteren at sætte baggrundsfarven på
body/html til hvid - hjørnerne i bund og top ser ikke så godt ud på
en anden baggrundsfarve.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html
| |
Holst (30-01-2006)
| Kommentar Fra : Holst |
Dato : 30-01-06 14:41 |
|
Jens Gyldenkærne Clausen wrote:
> Det er problematisk at sætte position direkte på en tabelcelle.
> Lægger man en div inden i tabelcellen, virker det også i FF:
>
> < http://www.gyros.dk/usenet/temp/moelleaa.html>
Ja, det ser fint ud. Det er så implementeret. Tak for det.
Men ... den ryger jo af en eller anden grund ikke helt ned. Indlæser jeg
en side, som er højere (og derved bliver tabelfeltet også højere), så
bliver logoet ikke placeret allernest. Så bliver det sådan nærmest
placeret frit svævende i lufte. Se for eksempel:
http://www.moelleaa.dk/index.php?item=2&sub=5
og det var jo ikke lige det, der var meningen.
> Der er stadig bøvl med placeringen af bundlinjen i IE - men det er
> der også på det foregående eksempel.
Hvad hentyder du til her? Den orange dims forneden. Ja, den volder mig
problemer, og jeg ved ikke helt hvorfor.
> PS: Jeg vil foreslå webmasteren at sætte baggrundsfarven på
> body/html til hvid - hjørnerne i bund og top ser ikke så godt ud på
> en anden baggrundsfarve.
Ja, det er så mig. Jeg troede lidt, at default baggrundsfarve var hvid,
men nu er den indkommenterer tilbage igen i css-filen.
| |
Knud Gert Ellentoft (30-01-2006)
| Kommentar Fra : Knud Gert Ellentoft |
Dato : 30-01-06 15:22 |
|
Holst skrev:
>Ja, det er så mig. Jeg troede lidt, at default baggrundsfarve var hvid,
>men nu er den indkommenterer tilbage igen i css-filen.
Det bestemmes i langt de fleste browsere af, hvad der valgt i
styresystemets opsætning.
Så når der ikke er defineret nogen baggrundsfarve, så har du
ingen indflydelse på, hvordan den kommer til at se ud.
--
Topposter du svar, dvs. skriver dit svar over det citerede,
så ryger du på min ignoreringsliste.
Svar under det du citerer og citer kun det du svarer på - tak.
http://usenet.dk/netikette/citatteknik.html
| |
|
|