Avatar billede lazio23 Nybegynder
06. november 2001 - 15:27 Der er 17 kommentarer og
3 løsninger

Lave egne forms uden 3D effekten

Hej

Jeg har lavet et billede, som er blevet opdelt i tabeller. Her vil jeg gerne sætte nogle forms ind, så brugerne kan indtaste \"i billedet\" uden 3d effekten, hvordan gør jeg??

Jeg har skrevet \"her skal være en form\" hvor jeg gerne vil have dem.

Her er koden:

<HTML>
<HEAD>
<TITLE>Formbillede</TITLE>

</HEAD>
<BODY BGCOLOR=#FFFFFF>

<TABLE WIDTH=400 BORDER=0 CELLPADDING=0 CELLSPACING=0>
    <TR><TD COLSPAN=3>
            <IMG SRC=\"images/Formbillede_01.gif\" WIDTH=400 HEIGHT=4></TD>
    </TR>
    <TR><TD ROWSPAN=8>
            <IMG SRC=\"images/Formbillede_02.gif\" WIDTH=8 HEIGHT=116></TD>
       
    <TD height=\"15\"> <IMG SRC=\"her skal være en form\" WIDTH=382 HEIGHT=16></TD>
        <TD ROWSPAN=8>
            <IMG SRC=\"images/Formbillede_04.gif\" WIDTH=10 HEIGHT=116></TD>
    </TR><TR>
        <TD><IMG SRC=\"images/Formbillede_05.gif\" WIDTH=382 HEIGHT=15></TD></TR>
    <TR><TD>
            <IMG SRC=\"her skal være en form\" WIDTH=382 HEIGHT=16></TD>
    </TR><TR>
        <TD><IMG SRC=\"images/Formbillede_07.gif\" WIDTH=382 HEIGHT=17></TD>
    </TR>
    <TR><TD><IMG SRC=\"her skal være en form\" WIDTH=382 HEIGHT=16></TD>
    </TR>
    <TR><TD><IMG SRC=\"images/Formbillede_09.gif\" WIDTH=382 HEIGHT=15></TD>
    </TR>
    <TR><TD><IMG SRC=\"her skal være en form\" WIDTH=382 HEIGHT=17></TD>
    </TR>
    <TR><TD><IMG SRC=\"images/Formbillede_11.gif\" WIDTH=382 HEIGHT=4></TD></TR>

</TABLE>
</BODY>
</HTML>
Avatar billede ztyxx Nybegynder
06. november 2001 - 15:36 #1
vil gerne kigge på det, men prøv at uddybe nærmere..
Avatar billede Tony Breindal Juniormester
06. november 2001 - 15:38 #2
Prøv med class på dine td

<head>
<style type=\"text/css\">
<!--
.farvetforms {background-color:#FFFFFF;
              font-size:18px;
              font-weight:light;
              border-top-width:0px;
              border-right-width:0px;
              border-bottom-width:0px;
              border-left-width:0px;
              background:url(\"Formbillede.gif\");
              background-color:black;
}
-->
</style>
</head>

<TD COLSPAN=3 class=\"farvetforms3\"></TD>

... men du kommer til at lave en class for hvert billede.
Avatar billede Tony Breindal Juniormester
06. november 2001 - 15:39 #3
Ups ... slåfejl ... class=\"farvetforms3\" ... væk med det 3 tal :)
Avatar billede ztyxx Nybegynder
06. november 2001 - 15:44 #4
tony_breindal> mente at kunne udlede at billederne skulle være som baggrund, men var ikke sikker, men er enig i at det er måden at gøre det på
Avatar billede podata Nybegynder
06. november 2001 - 15:44 #5
Du kan bruge inline style til at ændre layout på dine forms..
<input type=\"text\" style=\"width:65;border:0;background-color:#ffffff;font-family:arial;color:#000080;font-size:11\">
Avatar billede mikethebike Nybegynder
06. november 2001 - 15:45 #6
Du kan også skrive det direkte på formen...

<INPUT NAME=\"Username\" VALUE=\"\" style=\"width: 115px; height:12px; border :0px ; font-size=10px\">
Avatar billede mikethebike Nybegynder
06. november 2001 - 15:46 #7
well... podata kom først :-)

/Michael
Avatar billede Tony Breindal Juniormester
06. november 2001 - 15:46 #8
Åhh, undskyld ztyxx

Jeg så ikke du var i gang, haved ikke \'refreshed\' inden jeg postede ... sorry :(
Avatar billede ztyxx Nybegynder
06. november 2001 - 15:48 #9
NP tony_breindal, hovedsagen er at lazio23 får det løst, gør det alligevel ikke for point´enes skyld :-)
Avatar billede Tony Breindal Juniormester
06. november 2001 - 15:49 #10
That\'s the spirit, keep it comming !!!  :-)
Avatar billede ztyxx Nybegynder
06. november 2001 - 15:54 #11
er her nu mest for selv at lære :-)
Avatar billede lazio23 Nybegynder
06. november 2001 - 15:54 #12
Kan I ikke prøve at sætte det ind i mine koder, for når jeg gør det, så rykker tabellerne, så billedet ikke står som det skal.

Avatar billede Tony Breindal Juniormester
06. november 2001 - 15:56 #13
Det er jo lidt svært for os, når vi ikke har dine billeder ... :)
Avatar billede Tony Breindal Juniormester
06. november 2001 - 15:57 #14
... men kunne det ikke være noget med, at du ikke har defineret dit alignment på billederne ???
Avatar billede mikethebike Nybegynder
06. november 2001 - 16:00 #15
<TD STYLE=\"background-repeat : no-repeat;padding-left: 8px; height:18px\" background=\"images/Formbillede_01.gif\" WIDTH=\"400\" VALIGN=middle>

<INPUT NAME=\"Username\" VALUE=\"\" style=\"width: 375px; height:12px; border :0px ; font-size=10px\">

</TD>

juster \"padding-left\" for at få lavet en afstand fra venstrekant til dit inputfelt skal starte.

/Michael
Avatar billede lazio23 Nybegynder
06. november 2001 - 16:14 #16
Har prøvet det ene og det andet, men de forms hopper ud af den størrelse som tabellerne må have, så billedet kommer til at se underligt ud!!
Avatar billede mikethebike Nybegynder
06. november 2001 - 16:19 #17
Har du et link til den side du forsøger at lave?

Vil du \"blot\" have fjernet 3d-effekten? eller som vi er flere der har forstået det, udskifte baggrunden og fjerne 3d effekten!

/Michael
Avatar billede podata Nybegynder
06. november 2001 - 16:33 #18
Du skal justere dine form input ting til cellerne i tabellen, kan ikke gøres omvendt, er de for store udvider tabellen sig bare (som du jo har fundet ud af) selvom du hár sat en fast width på tabellen.

Justér med width og height, vær opmærksom på at font-size kan have inflydelse på resultatet.
Avatar billede ztyxx Nybegynder
06. november 2001 - 16:37 #19
prøv evt. også at bruge <td align=\"left\" valign=\"bottom\"> i de celler der er tale om (du skal så ændre alt efter hvordan dine billeder er \"skåret\"
Avatar billede lazio23 Nybegynder
07. november 2001 - 16:37 #20
Jeg har prøvet at finde en hjemmeside der har lignende forms, så i kan se et mere kontret eksempel, men det har ikke lykkes mig.
Det er endnu ikke lykkes mig at få lavet det!
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