Tekst onder table niet ernaast - Softwareontwikkeling

dinsdag 25 juni 2002 12:22

Acties:

Verwijderd

Topicstarter

hallo allemaal,

wij zijn bezig met het ontwerpen en opzetten van een nieuwe site.
De frameset van deze site is te vinden op http://www.hoicks.com/ccflex

Zoals je in deze layout kunt zien wordt er een frameset aangeroepen om het middendeel zowel tekst als kopje te laten veranderen. Dit is nogal omslachtig.

Daarom heb ik dit gemaakt als oplossing zodat je 1 pagina kan laden en dat hier dan ook de kop bij inzit:

http://www.combiclup.nl/test/contact/index2.php

Zoals je ziet lijnt ie de tekst niet goed uit. Hoe kan dat?
Maakt niet uit of ik en gebruik hij blijft het zo uitlijnen.

Het is van belang dat het plaatje precies links in de bovenkant begint.

dinsdag 25 juni 2002 12:25

Acties:

Super_ik

haklust!

code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<HTML>
<HEAD>
    <META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; charset=windows-1252">
    <TITLE>CombiClup Neede Online :: Contact</TITLE>
    <META NAME="GENERATOR" CONTENT="OpenOffice.org 1.0  (Win32)">
    <META NAME="CREATED" CONTENT="20020625;12233840">
    <META NAME="CHANGED" CONTENT="20020625;12235549">
</HEAD>
<BODY LANG="en-US" LEFTMARGIN="0" TOPMARGIN="0">
<P><TABLE ALIGN=LEFT WIDTH=486 BORDER=0 CELLPADDING=2 CELLSPACING=2 STYLE="background: url(http://www.hoicks.com/ccflex/pages/contact/midtop1.gif) repeat scroll">
    <TR>
        <TD HEIGHT=26>
            <P><FONT SIZE=1 STYLE="font-size: 2pt"><!-- © 2002 CombiClup, All rights reserved --><!-- Onderdeel van HMP  --><!-- http://www.hoicks.com --><!-- webmasters@hoicks.com --><META HTTP-EQUIV="Content-Language" CONTENT="nl"></FONT><BR>
            </P>
        </TD>
    </TR>
</TABLE><BR><BR>
</P>
<P>Kies hieronder het onderwerp van het mailtje : 
</P>
<FORM NAME="Mailform" ACTION="../test/contact/index2.php" METHOD="POST" ONSUBMIT="return Mailform_Validator(this)">
    <P STYLE="margin-bottom: 0cm"><!--webbot bot="GeneratedScript" preview=" " startspan --><SCRIPT LANGUAGE="JavaScript">
<!--
function Mailform_Validator(theForm)
{

  if (theForm.Naam.value == "")
  {
    alert("Vul Uw \Naam\ in.");
    theForm.Naam.focus();
    return (false);
  }

  if (theForm.Naam.value.length < 5)
  {
    alert("Er moet minstens een \Naam\ van 5 karakters worden ingevuld");
    theForm.Naam.focus();
    return (false);
  }

  if (theForm.Bericht.value == "")
  {
    alert("Type Uw \Bericht\ in.");
    theForm.Bericht.focus();
    return (false);
  }

  if (theForm.Bericht.value.length < 10)
  {
    alert("Er moet minstens een \Bericht\ van 10 karakters worden ingevuld");
    theForm.Bericht.focus();
    return (false);
  }

}
//-->
</SCRIPT><!--webbot bot="GeneratedScript" endspan --><INPUT TYPE=RADIO NAME="onderwerp" VALUE="Algemeen" CHECKED>Algemeen
    <BR><INPUT TYPE=RADIO NAME="onderwerp" VALUE="Sponsering">Sponsering
    <BR><INPUT TYPE=RADIO NAME="onderwerp" VALUE="Activiteiten">Activiteiten
    <BR><INPUT TYPE=RADIO NAME="onderwerp" VALUE="Webmaster">Webmaster 
    </P>
    <HR>
    <P STYLE="margin-bottom: 0cm"><BR>Klik <A HREF="mailto:webmaster@combiclup?subject=Reactie via CombiClup.nl">hier</A>
    om zonder invulling van het formulier een mailtje te sturen. 
    </P>
    <TABLE BORDER=0 CELLPADDING=2 CELLSPACING=2>
        <TR>
            <TD>
                <P>Naam<!--webbot bot="Validation" s-display-name="Naam" b-value-required="TRUE" i-minimum-length="5" --></P>
            </TD>
            <TD>
                <P><INPUT TYPE=TEXT NAME="Naam" SIZE=30> 
                </P>
            </TD>
        </TR>
        <TR>
            <TD>
                <P>E-mail adres</P>
            </TD>
            <TD>
                <P><INPUT TYPE=TEXT NAME="Email" SIZE=30> 
                </P>
            </TD>
        </TR>
        <TR>
            <TD VALIGN=TOP>
                <P>Bericht<!--webbot bot="Validation" s-display-name="Bericht" b-value-required="TRUE" i-minimum-length="10" --></P>
            </TD>
            <TD>
                <P><TEXTAREA NAME="Bericht" ROWS=10 COLS=30></TEXTAREA> 
                </P>
            </TD>
        </TR>
        <TR>
            <TD COLSPAN=2>
                <DIV ALIGN=CENTER>
                    <P><INPUT TYPE=SUBMIT NAME="button" VALUE="Verstuur"> <INPUT TYPE=RESET NAME="button" VALUE="Opnieuw">
                                        </P>
                </DIV>
            </TD>
        </TR>
    </TABLE>
</FORM>
<P><BR><BR>
</P>
</BODY>
</HTML>

dit werkt iig

code:

1	<BODY LANG="en-US" LEFTMARGIN="0" TOPMARGIN="0">

8<------------------------------------------------------------------------------------
Als ik zo door ga haal ik m'n dood niet. | ik hou van goeie muziek

dinsdag 25 juni 2002 12:43

Acties:

Verwijderd

Topicstarter

Ik heb ook margin 0 hoor ... gaat namelijk via een stylesheet. En dat is het probleem ook niet.

Probleem is dat de tekst niet goed uitgelijnd wordt.

dinsdag 25 juni 2002 12:58

Acties:

Super_ik

haklust!

kijk dan nor maar s een keer:

code:

<P><TABLE ALIGN=LEFT WIDTH=486 BORDER=0 CELLPADDING=2 CELLSPACING=2 STYLE="background: url(http://www.hoicks.com/ccflex/pages/contact/midtop1.gif) repeat scroll">
    <TR>
        <TD HEIGHT=26>
            <P><FONT SIZE=1 STYLE="font-size: 2pt"><!-- © 2002 CombiClup, All rights reserved --><!-- Onderdeel van HMP  --><!-- http://www.hoicks.com --><!-- webmasters@hoicks.com --><META HTTP-EQUIV="Content-Language" CONTENT="nl"></FONT><BR>
            </P>
        </TD>
    </TR>
</TABLE><BR><BR>
</P>
<P>Kies hieronder het onderwerp van het mailtje : 
</P>

er staat nu 2 keer een en een

8<------------------------------------------------------------------------------------
Als ik zo door ga haal ik m'n dood niet. | ik hou van goeie muziek

dinsdag 25 juni 2002 13:05

Acties:

Willem

Geef de tabel een vaste breedte in eenheid px, bijvoorbeeld de maat van het plaatje bovenaan.
Geef de < td >'s attributen mee:

_CSS

code:

1
2
3

td {
  text-align:left;
}

Hoe ver kom je dan?

Motor (of auto) onderhoud bijhouden

dinsdag 25 juni 2002 13:56

Acties:

Verwijderd

Probeer het eens met een:

code:

1	<br style="clear: left;">

...na je eerste tabel.

dinsdag 25 juni 2002 15:33

Acties:

Verwijderd

Topicstarter

Op dinsdag 25 juni 2002 13:56 schreef Milkman_Dan het volgende:
Probeer het eens met een:
code:
1
 
...na je eerste tabel.

cool thx dat werkt ...

wat houd het precies in?

dinsdag 25 juni 2002 15:55

Acties:

Verwijderd

Op dinsdag 25 juni 2002 15:33 schreef Ketje het volgende:

wat houd het precies in?

Dat staat allemaal hier:

http://www.w3.org/TR/REC-CSS2/visuren.html#flow-control
(dat stukje over 'break')

This property indicates which sides of an element's box(es) may not be adjacent to an earlier floating box.

M.a.w., je geeft hiermee aan aan welke kant van het element geen andere ('floating') elementen mogen komen. Dit werd in jouw geval veroorzaakt door de align=left van de table.

Eleganter is misschien zo (in jouw geval):

code:

  </tr>
</table>
  
<p style="clear: left;">Kies hieronder het onderwerp van het mailtje :</p>

...'t is ook pas voor het eerst dat ik me hierin verdiep