menu klopt niet ? - Softwareontwikkeling

vrijdag 27 januari 2006 19:48

Acties:

Verwijderd

Topicstarter

Ik heb al paar keer iets gevraagd maar geen antwoord gekregen omdat ik niet iets laat zien nou ik ben hard aan de gang gegaan en ik kom hier niet uit de volgende dingen kan ik laten zien,

code menu:

<div align="left">
<table border="0" cellpadding="0" cellspacing="0" width="179">

<td style="background-image: url('images/TOPHAIR_10.gif');" width="15" height="27" valign="middle"></td>
<td style="background-image: url('images/TOPHAIR_11.gif');" width="139" height="27" valign="middle"></td>
<td style="background-image: url('images/TOPHAIR_12.gif');" width="25" height="27" valign="middle"></td>
</tr>
<tr>
<td style="background-image: url('images/TOPHAIR_16.gif');" width="15" height="144" valign="middle"></td>
<td style="background-image: url('images/TOPHAIR_17.gif');" width="139" height="144" valign="middle"></td>
<td style="background-image: url('images/TOPHAIR_18.gif');" width="25" height="144" valign="middle"></td>
</tr>
<tr>
<td style="background-image: url('images/TOPHAIR_22.gif');" width="15" height="34" valign="middle"></td>
<td style="background-image: url('images/TOPHAIR_23.gif');" width="139" height="34" valign="middle"></td>
<td style="background-image: url('images/TOPHAIR_24.gif');" width="25" height="34" valign="middle"></td>
</tr>
</table>
</div>

code header :

<div align="left">
<center>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="7" style="background-image: url('images/TOPHAIR_01.gif');" width="790" height="136" valign="middle"></td>
</tr>
<tr>
<td style="background-image: url('images/TOPHAIR_02.gif');" width="120" height="29" valign="middle"></td>
<td style="background-image: url('images/TOPHAIR_03.gif');" width="114" height="29" valign="middle"></td>
<td style="background-image: url('images/TOPHAIR_04.gif');" width="110" height="29" valign="middle"></td>
<td style="background-image: url('images/TOPHAIR_05.gif');" width="118" height="29" valign="middle"></td>
<td style="background-image: url('images/TOPHAIR_06.gif');" width="118" height="29" valign="middle"></td>
<td style="background-image: url('images/TOPHAIR_07.gif');" width="109" height="29" valign="middle"></td>
<td style="background-image: url('images/TOPHAIR_08.gif');" width="101" height="29" valign="middle"></td>
</tr>
<tr>
<td colspan="8" style="background-image: url('images/TOPHAIR_09.gif');" width="790" height="17" valign="middle"></td>
</tr>
</table>
</center>
</div>

code content :

<div align="center">
<center>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3" style="background-image: url('images/TOPHAIR_13.gif');" width="29" height="27" valign="middle"></td>
<td style="background-image: url('images/TOPHAIR_14.gif');" width="549" height="27" valign="middle"></td>
<td style="background-image: url('images/TOPHAIR_15.gif');" width="33" height="27" valign="middle"></td>
</tr>
<tr>
<td colspan="3" style="background-image: url('images/TOPHAIR_19.gif');" width="29" height="444" valign="middle"></td>
<td style="background-image: url('images/TOPHAIR_20.gif');" width="549" height="444" valign="middle"></td>
<td style="background-image: url('images/TOPHAIR_21.gif');" width="33" height="444" valign="middle"></td>
</tr>
<tr>
<td colspan="4" style="background-image: url('images/TOPHAIR_25.gif');" width="578" height="34" valign="middle"></td>
<td style="background-image: url('images/TOPHAIR_26.gif');" width="33" height="34" valign="middle"></td>
</tr>
</table>
</center>
</div>

code under:

<div align="center">
<center>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="background-image: url('images/TOPHAIR_27.gif');" width="790" height="13" valign="middle"></td>
</tr>
</table>
</center>
</div>

code index :

<html>

<head>
</head>

<body background="#000000">

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

<div align="center">
<center>
<table border="0" cellpadding="0" cellspacing="0"width="790">
<tr>

<td width="100%" colspan="2"><?php include ("header.htm"); ?></td>
</tr>
<tr>
<td width="179" height="413" valign="top"><?php include ("menu.htm"); ?></td>
<td width="611" valign="top"><?php include ("content.php"); ?></td>
</tr>
<tr>
<td colspan="2" width="790" height="13"valign="top"><?php include ("under.htm"); ?></td>
</tr>
</table>
</center>
</body>
</html>

</div>

als je nou naar www.leechit.nl/goeje/index.php gaat .. zie je dat het menu niet goed te zien is zou iemand me kunnen vertellen waar het aan ligt ? ik weet dat ik de content nog het ( pagina include php script moet zetten ) kan iemand me verder helpen ? dit is hoe het eruit moet komen zien: http://img520.imageshack....ayoutkapsalontophairb.png het menu alleen dan he want gaat even niet om de rest

Groetn WalkeR

vrijdag 27 januari 2006 19:54

Acties:

Verwijderd

Zou je je HTML en/of php even tussen [code] tags willen zetten? dat leest wat makkelijker

Dus niet:
<html>
blaat<br>
<?php
// hier wat interessante php
?>
</html>

maar:

[code=php]
<html>
blaat<br>
<?php
// hier wat interessante php
?>
</html>
[/code]

Dat levert namelijk dit op:

PHP:

<html>
blaat<br>
<?php
  // hier wat interessante php
?>
</html>

Wat stukken beter te lezen is voor ons..

vrijdag 27 januari 2006 20:32

Acties:

Verwijderd

Topicstarter

menu :

PHP:

<div align="left">
<table border="0" cellpadding="0" cellspacing="0" width="179">

<td style="background-image: url('images/TOPHAIR_10.gif');" width="15" height="27" valign="middle"></td>
<td style="background-image: url('images/TOPHAIR_11.gif');" width="139" height="27" valign="middle"></td>
<td style="background-image: url('images/TOPHAIR_12.gif');" width="25" height="27" valign="middle"></td>
</tr>
<tr>
<td style="background-image: url('images/TOPHAIR_16.gif');" width="15" height="144" valign="middle"></td>
<td style="background-image: url('images/TOPHAIR_17.gif');" width="139" height="144" valign="middle"></td>
<td style="background-image: url('images/TOPHAIR_18.gif');" width="25" height="144" valign="middle"></td>
</tr>
<tr>
<td style="background-image: url('images/TOPHAIR_22.gif');" width="15" height="34" valign="middle"></td>
<td style="background-image: url('images/TOPHAIR_23.gif');" width="139" height="34" valign="middle"></td>
<td style="background-image: url('images/TOPHAIR_24.gif');" width="25" height="34" valign="middle"></td>
</tr>
</table>
</div>

header:

PHP:

<div align="left">
<center>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="7" style="background-image: url('images/TOPHAIR_01.gif');" width="790" height="136" valign="middle"></td>
</tr>
<tr>
<td style="background-image: url('images/TOPHAIR_02.gif');" width="120" height="29" valign="middle"></td>
<td style="background-image: url('images/TOPHAIR_03.gif');" width="114" height="29" valign="middle"></td>
<td style="background-image: url('images/TOPHAIR_04.gif');" width="110" height="29" valign="middle"></td>
<td style="background-image: url('images/TOPHAIR_05.gif');" width="118" height="29" valign="middle"></td>
<td style="background-image: url('images/TOPHAIR_06.gif');" width="118" height="29" valign="middle"></td>
<td style="background-image: url('images/TOPHAIR_07.gif');" width="109" height="29" valign="middle"></td>
<td style="background-image: url('images/TOPHAIR_08.gif');" width="101" height="29" valign="middle"></td>
</tr>
<tr>
<td colspan="8" style="background-image: url('images/TOPHAIR_09.gif');" width="790" height="17" valign="middle"></td>
</tr>
</table>
</center>
</div>

content:

PHP:

<div align="center">
<center>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3" style="background-image: url('images/TOPHAIR_13.gif');" width="29" height="27" valign="middle"></td>
<td style="background-image: url('images/TOPHAIR_14.gif');" width="549" height="27" valign="middle"></td>
<td style="background-image: url('images/TOPHAIR_15.gif');" width="33" height="27" valign="middle"></td>
</tr>
<tr>
<td colspan="3" style="background-image: url('images/TOPHAIR_19.gif');" width="29" height="444" valign="middle"></td>
<td style="background-image: url('images/TOPHAIR_20.gif');" width="549" height="444" valign="middle"></td>
<td style="background-image: url('images/TOPHAIR_21.gif');" width="33" height="444" valign="middle"></td>
</tr>
<tr>
<td colspan="4" style="background-image: url('images/TOPHAIR_25.gif');" width="578" height="34" valign="middle"></td>
<td style="background-image: url('images/TOPHAIR_26.gif');" width="33" height="34" valign="middle"></td>
</tr>
</table>
</center>
</div>

under:

PHP:

<div align="center">
<center>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="background-image: url('images/TOPHAIR_27.gif');" width="790" height="13" valign="middle"></td>
</tr>
</table>
</center>
</div>

index:

PHP:

<html>

<head>
</head>

<body background="#000000">

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

<div align="center">
<center>
<table border="0" cellpadding="0" cellspacing="0"width="790">
<tr>

<td width="100%" colspan="2"><?php include ("header.htm"); ?></td>
</tr>
<tr>
<td width="179" height="413" valign="top"><?php include ("menu.htm"); ?></td>
<td width="611" valign="top"><?php include ("content.php"); ?></td>
</tr>
<tr>
<td colspan="2" width="790" height="13"valign="top"><?php include ("under.htm"); ?></td>
</tr>
</table>
</center>
</body>
</html>

</div>

vrijdag 27 januari 2006 20:40

Acties:

Swaptor

Java Apprentice

Niet om je keihard af te kraken, maar de gegenereerde code in je php is echt verschrikkelijk onleesbaar.
Je sluit div's af na de </html>, je gebruikt div's in een <td> en zo kan ik nog doorgaan.
In FF ziet het er redelijk uit, het enige wat mist is de linkerkolom die wat te kort is.

Als ik je een tip mag geven: probeer het op de manier die je zelf wilt, niet een manier waarbij je 2 dingen probeert te combineren.
Dus: óf alleen tables, óf direct geheel css+div layout.
Het laatste heeft de voorkeur.
Kijk eens op de links die in de meeste css/div topics hier langskomen, oa http://www.alistapart.com en meerdere die ik niet eens meer kan herinneren.

Jouw lay-probleem is door meerderen opgelost, probeer eens hun code te bekijken en toe ta passen.

Ontdek mij!
Proud NGS member
Stats-mod & forum-dude

vrijdag 27 januari 2006 20:43

Acties:

Saryon

Xienix

Als je niet wil dat je topic net als de vorige 3 gesloten wordt, zou je kunnen beginnen om niet steeds de groeten te doen na je openingspost... Hiermee wek je de indruk dat je niet echt de gedragsregels erop nagekeken hebt...

Deliriant isti Romani.

vrijdag 27 januari 2006 20:45

Acties:

Verwijderd

Topicstarter

ja maar wat ik wil is dat ik gewoon mijn voledige layout heb maar dat zeg maar het content uit kan rekken tot zover als ik wil, en dat de rest eromheen dan blijft staan, maar ik wil wel php kunnen invoeren en dan moet ik het toch wel zo doen? want wat ik doe is eigenlijk tabel in tabel toch ?

vrijdag 27 januari 2006 22:00

Acties:

Boelie-Boelie

Ik zou het artikel ' Developing with web standards' eens helemaal doorlezen om tot nieuwe inzichten te komen. Vervolgens kun je de code kopiëren van het meegeleverde voorbeeld van een tweekolomslayout (natuurlijk wel aanpassen aan jouw layout). Het komt er dan zo uit te zien.

Wat uitleg hoe je een menu moet maken, vind je in het Listutorial. Als je dat met mooie achtergrondafbeeldingen wilt doen, dan kun je wat meer lezen over CSS rollover images.

Da's voor een eerste keer natuurlijk makkelijker gezegd dan gedaan, maar het loont de moeite om het voortaan op deze manier te doen. Ik denk dat je met kopiëren van code en wat waarden aanpassen al een heel eind komt, ik zou zeggen, probeer het eens...

Cogito ergo dubito

vrijdag 27 januari 2006 22:59

Acties:

MueR

Admin Devschuur® & Discord

is niet lief

Ik zou eens beginnen met zelf wat doen. HTML of PHP leren enzo, voordat je sites gaat maken voor bedrijven. Je wordt er namelijk op gewezen dat je op deze manier niet moet posten. Vervolgens kwak je hier gewoon je topic neer, met nog steeds een "ik heb dit gemaakt, het is niet zoals ik wil, fix dat even voor me", wat behoorlijk irritant wordt.
Wat heb je zelf al geprobeerd? Waarom lukt dat niet?

Anyone who gets in between me and my morning coffee should be insecure.

vrijdag 27 januari 2006 23:18

Acties:

Verwijderd

@Walkietalkie: ik bedoelde eigenlijk niet: maak nog een posting met die hele lap code

Je kunt op GoT ook je posts bewerken, met de edit knop ( Afbeeldingslocatie: http://gathering.tweakers.net/global/templates/tweakers/images/icons/edit.gif

Afbeeldingslocatie: http://gathering.tweakers.net/global/templates/tweakers/images/icons/edit.gif

). Ik denk dat je er goed aan zou doen je eerste post even van de juiste [code] tags te voorzien (voor php is dat [code=php], voor html [code=html] en dan je 2e post even leegmaakt ofzo. Dan wordt dit draadje wat beter leesbaar

Je zou er goed aan doen je HTML en PHP eens goed te identeren, dus gebruik maken van tabs of spaties (laatste heeft mijn persoonlijke voorkeur, maar beide is valide).

vb:

HTML:

<html>
    <head>
    </head>
    <body>
        <div>
        </div>
    </body>
</html>

Op deze manier zie je in één oogopslag als je ergens een tag incorrect afsluit.

Verder denk ik dat je geen table layout zou moeten willen maken. Je bent nog lerende, dus de keuze is vrij, ik zou dan toch voor css gaan, dus bv. met <div> etc.

Wat je in feite wilt is een aangeklede, 2 column layout, waarbij beide columns met elkaar 'meegroeien'.

hier vind je een van de vele manieren om dat te doen.

Die gradient in je content-vlak en je menu, zou ik laten vallen. Daarmee compliceer je de handel onnodig. Hoe ga je bijvoorbeeld om met tekst, welke kleur lettertype ga je gebruiken om je tekst over de gehele gradient zichtbaar te laten zijn?

vb:
Afbeeldingslocatie: http://tweakers.net/ext/f/7325bd33c34783f2ea53bf37aab5c4ae/full.jpg

Afbeeldingslocatie: http://tweakers.net/ext/f/7325bd33c34783f2ea53bf37aab5c4ae/full.jpg

[ Voor 15% gewijzigd door Verwijderd op 27-01-2006 23:31 ]

zaterdag 28 januari 2006 11:47

Acties:

André

Analytics dude

Je laat nog steeds niet zien wat je zelf al geprobeerd hebt, het enige wat je doet is een probleem neergooien die wij op mogen lossen. Daarbij plaats je allemaal overbodige code ipv alleen de relevante code. Het is hier geen kant-en-klaar code afhaal forum.