Avatar billede bssa Nybegynder
03. juni 2008 - 22:12 Der er 14 kommentarer og
1 løsning

php designe "hvad gør jeg forkert"

hey der ude har et problem med et par koder er ved at lave en box til min hjemme side men den vil ikke slutte tæt

link: http://test.unigamers.net/box/

"Index.php" kode:
<?php
include "mytheme.php";
opentable("Test");
  echo "test dette er en test<br>test dette er en test<br>test dette er en test<br>test dette er en test<br>test dette er en test<br>test dette er en test<br>";
closetable();
?>


"mytheme.php" kode:

<?php
function opentable($title) {

echo "<table width='50%' cellpadding='0' cellspacing='0'>
<tr>
<td class='b-top-left'><img src='1.png' width='24' height='24' alt='' style='display:block'></td>
<td class='b-top'><img src='2.png' width='24' height='24' alt='' style='width:100%'></td>
<td class='b-top-right'><img src='3.png' width='24' height='24' alt='' style='display:block'></td>
</tr>
</table>
<table width='100%' cellpadding='0' cellspacing='0'>
<tr>
<td class='b-left'><img src='4.png' width='24' height='24' alt='' style='height:100%'></td>
<td class='main-body'>\n";

}

function closetable() {

echo "</td>
<td class='b-right'><img src='5.png' width='24' height='24' alt='' style='height:100%'></td>
</tr>
<tr>
<td class='b-bottom-left'><img src='6.png' width='24' height='24' alt='' style='display:block'></td>
<td class='b-bottom'><img src='7.png' width='24' height='24' alt='' style='width:100%'></td>
<td class='b-bottom-right'><img src='8.png' width='24' height='24' alt='' style='display:block'></td>
</tr>
</table>\n";
}
?>

hvad gør jeg forkert???
Avatar billede dkfire Nybegynder
03. juni 2008 - 23:59 #1
Det er meget simpelt, du mangler alle de grundlæggende ting for at lave en ordenlig html kode som browsere forstår.
Du mangler bl.a. <html>,</html>,<head> og </head> og der er flere endnu.
Husk også at skrive en dokumenterklæring ala:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
                      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
hvis det er xhtml du skriver, ellers brug en som er passende for din html version.
Avatar billede bssa Nybegynder
04. juni 2008 - 00:12 #2
nu er det jo til php jeg koder det
Avatar billede dkfire Nybegynder
04. juni 2008 - 08:04 #3
Ja men det er stadig html som du viser dine data i. php er kun til at fremstille den html dine data skal præsenteres i.
Husk på, php er serverside, dvs dine brugere (og dig) ser intet php når du viser siden, der i mod ser I html. Og hvis du ikke skriver ordenlig html, så vil din side aldrig se ud som du gerne vil have den.
Avatar billede bssa Nybegynder
04. juni 2008 - 14:47 #4
okay men jeg har prøvet og det virker ikke...
Avatar billede keysersoze Guru
04. juni 2008 - 14:53 #5
Uanset om du skriver php, asp eller en helt tredie serverside teknologi så er outputtet stadig en klient teknologi, i dette tilfælde html og overholder man ikke de mest grundlæggende regler omkring html kan man ikke forvente et rigtigt output.

Som det første så gør dit dokument validt - dvs brug doctype, html og body - før det er gjort giver det ingen mening at fejlsøge din kode.
Avatar billede mclemens Nybegynder
04. juni 2008 - 14:57 #6
Mon ikke at alt det style='display:block' og
style='height:100%' på dine td's bør slettes ?
Avatar billede mclemens Nybegynder
04. juni 2008 - 15:00 #7
- sorry img's.
Avatar billede bssa Nybegynder
04. juni 2008 - 15:58 #8
okay keysersoze, men hvor skal jeg skrive dette på index eller i selve theme.. og evt. hvordan....
Avatar billede keysersoze Guru
04. juni 2008 - 17:32 #9
det afhænger helt og aldeles af hvordan du har opbygget din kode - et forsigtigt gæt er index siden, men bare det kommer frem på samtlige sider er alt godt. Benyt evt denne side til at teste om dine dokumenter er valide; http://validator.w3.org/
Avatar billede mclemens Nybegynder
04. juni 2008 - 19:07 #10
"Index.php" kode:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>
</head><body><?php
include "mytheme.php";
opentable("Test");
  echo "test dette er en test<br>test dette er en test<br>test dette er en test<br>test dette er en test<br>test dette er en test<br>test dette er en test<br>";
closetable();
?></body></html>
Avatar billede mclemens Nybegynder
04. juni 2008 - 19:49 #11
Hmm, lod ikke mærke til linket prøv med:


dette i css:

.tbbox {width:50%;}
.b-top-left {background:url('1.png');width:24px;height:24px;}
.b-top {background:url('2.png');}
.b-top-right {background:url('3.png');width:24px;height:24px;}

.b-left {background:url('4.png');width:24px;}
.b-right {background:url('5.png');width:24px;}

.b-bottom-left {background:url('6.png');width:24px;height:24px;}
.b-bottom {background:url('7.png');}
.b-bottom-right {background:url('8.png');width:24px;height:24px;}


"mytheme.php" kode:

<?php
function opentable($title) {
?><table class="tbbox" cellpadding="0" cellspacing="0">
<tbody><tr>
<td class="b-top-left">&nbsp;</td>
<td class="b-top">&nbsp;</td>
<td class="b-top-right">&nbsp;</td>
</tr>
<tr>
<td class="b-left">&nbsp;</td>
<td class="main-body"><?php
}


function closetable() {
?></td>
<td class="b-right">&nbsp;</td>
</tr>
<tr>
<td class="b-bottom-left">&nbsp;</td>
<td class="b-bottom">&nbsp;</td>
<td class="b-bottom-right">&nbsp;</td>
</tr>
</tbody></table><?php
}
?>
Avatar billede bssa Nybegynder
12. juni 2008 - 21:13 #12
jeg har klaret den
Avatar billede olebole Juniormester
13. juni 2008 - 00:44 #13
<ole>

Jamen, du har sandelig da også fået masser af god hjælp! Derfor er det også en yderst næsvis måde at klappe spørgsmålet i på. Du kunne da i det allermindste sige pænt tak til de kompetente kodere, der gad hjælpe dig, da du kaldte på deres hjælp

/mvh
</bole>
Avatar billede bssa Nybegynder
13. juni 2008 - 21:23 #14
jan men jeg ku jo ikke bruge nogen af de måde som brugen hade sagt da jeg selv sad og lave en kode helt fra bunden,, så kan ikke se hvorfor jeg skulle give nogen point. hade der hvert et svar som jeg kunne bruge hade de osse fåget dem desuden har du ikke deltage så kan ikke se hvad du har med det at gøre har, de ovennævnte bruge et problem med min måde at svar på kan de jo skrive til mig.


til jer ander tak for den hjælp i nu har givet...
Avatar billede mclemens Nybegynder
13. juni 2008 - 22:09 #15
--- Ja, ja, sikkert.

1. Gem siden med baggrunde fra dit link
2. Skift html'en i bodyen ud med:

<table class="tbbox" cellpadding="0" cellspacing="0">
<tbody><tr>
<td class="b-top-left">&nbsp;</td>
<td class="b-top">&nbsp;</td>
<td class="b-top-right">&nbsp;</td>
</tr>
<tr>
<td class="b-left">&nbsp;</td>
<td class="main-body">

bla<br>bla<br>bla<br>bla<br>bla<br>bla<br>bla<br>bla<br>bla<br>bla<br>bla<br>bla<br>bla<br>bla<br>bla<br>bla<br>bla<br>bla<br>bla<br>bla<br>bla<br>bla<br>bla<br>bla<br>bla<br>bla<br>bla<br>bla<br>bla<br>bla<br>

</td>
<td class="b-right">&nbsp;</td>
</tr>
<tr>
<td class="b-bottom-left">&nbsp;</td>
<td class="b-bottom">&nbsp;</td>
<td class="b-bottom-right">&nbsp;</td>
</tr>
</tbody></table>

3. Indsæt den rettede css:
.tbbox {width:50%;}
.b-top-left {background:url('1.png');width:24px;height:24px;}
.b-top {background:url('2.png');}
.b-top-right {background:url('3.png');width:24px;height:24px;}

.b-left {background:url('4.png');width:24px;}
.b-right {background:url('5.png');width:24px;}

.b-bottom-left {background:url('6.png');width:24px;height:24px;}
.b-bottom {background:url('7.png');}
.b-bottom-right {background:url('8.png');width:24px;height:24px;}

4. Nyd resultatet

- Eftersom det egentlig løste problemet i IE samt FF,
burde du jo nok skrive hvis du havde problemer med det
og i hvilken browser. Ole's bekymring er nok ikke for os
svarere som sådan - point har en "symbolsk" værdi (og lidt
konkurrence), men bekymringen er nok mere for at du ikke får
megen hjælp til sidst hvis du ikke giver feedback og evt. point
hvis der var hjælp. Jeg skam ligeglad, jeg mister ikke noget =D (LOL)

Lille tip, da du er ny: Kig forbi http://www.expfaq.dk ved lejlighed.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
IT-kurser om Microsoft 365, sikkerhed, personlig vækst, udvikling, digital markedsføring, grafisk design, SAP og forretningsanalyse.

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester