CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

charley78 Novice

10. september 2007 - 10:40 Der er 16 kommentarer og
1 løsning

kan man fiksere en tabel, så indholdet ikke forskyder sig?

kan man fiksere en tabel, så indholdet ikke forskyder sig i forhold til de omkringliggende billeder/tabeller mv?

Her drejer det sig om to orange pile, der "ændrer adfærd" alt efter hvor store billederne nedenfor er. Se her:
http://www.yes-yes.dk/animationer-tegninger/

Synes godt om

charley78 Novice

10. september 2007 - 10:42 #1

det drejer sig om flg. 4 links:
ansigt Photoshop
portræt
blyantstegning
karikatur

Synes godt om

miss-g Seniormester

11. september 2007 - 15:24 #2

Du kan jo lægge tabellen med pilene i rækken ovenover menu og den hvor den ligger i nu. Og evt. style til at bestemme hvor langt til højre tabellen med pilene skal ligge.

Synes godt om

charley78 Novice

11. september 2007 - 16:10 #3

hvordan gør man det??

Synes godt om

charley78 Novice

11. september 2007 - 16:11 #4

måske du evt. kunne lægge koderne for hele siden ind og vise hvordan (hvis du har Dreamweaver)?

Synes godt om

miss-g Seniormester

11. september 2007 - 17:29 #5

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<TITLE>Charlotte Andreasen</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<META name="DESCRIPTION" content="Præsentation af CA og arbejder">
<META name="Author" content="Charlotte Andreasen">
<META name="KEYWORDS" content="Charlotte Andreasen, østerbro, 2100, animation, tegner, tegninger,">
<style>
A:link {text-decoration: none; color: #0099FF}
A:visited {text-decoration: none; color: #FF6633}
A:active {text-decoration: none; color: #FF9900}
A:hover {text-decoration: none; font-weight; color: #FF6633}
.style1 {
color: #FF3333;
font-weight: bold;
}
.style2 {font-size: xx-small}
.arrows {
padding-left: 155px;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></HEAD>

<body text="#3399FF">
<table width="100%" cellspacing="0" cellpadding="0">
<tr>
<td class="arrows"> </td>
</tr>
<tr>
<td class="arrows"><TABLE border="0" cellpadding="0" cellspacing="2" width="200" align="center">
<TR>
<TD width="80" align="center"><div align="left"><A href="marmorering.html"><IMG src="spacer.gif" height="30" width="30" border="0" alt="Previous"></A></div></TD>
<TD width="80" align="center"><div align="right"><A href="carrot.html"><IMG src="next.gif" border="0" alt="Next"></A></div></TD>
</TR>
</TABLE></td>
</tr>
<tr>
<td><table width="750" border="0" cellspacing="0" cellpadding="5" align="center">
<tr>
<td height="603" width="125" valign="top"> <p> </p>

<p><br>
<font color="#0080FF" size="-3" face="Verdana, Arial, Helvetica, sans-serif">ANIMATIONER</font> <br>
<span class="style1"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><a href="animation.html"><font size="-3" color="#ca4802">1) lang
animation</font></a></font></span><br>
<span class="style2"></span> <font size="-3" face="Verdana, Arial, Helvetica, sans-serif"><a href="carrot.html">
2) figur m lipsync</a></font><br>
<font size="-3" face="Verdana, Arial, Helvetica, sans-serif" color="#ca4802"><a href="carrot-avi.html">u. texture og lyd</a></font><br>
<font size="-3" face="Verdana, Arial, Helvetica, sans-serif"><a href="ansigt.html">3) ansigt blend</a></font><br>
<font size="-3" face="Verdana, Arial, Helvetica, sans-serif"><a href="animeret-wireframe.html">animeret wireframe</a></font><br>
<font size="-3" face="Verdana, Arial, Helvetica, sans-serif"><a href="tegnet-ansigt.html">ansigt Photoshop</a></font><br>
<p><font color="#0080FF" size="-3" face="Verdana, Arial, Helvetica, sans-serif">TEGNINGER</font>
<br>
<font color="#0080FF" size="-3" face="Verdana, Arial, Helvetica, sans-serif"><a href="portraetter.html">portræt</a></font><br>
<font size="-3" face="Verdana, Arial, Helvetica, sans-serif"><a href="blyant.html">blyantstegning</a></font><br>
<font size="-3" face="Verdana, Arial, Helvetica, sans-serif"><a href="karikatur.html">karikatur</a></font><br>
<font size="-3" face="Verdana, Arial, Helvetica, sans-serif"><a href="kul-kroki.html">kul kroki</a></font><br>
<font size="-3" face="Verdana, Arial, Helvetica, sans-serif"><a href="malet-kroki.html">malet kroki</a></font><br>
<font size="-3" face="Verdana, Arial, Helvetica, sans-serif"><a href="akvarel.html">akvarel</a></font><br>
<font size="-3" face="Verdana, Arial, Helvetica, sans-serif"><a href="marmorering.html">marmorering</a></font><br>
<a href="mailto:andreasen.charlotte@gmail.com"><img src="images/logo.jpg" width="100" border="0"></a><br>
</td>

<td valign="top" width="625"><div align="center">
<div align="center">

<br><br><a href="carrot.html"><img src="images/let-go-optimized.gif" width="387" height="240" border="0"></a> </div>

<p><font color="#000000" size="1" face="Arial, Helvetica, sans-serif">Afslutningsprojekt
fra Viborg Animationsværksted foråret 2003 m lånt
figur. </font><font color="#000000" size="1" face="Arial, Helvetica, sans-serif">Varighed
1 min.</font> </p> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>

Synes godt om

charley78 Novice

11. september 2007 - 17:53 #6

Miss-g
- det er da klart også en gangbar løsningsmodel, men hvordan "styler" du.. som du skrev?

til kcasper
..og så ved jeg ikke mom det kommer et svar fra dig? Jeg ville jo meget gerne høre, hvordan man fikserer tabeller!

Miss-g skal jo også have points. Nu skal jeg et par dage udenbys, jeg lægger nogle flere points ind og håber på det bedste (svar fra begge) til jeg kommer tilbage søndag :o)

Synes godt om

miss-g Seniormester

11. september 2007 - 18:16 #7

Der er sat style på den celle tabellen med pilene ligger i:

<td class="arrows">

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

<table width="100%" cellspacing="0" cellpadding="0">
<tr>
<td class="arrows"> </td>
</tr>
<tr>
<td class="arrows"><TABLE border="0" cellpadding="0" cellspacing="2" width="200" align="center">
<TR>
<TD width="80" align="center"><div align="left"><A href="marmorering.html"><IMG src="spacer.gif" height="30" width="30" border="0" alt="Previous"></A></div></TD>
<TD width="80" align="center"><div align="right"><A href="carrot.html"><IMG src="next.gif" border="0" alt="Next"></A></div></TD>
</TR>
</TABLE>

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

Og selve stylen ligger i toppen ved dine andre:

.arrows {
padding-left: 155px;
}

Synes godt om

thesurfer Nybegynder

11. september 2007 - 19:28 #8

Lige meget hvordan man gør det, skal man altid huske på, at hvis billedet er stort lodret, vil der komme en scrollbar på siden.
Scrollbaren tager typisk 20-50 pixels, hvilket også er den afstand hele siden (inklusiv pilene) vi flytte sig.

En anden, og måske bedre løsning, ville være at bruge DIVs i stedet for tabeller.
Det kræver mere viden (da man også skal kunne en del CSS), men giver et bedre resultat.

Jeg har ikke testet om man kan undgå at pilene flytter sig, hvis man bruger DIVs og CSS.
Men på den anden side, er det nok en god ting, at pilene følger resten af siden (menuen osv)..

Synes godt om

charley78 Novice

12. september 2007 - 23:05 #9

tak for info miss-g! Den slags har jeg ikke set før, jeg kender kun html og har ikke sat mig ind i hverken xhtml eller css, så det kommer lidt bag på mig. Jeg tænker at Dreamweaver 8, som jeg sidder ved, må have genereret stylen selv.

ok surfer, det var dig der talte om at vende tilbage - ikke kcasper.
Jeg forstår ikke hvad du mener med at ".. pilene skal følge resten af siden" Du mener nok, skal ligge samme sted som på de andre sider/links!?

Synes godt om

charley78 Novice

12. september 2007 - 23:07 #10

.. og jeg ved netop ikke hvordan det ville se ud (i koderne) hvis man lavede pilene med dit forslag, div og css.

Synes godt om

thesurfer Nybegynder

13. september 2007 - 00:31 #11

Egentligt kan du nøjes med:

<div style="position:absolute;left:300px;top:100px;">
hello world.. erstattes af pilene
</div>

Hvis du tester det, vil du se at teksten bliver placeret et bestemt sted..

Men (der er altid et men):
- Hvis brugeren har en lav opløsning (f.eks. 800x600), vil teksten blive placeret næsten i midten

- Hvis brugeren har en høj opløsning (f.eks. 1600x1200), vil teksten blive placeret helt ude i siden.

Så tænker du sikkert: "Kan man ikke placere teksten i midten?"
Jo, det kan man godt, MEN (hehe), så får du et problem, hvis billedet er så bredt, at det flytter midtpunktet. For så vil pilene flytte sig.

Og så har du samme problem, som du har nu.

Da jeg skrev "følger resten af siden", mente jeg blandt andet afstanden til menuen, og resten af siden.

Synes godt om

thesurfer Nybegynder

13. september 2007 - 00:47 #12

En løsning kunne være, at du havde en max størrelse på billederne.

Eksempel:
Billedene må max fylde 300x300 pixels. Det kan du gøre enten ved faktisk at ændre størrelsen på billede, eller angive bredde og højre på billede, via width og height på img-tag'et.
Samtidigt kan du ændre klik-handlingen på billede, til at vise billede i billedets faktisk størrelse.

På den måde vil pilene aldrig flytte sig.

Synes godt om

thesurfer Nybegynder

13. september 2007 - 01:10 #13

Det kan godt være, at man skal have z-index med, for at det bliver synligt..

<div style="position:absolute;left:300px;top:100px;z-index:1;">
hello world.. erstattes af pilene
</div>

Sengetid.. :-)

Synes godt om

charley78 Novice

19. september 2007 - 12:30 #14

til Thesurfer:
hvad er et z-index?
Jeg forstår desværre ikke dit løsningsforslag
"<div style="position:absolute;left:300px;top:100px;">
hello world.. erstattes af pilene
</div>"

("...hvis billedet er stort lodret.." - Det er ikke relevant her, da det så vidt jeg kan se, er bredden, der spøger i denne forbindelse.
Størrelse på billeder er heler ikke relevant, da det hanfdler om netop at omgå problemer med at beholde den aktuelle størrelse.
"div og css" er jeg ikke inde i, så det ville tage for lang tid at sætte sig ind i og siden kommentere.)

Synes godt om

charley78 Novice

19. september 2007 - 12:32 #15

til løsningsforslag.. Jeg forstår ikke hvor tagsene skulle lægges ind og jeg fgorstår ikke effekten af dem.. men den kunne jeg selvfølgelig prøve af...! Ak!

Synes godt om

thesurfer Nybegynder

19. september 2007 - 15:40 #16

Hvis du holder dine hænder foran hinanden, for dig, ville den ene hånd have en højere z-index, end den anden.

Den hånd der er tættest på dig, har den højste z-index, hvilket betyder at det er den hånd der "er foran".

Det er lige meget hvor på siden du smider denne kode:

<div style="position:absolute;left:300px;top:100px;z-index:1;">
hello world.. erstattes af pilene
</div>

Da der står "position:absolute", samtidig med at den har nogle koordinator ("left:300px;top:100px;").

Det betyder, at lige meget hvor i filen du smider koden ind, vil boksen med teksten ("hello world.. erstattes af pilene") alid være placeret samme sted, nemlig 300 pixel fra venstre kant, og 100 pixels fra toppen.

Synes godt om

charley78 Novice

28. oktober 2010 - 22:52 #17

tak for svar.. ! :o)

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Programmeringssprog kurser

Kurser inden for grundlæggende programmering

Se alle Programmeringssprog kurser

Flere spørgsmål fra Programmeringsværktøjer kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
senior Af Uroda i Programmeringsværktøjer	1	22/06/202418:29	23/06/202413:17
Sort Skærm Af Kaj Sondrup i Programmeringsværktøjer	5	25/02/202421:45	27/02/202420:17
DATA (D) Af rene1111 i Programmeringsværktøjer	3	21/02/202415:03	22/02/202409:08
Power Automate, åben en fil der er delt med mig Af KATM i Programmeringsværktøjer	1	16/02/202409:07	19/02/202409:10
Prisberegner til hjemmeside Af Michael Vahl i Programmeringsværktøjer	4	14/01/202417:30	21/01/202409:21

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS