Toon posts:

[HTML] Table Stuff

Pagina: 1

Acties:

47 views sinds 30-01-2008
Reageer

maandag 22 april 2002 18:49

Acties:

Verwijderd

Topicstarter

dit is hoe het moet worden weergegeven:
http://62.108.27.230/junt/Zaait/lay-out.jpg
dit is hoe het wordt weergegeven:
http://62.108.27.230/junt/Zaait/test.html

ik ben niet erg goed met html en al helemaal niet met tables, maar kan iemand mij vertellen wat ik fout doe?

maandag 22 april 2002 19:22

Acties:

Verwijderd

code:

1
2
3

<table border=0 cellpadding=0 cellspacing=0>
...
</table>

tip: probeer zo weinig mogelijk <tr> ' s te gebruiken zodat dan lukt het vanzelf...

maandag 22 april 2002 19:28

Acties:

iain

Full Flavor

UTFS!!!

code:

<table border=0 cellspacing=0 cellpadding=0>
<tr>
<td colspan=5 height=100%>
....
</td>
</tr>
</table>

die colspan=5 is voor de menu's... height=100% alleen bij je hoofd-td, zodat die de scheidingsbalk omhoog duwt...

voortaan eerst ff tutorials nalezen...

I used to be an atheist, until I realised I was god.

maandag 22 april 2002 19:42

Acties:

Jeldert

Rozijntjes

Ik had niks te doen, dus dacht ik, laat ik het eens proberen, maar ik kom niet verder dan dit:

http://members.chello.nl/~ch.stolwijk/test/test1.htm

Juist

maandag 22 april 2002 19:48

Acties:

Verwijderd

Om die balkjes onderaan te krijgen:

code:

1	<td valign="bottom">...</td>

Misschien??

maandag 22 april 2002 19:49

Acties:

Verwijderd

Topicstarter

het zit in een aparte cel, dus het maakt niet uit

[edit]ik heb op de link nu bijna alles goed gedaan met frontpage (!) maar er zitten nog steeds randjes rechts en links

maandag 22 april 2002 19:53

Acties:

Verwijderd

Check dit:
http://www.sf.fragworld.co.uk/tabel/index.hmtl

maandag 22 april 2002 19:55

Acties:

Verwijderd

Topicstarter

ik krijg een 404

maandag 22 april 2002 19:56

Acties:

Verwijderd

shit

maandag 22 april 2002 19:59

Acties:

Verwijderd

Topicstarter

iemand misschien een tuto over hoe je gewoon plaatjes in een table gelijk tegen elkaar aan kan plakken?
oh ja, zelf zoeken

edit:
kent iemand alsnog een tuto hierover? heb nog huizwerk weet je...

maandag 22 april 2002 20:07

Acties:

Verwijderd

Ok, i got it

http://www.sf.fragworld.co.uk/tabel/test.html

Aanmerkingen:
Design is

Frontpage is

maandag 22 april 2002 20:16

Acties:

Verwijderd

Topicstarter

Op maandag 22 april 2002 20:07 schreef slindenau het volgende:
Ok, i got it
http://www.sf.fragworld.co.uk/tabel/test.html

Aanmerkingen:
Design is
Frontpage is

mwa dit had ik net ook al maar je ziet nog steeds 1 px space...
wat er nu op mijn pagina staat is wel heel vaag, 1 image en een paar puntjes...
als je width&height op 1 zet, dan hoort ie hem toch zo groot te maken als kan??
tnx anywayz
anders gooi ik er wat framepjes in...

maandag 22 april 2002 20:23

Acties:

Verwijderd

Op maandag 22 april 2002 20:16 schreef Junt het volgende:

[..]

mwa dit had ik net ook al maar je ziet nog steeds 1 px space...

Waar?
Ik niet

maandag 22 april 2002 20:28

Acties:

Verwijderd

Topicstarter

Op maandag 22 april 2002 20:23 schreef slindenau het volgende:

[..]

Waar?
Ik niet

Afbeeldingslocatie: http://62.108.27.230/junt/Zaait/blaat.jpg

edit:
tja ik ben een perfectionist

maandag 22 april 2002 20:34

Acties:

Verwijderd

Umm, ik denk dat je die zwarte pix. er niet met html uit zult krijgen

Waarom:
Alle balken zijn 450 px lang, en die zwarte pix. zit dus in dat plaatje zelf

Edit:
En het valt echt niet op hoor

Offtopic edit:
Is dat winXP wat jij hebt??
Je taakbalk ziet er niet XP uit...

maandag 22 april 2002 20:36

Acties:

Verwijderd

Topicstarter

zit dus in dat plaatje zelf

nee hoor, kijk maar op mijn plaatje

maandag 22 april 2002 20:37

Acties:

Verwijderd

Ja hoor, kijk maar op je plaatje

edit

Nee echt, ik ben er zeker van, alle width's kloppen, dus alles 'raakt' elkaar...

maandag 22 april 2002 20:46

Acties:

Verwijderd

Topicstarter

Op maandag 22 april 2002 20:37 schreef slindenau het volgende:
Ja hoor, kijk maar op je plaatje

hmm ik zie geen vreemde randen

maar het maakt niet uit, ik laat het wel zo

maandag 22 april 2002 20:53

Acties:

Malebolgia

Move, or be moved

één advies: ga nooit hardcode tabellen ontwerpen. dat is imho een nachtmerrie. Dat zou ik toch echt in een wysiwyg als dreamweaver dooen, dan is het zo gebeurd, en kun je ook coden en dan realtime zien wat er van wordt. Ik heb geen tijd over, anders had ik het wel ff voor je gefixed.

"People should know when they're conquered..."

maandag 22 april 2002 21:30

Acties:

Verwijderd

Topicstarter

ik heb nog een ander vraagje, ik wil dat op http://62.108.27.230/junt/Zaait/testje.html als je op about klikt, dat er dan "blaat" in het midden verschijnt.
ik heb dit als code:
in de <head>
<script language="JavaScript">

</script>

de <div> defineren en in het midden proppen:
<div valign=top style="visibility: hidden" id="textje">Blaat</div>

dat werkt perfect, maar dan in de img tag zodat ie het werkelijk uitvoert:

onmousedown="src='about2.jpg'; ViewData('textje')" onmouseout="src='about.jpg'"

waarmee hij dit aanroept:
<!--
function ViewData(user dus textje)
{
textje.style.visibility = visible
}

waardoor hij zorgt dat de <div> visible wordt
oh ja en dit script is nog niet af, ik maak nog een functie waarbij hij eerst alle andere <div>'s hidden maakt.

edit:
ik krijg trouwens de error "style is null or not an object"

maandag 22 april 2002 23:42

Acties:

Hangloozz

{ @$%&# }

Op maandag 22 april 2002 20:07 schreef slindenau het volgende:
Ok, i got it
http://www.sf.fragworld.co.uk/tabel/test.html

Aanmerkingen:
Design is
Frontpage is

damn, beetje een puinzooi die code.
Als je de eer wilt opstrijken voor de oplossing doe het dan met sijl en niet wat je daar neerzet

En om je feestje helemaal te spoilen: bekijk het resultaat eens als je op regel 21 van heihgt gewoon height maakt

Daarnaast zijn alle navigatiebuttons bij elkaar opgeteld 451 px breed terwijl de boven/onderbalk 450 breed is...ergens blijft dus een zwarte pixel...precies

Nou, weer genoeg ge-n00b smackek, hier wat code:

code:

<html>
<head>
    <title>Hoi</title>
</head>
<body bgcolor="#000000">
<table width="496" border="0" cellspacing="0" cellpadding="0">
  <tr> 
    <td width="24" valign="top">[img]"links.jpg"[/img]</td>
    <td align="left" valign="top"> 
    <table width="100%" border="0" cellspacing="0" cellpadding="0" height="500">
      <tr> 
        <td height="25">[img]"boven.jpg"[/img]</td>
      </tr>
      <tr>
        <td height="45">[img]"home.jpg"[/img][img]"about.jpg"[/img][img]"gallery.jpg"[/img][img]"guestbook.jpg"[/img][img]"linksb.jpg"[/img]</td>
      </tr>
      <tr> 
        <td height="27">[img]"onderb.jpg"[/img]</td>
      </tr>
      <tr> 
        <td>&nbsp;</td>
      </tr>
      <tr> 
        <td height="22" align="right">[img]"onder.jpg"[/img]</td>
      </tr>
    </table>
    </td>
    <td width="24" valign="top">[img]"rechts.jpg"[/img]</td>
  </tr>
</table>
</body>
</html>

let wel: home.jpg heb ik op 91px breed gezet.
ff aanpasen in het artwork dus.

'skuses voor layout fok-up

www.jurgroessen.nl

dinsdag 23 april 2002 07:30

Acties:

Verwijderd

Topicstarter

Op maandag 22 april 2002 23:42 schreef Hangloozz een heel verhaal

De source is wel beter, maar de 1 pixel blijft...
maar dit is toch beter dan net

dinsdag 23 april 2002 07:56

Acties:

supakeen

Op maandag 22 april 2002 20:34 schreef slindenau het volgende:
Umm, ik denk dat je die zwarte pix. er niet met html uit zult krijgen

Waarom:
Alle balken zijn 450 px lang, en die zwarte pix. zit dus in dat plaatje zelf

Edit:
En het valt echt niet op hoor

Offtopic edit:
Is dat winXP wat jij hebt??
Je taakbalk ziet er niet XP uit...

Ja dat is XP met de theme op classic

dinsdag 23 april 2002 08:32

Acties:

SchizoDuckie

Kwaak

Op maandag 22 april 2002 20:53 schreef Malebolgia het volgende:
één advies: ga nooit hardcode tabellen ontwerpen. dat is imho een nachtmerrie. Dat zou ik toch echt in een wysiwyg als dreamweaver dooen, dan is het zo gebeurd, en kun je ook coden en dan realtime zien wat er van wordt. Ik heb geen tijd over, anders had ik het wel ff voor je gefixed.

imho kan je pas echt html als je zo'n (redelijk simpel) tabelletje als dit uit je hoofd kan kloppen.

Dan weet je namelijk waar je mee bezig bent, en als je dan netjes per <tr> op een nieuwe regel begint, en de <td>'s ook nog netjes inspringt blijft het netjes overzichtelijk

Stop uploading passwords to Github!

dinsdag 23 april 2002 10:13

Acties:

Hangloozz

{ @$%&# }

Op dinsdag 23 april 2002 07:30 schreef Junt het volgende:

[..]

De source is wel beter, maar de 1 pixel blijft...
maar dit is toch beter dan net

vaag, die pixel was bij mij geëlimineerd

Op dinsdag 23 april 2002 08:32 schreef papa_eend het volgende:
imho kan je pas echt html als je zo'n (redelijk simpel) tabelletje als dit uit je hoofd kan kloppen.

Dan weet je namelijk waar je mee bezig bent, en als je dan netjes per <tr> op een nieuwe regel begint, en de <td>'s ook nog netjes inspringt blijft het netjes overzichtelijk

een waarheid als een koe.
nou moet ik toegeven dat het ruwweg op maat slepen van je tabel in Dreamweaver wel tijdsbesparend is...maar handmatig tweaken blijft een must!

www.jurgroessen.nl

dinsdag 23 april 2002 15:13

Acties:

Verwijderd

Topicstarter

Op maandag 22 april 2002 21:30 schreef Junt het volgende:
ik heb nog een ander vraagje, ik wil dat op http://62.108.27.230/junt/Zaait/testje.html als je op about klikt, dat er dan "blaat" in het midden verschijnt.
ik heb dit als code:
in de <head>
<script language="JavaScript">

</script>

de <div> defineren en in het midden proppen:
<div valign=top style="visibility: hidden" id="textje">Blaat</div>

dat werkt perfect, maar dan in de img tag zodat ie het werkelijk uitvoert:

onmousedown="src='about2.jpg'; ViewData('textje')" onmouseout="src='about.jpg'"

waarmee hij dit aanroept:
<!--
function ViewData(user dus textje)
{
textje.style.visibility = visible
}

waardoor hij zorgt dat de <div> visible wordt
oh ja en dit script is nog niet af, ik maak nog een functie waarbij hij eerst alle andere <div>'s hidden maakt.

edit:
ik krijg trouwens de error "style is null or not an object"

iemand?

dinsdag 23 april 2002 15:56

Acties:

Verwijderd

zet "" tussen de visible/hidden properties
zoiets als dit:

document.all.difNaam.style.visibility="visible";

dat kan al schelen

dinsdag 23 april 2002 15:57

Acties:

Verwijderd

Zo, Jullie zijn nog steeds bezig

Als ik vragen mag: Waarmee heb je het design gemaakt??

dinsdag 23 april 2002 16:59

Acties:

Verwijderd

Topicstarter

Op dinsdag 23 april 2002 15:57 schreef slindenau het volgende:
Als ik vragen mag: Waarmee heb je het design gemaakt??

Photoshop (7.0!!!!!!!!)

Het is zo simpel als 30 minuten fotosoepen

dinsdag 23 april 2002 17:03

Acties:

Verwijderd

Topicstarter

nu ik dat van slindenau heb geprobeerd, zegt hij: "document.all.user.style.visibility is null or not an object"

zou het soms aan de var user liggen?
maar die is toch goed doorgegeven?

dinsdag 23 april 2002 18:47

Acties:

Verwijderd

Topicstarter

http://62.108.27.230/junt/Zaait/test.html

Ik dacht dat het nu zou werken maar nog niet...
Ik had namelijk de <div> in een td tag per ongeluk gedefineerd

dinsdag 23 april 2002 23:27

Acties:

Hangloozz

{ @$%&# }

wat ben je nou voor eigenwijze drol?
ik post gisteren een werkend tabelmodel waarvan ik zeker weet dat je die zwarte pixel niet meer ziet, zie ik nu een test met nog die ranzige oude code erin..en dan ook nog blaten dat 'die zwarte pixel er nog is'...

Kan ik zo slecht tegen he, zulke betweters die hulp willen maar dat vervolgens in de wind slaan

ik weet niet warom ik het doe maar hier heb je een werkend model zoals ik het zou doen:

code:

<html>
<head>
    <title>Hoi</title>
    
    <script language="JavaScript">
    <!--
    function ViewData(user)
    {
    document.all['textje'].innerHTML = user;
    }
    -->
    </script>
</head>
<body bgcolor="#000000">
<table width="496" border="0" cellspacing="0" cellpadding="0">
  <tr> 
    <td width="24" valign="top">[img]"links.jpg"[/img]</td>
    <td align="left" valign="top"> 
    <table width="100%" border="0" cellspacing="0" cellpadding="0" height="500">
      <tr> 
        <td height="25">[img]"boven.jpg"[/img]</td>
      </tr>
      <tr>
        <td height="45"><a href="#" onmouseover="this.src='home_over.jpg';" onClick="ViewData('Textje');">[img]"home.jpg"[/img]</a>[img]"about.jpg"[/img][img]"gallery.jpg"[/img][img]"guestbook.jpg"[/img][img]"linksb.jpg"[/img]</td>
      </tr>
      <tr> 
        <td height="27">[img]"onderb.jpg"[/img]</td>
      </tr>
      <tr> 
        <td><div id="textje" style="color: white"></div></td>
      </tr>
      <tr> 
        <td height="22" align="right">[img]"onder.jpg"[/img]</td>
      </tr>
    </table>
    </td>
    <td width="24" valign="top">[img]"rechts.jpg"[/img]</td>
  </tr>
</table>
</body>
</html>

1 link is aangesloten, de rest is up to you.

i'm outta here..
_{ik heb dus een kutdag maar dat hadden jullie al gemerkt}

www.jurgroessen.nl

woensdag 24 april 2002 08:09

Acties:

Verwijderd

Topicstarter

tnx, het werkt nu, niet helemaal op de manier die ik bedacht had (divs visible en invisible maken), maar dit is eigenlijk beter

woensdag 24 april 2002 09:18

Acties:

Verwijderd

Op dinsdag 23 april 2002 16:59 schreef Junt het volgende:

[..]

Photoshop (7.0!!!!!!!!)

Het is zo simpel als 30 minuten fotosoepen

Cool, wel jammer dat ik alleen soep 6.0 heb

woensdag 24 april 2002 09:18

Acties:

Verwijderd

Op dinsdag 23 april 2002 17:03 schreef Junt het volgende:
nu ik dat van slindenau heb geprobeerd, zegt hij: "document.all.user.style.visibility is null or not an object"

zou het soms aan de var user liggen?
maar die is toch goed doorgegeven?

Is niet van mij....

woensdag 24 april 2002 14:22

Acties:

Verwijderd

Topicstarter

Op woensdag 24 april 2002 09:18 schreef slindenau het volgende:

[..]

Cool, wel jammer dat ik alleen soep 6.0 heb

das geen probleem, ik heb niets nieuws gebruikt
daarom stond het dus ook tussen haakjes

Pagina: 1

Reageer