[HTML] Probleempje met Alignment - Softwareontwikkeling

vrijdag 26 april 2002 20:42

Acties:

eigenlijk gewoon Niels

Topicstarter

Voor mijn website ben ik bezig met een menubalk, en ik wil gebruikers de mogelijkheid geven om op elk gewenst punt op de site in te loggen, en dus in de menubalk een loginmogelijkheid plaatsen.

Nou heb ik de volgende balk gemaakt: http://www.kergos.nl/t00t/balk.html

code:

<body bgcolor='FFFFFF' text='000000' link='000000' alink='000000' vlink='000000' topmargin=0 leftmargin=0>
    <center><p>
    <table cellspacing=0 cellpadding=0 border=0 width=100%>
    <tr><td bgcolor='808080' class='text' align=center>

            <table cellspacing=0 cellpadding=0 border=0>
                <td bgcolor='808080' class='text' align=center>

                        <a href='1'>[img]'top_icon_4.gif'[/img]</a>&nbsp;&nbsp;
                        <a href='2'>[img]'top_icon_1.gif'[/img]</a>&nbsp;&nbsp;
                        <a href='3'>[img]'top_icon_2.gif'[/img]</a>&nbsp;&nbsp;
                        <a href='4'>[img]'top_icon_3.gif'[/img]</a>&nbsp;&nbsp;
                        <a href='5'>[img]'top_icon_4.gif'[/img]</a>&nbsp;&nbsp;
                        <a href='6'>[img]'top_icon_1.gif'[/img]</a>&nbsp;&nbsp;
            </tr></table>
    </tr>
    <tr><td bgcolor='D4D0C8'>[img]'1.gif'[/img]</tr>
    <tr><td bgcolor='FFFFFF'>[img]'1.gif'[/img]</tr>
    <tr><td bgcolor='808080'>[img]'1.gif'[/img]</tr>
    <tr><td bgcolor='404040'>[img]'1.gif'[/img]</tr>
    </table><p>

En nu wil ik het volgende:

Helemaal links in de balk moeten 2 text inputfields komen, met een submit knopje (dat kan ik nog wel zelf ja

).
De rode knopjes die er al staan, moeten precies boven het midden blijven staan, zoals ze nu dus staan.

Die combinatie krijg ik met geen mogelijkheid voor mekaar, ik heb vanalles geprobeerd, maar ik kom er echt niet uit. Vandaar dus dat ik jullie om hulp vraag

vrijdag 26 april 2002 21:00

Acties:

Verwijderd

Tabellen zijn niet gemaakt om te positioneren, soms zijn ze handiger, maar het is niet de bedoeling.

Met CSS kun je beter positioneren, zoek vooral eens naar de mogelijkheden van position: absolute; en dergelijken.
Je gebruikt al een klein beetje CSS zo te zien, en ik denk dat dt best wat meer kan, dus ook meteen voor borders, alignment en achtergrondkleur enzo

vrijdag 26 april 2002 22:24

Acties:

Verwijderd

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=windows-1252">
<META content="MSHTML 6.00.2600.0" name=GENERATOR></HEAD>
<BODY text=#000000 vLink=#000000 aLink=#000000 link=#000000 bgColor=#ffffff
leftMargin=0 topMargin=0>
<CENTER>
<P>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD class=text align=middle bgColor=#808080>
<table width="395" border="1" cellspacing="0" cellpadding="0" align="center">
<tr>
<td width="100">
<table width="100" border="1" cellspacing="0" cellpadding="0">
<tr>
<td>hier je input</td>
</tr>
</table>
</td>
<td width="49"><a
href="http://www.kergos.nl/t00t/1"><img alt=" 1 "
src="balk_bestanden/top_icon_4.gif" border=0></a></td>
<td width="49"><a
href="http://www.kergos.nl/t00t/3"><img alt=" 3 "
src="balk_bestanden/top_icon_2.gif" border=0></a></td>
<td width="8"><a
href="http://www.kergos.nl/t00t/2"><img alt=" 2 "
src="balk_bestanden/top_icon_1.gif" border=0></a></td>
<td width="49"><a
href="http://www.kergos.nl/t00t/4"><img alt=" 4 "
src="balk_bestanden/top_icon_3.gif" border=0></a></td>
<td width="49"><a
href="http://www.kergos.nl/t00t/5"><img alt=" 5 "
src="balk_bestanden/top_icon_4.gif" border=0></a></td>
<td width="149"><a
href="http://www.kergos.nl/t00t/6"><img alt=" 6 "
src="balk_bestanden/top_icon_1.gif" border=0></a></td>
</tr>
</table>
</TD>
<TR>
<TD bgColor=#d4d0c8>[img]"balk_bestanden/1.gif"[/img]</TD>
<TR>
<TD bgColor=#ffffff>[img]"balk_bestanden/1.gif"[/img]</TD>
<TR>
<TD bgColor=#808080>[img]"balk_bestanden/1.gif"[/img]</TD>
<TR>
<TD bgColor=#404040><IMG height=1 src="balk_bestanden/1.gif"
border=0></TD></TR></TBODY></TABLE>
</CENTER></BODY></HTML>

zoiets?
- met een style voor je form, zodat de margins nul zijn en eentje voor je input.

vrijdag 26 april 2002 22:38

Acties:

R4NCOR

eigenlijk gewoon Niels

Topicstarter

Cheatah: Wauw, dat wist ik helemaal niet dat CSS zoveel mogelijkheden had

Heb net ff lekker zitten googelen, en kwam langs op w3schools.com. Echt tof! Harstikke bedankt!

zkywalker: Dat komt ongeveer in de buurt, maar niet helemaal wat ik wil, kwam zelf ook op zoiets uit.. Maar nu is de input niet helemaal aan de linkerkant van het scherm. Maar in ieder geval bedankt!

vrijdag 26 april 2002 23:31

Acties:

Verwijderd

ff tweaken met een css,.... enne gochelen met stylesheets is het leukste wat er is! probeer Topstyle maar eens als style-editor!

http://www.bradsoft.com/topstyle/download/dloadhandler.asp?file=ts25lite.exe