Avatar billede alexanderf Nybegynder
09. maj 2009 - 00:20 Der er 5 kommentarer og
1 løsning

table hjælp! Table laver vrøvl

Hej,
Jeg er igang med en ny hjemmeside. ( http://sparetilbud.dk/test/ )

Designet er lavet i photoshop, og er skåret ud, og så har photoshop selv lavet HTML filen. Dette har den gjort på følgende måde:


<html>
<head>
<meta http-equiv="Content-Language" content="da">
<title>sparetilbud</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<table align="center" id="Table_01" width="100%" height="701" border="0" cellpadding="0" cellspacing="0">

Photoshop har valgt at lave hele designet i en stor table, hvilket ser ud til at give problemer videre inde på siden.

Her er linket til problemet: http://sparetilbud.dk/test/campains.php?eCat=1

Som i kan se, bliver designet lidt smadret, når man ser filen.

Selve koden for filen campains.php:

<?
include("header.php");
$data = mysql_query("select * from `campains` where id = '$_GET[id]'");
$show = mysql_fetch_array($data);
$lw = mysql_query("SELECT * FROM `campain_cat` WHERE id = '$_GET[id]'") or die(mysql_error());
$row = mysql_fetch_array($lw);
?>

<h1>Kampagner</h1>
<br>
<?
$data = mysql_query("SELECT * FROM `campains` WHERE cat = '$_GET[eCat]' ORDER BY id DESC");
while ($show = mysql_fetch_array($data)) {
?>
<td bgcolor="#FFFFFF">
<table border="0" width="100%" cellspacing="0" cellpadding="0">
    <tr>
        <td width="125">
            <p align="center">
                <?= $href; ?><img style="cursor:pointer;" border="0" src="<?= $row[img]; ?>" width="110" height="100"><br>
        </td>
       
        <td valign="top"><b><?= $show[navn]; ?></b>
        <br>
            <?= $show[beskrivelse]; ?><br>
        </td>
    </tr>
</table>
</td>

<?
}
?>
<?
include("footer.php");
?>



Håber virkelig at nogen kan hjælpe mig, med hvad jeg kan gøre. Det er tydeligvis en dårlig ide, at have hele designet inde i en table. Hvis nogen kan hjælpe mig, vil jeg godt sende hele HTML filen til designet, hvis det er nødvendigt.
Avatar billede alexanderf Nybegynder
09. maj 2009 - 00:32 #1
Hele min header.php ser således ud:

<?php
include("mysql/config.php");
?>

<html>
<head>
<meta http-equiv="Content-Language" content="da">
<title>sparetilbud</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<table align="center" id="Table_01" width="100%" height="701" border="0" cellpadding="0" cellspacing="0">
    <tr>
       
            <td rowspan="4" background="images/index_01.gif" width="20%" height="131" alt=""></td>
        <td colspan="15">
            <img src="images/index_02.gif" width="896" height="35" alt=""></td>
       
            <td rowspan="4" background="images/index_03.gif" width="20%" height="131" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="35" alt=""></td>
    </tr>
    <tr>
        <td colspan="7">
            <img src="images/index_04.gif" width="343" height="23" alt=""></td>
       
            <td colspan="5" rowspan="2" background="images/index_05.gif" width="468" height="60" alt="">
            <a href="http://tracking.euroads.dk/system/tracking.php?sid=1&cpid=1376&adid=174453&acid=846" target="_blank"><img border="0" src="http://banner.euroads.dk/banner/1/1376/banner_12313.jpg"></a>
            </td>
        <td colspan="3" rowspan="3">
            <img src="images/index_06.gif" width="85" height="96" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="23" alt=""></td>
    </tr>
    <tr>
        <td colspan="2" rowspan="2">
            <img src="images/index_07.gif" width="21" height="73" alt=""></td>
        <td colspan="4">
            <img src="images/index_08.gif" width="208" height="37" alt=""></td>
        <td rowspan="2">
            <img src="images/index_09.gif" width="114" height="73" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="37" alt=""></td>
    </tr>
    <tr>
        <td colspan="4">
            <img src="images/index_10.gif" width="208" height="36" alt=""></td>
        <td colspan="5">
            <img src="images/index_11.gif" width="468" height="36" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="36" alt=""></td>
    </tr>
    <tr>
   
            <td background="images/index_12.gif" width="20%" height="38" alt=""></td>
        <td colspan="8">
            <img src="images/index_13.gif" width="456" height="38" alt=""></td>
        <td>
            <img src="images/index_14.gif" width="66" height="38" alt=""></td>
        <td>
            <img src="images/index_15.gif" width="107" height="38" alt=""></td>
        <td>
            <img src="images/index_16.gif" width="97" height="38" alt=""></td>
        <td colspan="2">
            <img src="images/index_17.gif" width="96" height="38" alt=""></td>
        <td colspan="2">
            <img src="images/index_18.gif" width="74" height="38" alt=""></td>
       
            <td background="images/index_19.gif" width="20%" height="38" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="38" alt=""></td>
    </tr>
    <tr>
            <td rowspan="9" background="images/index_20.gif" width="20%" height="446" alt=""></td>
        <td colspan="15">
            <img src="images/index_21.gif" width="896" height="9" alt=""></td>
       
            <td rowspan="9" background="images/index_22.gif" width="2" height="446" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="9" alt=""></td>
    </tr>
    <tr>
        <td colspan="6">
            <img src="images/index_23.gif" width="229" height="11" alt=""></td>
       
            <td VALIGN="TOP" colspan="8" rowspan="7" background="images/index_24.gif" width="666" height="432" alt="">
Avatar billede fant0mas Nybegynder
09. maj 2009 - 01:16 #2
1990 ringede, de vil have deres tables tilbage!

<td bgcolor="#FFFFFF">

Den der plus den afsluttende td skal nok udenfor din while.
Avatar billede alexanderf Nybegynder
09. maj 2009 - 01:24 #3
Hvis jeg fjerner den <td bgcolor... ser siden sådan her ud:

http://sparetilbud.dk/test/campains.php?eCat=1

Meningen er, at de to reklamer skal være ved siden af hinanden sådan her:

|_| |_|

|_| |_|

Sådan to og to.
Avatar billede dkfire Nybegynder
09. maj 2009 - 11:00 #4
Et god råd, se at få valideret din html inden du går videre.
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fsparetilbud.dk%2Ftest%2F

http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fsparetilbud.dk%2Ftest%2Fcampains.php%3FeCat%3D1

Dernæst, lad ALDRIG Photoshop eller andre billedbehandlingsprogrammer danne din html til siden, det kommer aldrig til at gå godt.
Lav din html selv.
Hvis du ikke kan, så lær det.
Hvis du ikke vil lære det, så drop at lave hjemmesider.
Avatar billede webweaver Praktikant
09. maj 2009 - 11:09 #5
Som nævnt, så start forfra og lav din HTML selv.
Jeg lover dig for at det går meget bedre!

Et god råd, når du arbejder med tables, så sæt border til 1.
Så kan det være meget nemmere at se hvad der foregår, og hvor evt. fejl ligger.

Men i det hele taget burde du gå over til <div> og CSS :)
Avatar billede alexanderf Nybegynder
23. november 2009 - 17:24 #6
Lukket.
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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



IT-JOB