[html]Kleine cel (200px) en de andere cel het hele scherm - Softwareontwikkeling

zondag 29 augustus 2004 21:27

Acties:

Designer & Coder

Topicstarter

Hallo allemaal

ik zit met een probleempje:

In frontpage 2000 ben ik een pagina met tabellen aan het maken, een cell blauw links (moet logo komen) en daarnaast nog een cel die die andere breedte pakt ( * pixels dus)

In frontpage ziet het in het bewerkgedeelte en in het previewgedeelte zo uit:
http://www.playah.no-ip.com/images/GCS0090.jpg

Terwijl het @ Internet Explorer er zo uit ziet:
http://www.playah.no-ip.com/images/GCS0091.jpg

Hoe maak ik nou wel zo'n pagina?

Ik wil dus gewoon:

code:

1
2
3

--------------------------------------------------
| 200px  |    overige * pixels                  |
--------------------------------------------------

De volgende code heb ik nu:

code:

<div align="center">
  <center>
  <table border="0" width="100%" cellspacing="0" cellpadding="0">
    <tr>
      <td width="200px" height="100" bgcolor="#FF0000"></td>
      <td width="*" bgcolor="#0000FF"></td>
    </tr>
</table>
<table border="0" width="100%"
    <tr cellspacing="0" cellpadding="0">
      <td width="200"></td>
      <td width="*"></td>
      <td width="200"></td>
    </tr>
  </table>
  </center>
</div>

Er is nog geen inhoud.. dat komt nog, ik wil alleen het bovenstuk even maken!

Jorizz

[ Voor 17% gewijzigd door JorisPenders op 29-08-2004 21:27 ]

SystemSpecs -- WebArea - Your Online Home -- Webdesign

zondag 29 augustus 2004 21:31

Acties:

Grijze Vos

Gebruik gewoon een image die float ofzo, stuk netter denk ik dan.

Op zoek naar een nieuwe collega, .NET webdev, voornamelijk productontwikkeling. DM voor meer info

zondag 29 augustus 2004 21:33

Acties:

JorisPenders

Designer & Coder

Topicstarter

Sorry... is dit CSS?
Is er geen manier voor in HTML?

[ Voor 46% gewijzigd door JorisPenders op 29-08-2004 21:36 ]

SystemSpecs -- WebArea - Your Online Home -- Webdesign

zondag 29 augustus 2004 21:43

Acties:

Rowanov

Kop eens wat anders...

Als je het vies wil oplossen, haal dan bij de tweede <td> tag het width="*" weg, dat werkt wel.

zondag 29 augustus 2004 21:46

Acties:

JorisPenders

Designer & Coder

Topicstarter

code:

1 2	<td width="200px" height="100" bgcolor="#FF0000"></td> <td bgcolor="#0000FF"></td>

Werkt helaas niet:(
Ook als je width="" zet werkt ie nie

SystemSpecs -- WebArea - Your Online Home -- Webdesign

zondag 29 augustus 2004 21:49

Acties:

disjfa

be

Je kan gewoon een blocklevel element links neerzetten door bv een float en de ander een margin-left van 200px meegeven.

Dat is een stuk netter. Tables zijn namelijk niet voor layout, maar voor tabulaire data

[ Voor 5% gewijzigd door disjfa op 29-08-2004 21:49 ]

disjfa - disj·fa (meneer)
disjfa.nl

zondag 29 augustus 2004 21:49

Acties:

Rowanov

Kop eens wat anders...

Het is ook wel de bedoeling dat je wat inhoud in je linker cel stopt.

zondag 29 augustus 2004 21:51

Acties:

Jig

<table width="100%"> of hoe groot je em wilt hebben. Je kan het ook in de bijbehorende <tr> zetten.

zondag 29 augustus 2004 21:53

Acties:

JorisPenders

Designer & Coder

Topicstarter

Rowanov schreef op 29 augustus 2004 @ 21:49:
Het is ook wel de bedoeling dat je wat inhoud in je linker cel stopt.

Ja ... dat was ie dus!

Maar hoe zet ik die tabel nou tegen de kant?
Of moet ik hier een andere manier voor hebben?

SystemSpecs -- WebArea - Your Online Home -- Webdesign

zondag 29 augustus 2004 21:54

Acties:

Amras

DJ_Jorizzz schreef op 29 augustus 2004 @ 21:53:
[...]

Ja ... dat was ie dus!

Maar hoe zet ik die tabel nou tegen de kant?
Of moet ik hier een andere manier voor hebben?

Padding en margin van je body op 0 zetten.

zondag 29 augustus 2004 21:56

Acties:

Rowanov

Kop eens wat anders...

disjfa schreef op 29 augustus 2004 @ 21:49:
Je kan gewoon een blocklevel element links neerzetten door bv een float en de ander een margin-left van 200px meegeven.

Dat is een stuk netter. Tables zijn namelijk niet voor layout, maar voor tabulaire data

Maar het kan dus wel

zondag 29 augustus 2004 21:58

Acties:

JorisPenders

Designer & Coder

Topicstarter

Jepz.. het kan wel:

code:

<body rightmargin="0" topmargin="0" leftmargin="0">

<div align="center">
  <center>
  <table border="0" width="100%" cellspacing="0" cellpadding="0">
    <tr>
      <td width="200px" height="100" bgcolor="#FF0000">&nbsp;</td>
      <td bgcolor="#0000FF">&nbsp;</td>
    </tr>
</table>

</center>
</div>

</body>

Dit is ie uiteindelijk geworden
Thnxs Tweakers

SystemSpecs -- WebArea - Your Online Home -- Webdesign

zondag 29 augustus 2004 23:07

Acties:

AkaXakA

Just Kidding...

DJ_Jorizzz schreef op 29 augustus 2004 @ 21:58:
Jepz.. het kan wel:

code:

<body rightmargin="0" topmargin="0" leftmargin="0">

<div align="center">
  <center>
  <table border="0" width="100%" cellspacing="0" cellpadding="0">
    <tr>
      <td width="200px" height="100" bgcolor="#FF0000">&nbsp;</td>
      <td bgcolor="#0000FF">&nbsp;</td>
    </tr>
</table>

</center>
</div>

</body>

Dit is ie uiteindelijk geworden
Thnxs Tweakers

*zucht*, doe dan:

code:

<body>

<div align="center">
  <center>
  <table border="0" width="100%" cellspacing="0" cellpadding="0">
    <tr>
      <td id="side">&nbsp;</td>
      <td id="main">&nbsp;</td>
    </tr>
</table>

</center>
</div>

</body>

// met in de css file:

body {
margin:0;
padding:0;
}

#side {
width:200px;
height:100px;
background-color:F00;
}
#main {
background-color:00F;
}

Waarom is dit beter?

1) je kan de css file hergebruiken, waardoor er minder gedownload hoeft te worden, waardoor je site sneller is.
2) je haalt structuur en inhoud (een stukje) uit elkaar.

http://www.akaxaka.tk/ - "Knowledge is power. Power corrupts. Study hard, be evil." - 4 Jaar GoT en nog steeds niet evil: er moet een verband zijn...