Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

[css html]

Tupacrulezz
8 antwoorden
  • Hey mensen, ik ben bezig met een website en heb denk ik de tabellen indeling niet helemaal goed gedaan.

    url: http://shop.leendersbiketotaal.nl/test.htm

    Voor de makkelijkheid heb ik alle asp codes etc eruit gehaald. (zie http://shop.leendersbiketotaal.nl)

    Hierdoor is het overzicht makkelijker.

    Code:"
    [code:1:6c8628a75c]
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//NL">
    <head>
    <title><%= Application("ShopTitle") %></title>
    <link rel="stylesheet" type="text/css" href="shop.css">
    </head>
    <BODY>
    <center>
    <table width=790 cellpadding="0" cellspacing="0">
    <tr>
    <td background="images/bovenkant.jpg" height=138 colspan="3" valign="bottom">
    <table border="0" align="right">
    <tr>
    <td></td>
    </tr>
    </table></td>
    </tr>
    <tr>
    <td width="110" height="630" valign="top" background="images/links.jpg"><p align="center"><br>
    <span class="style1">Producten</span></p>
    </center></td>
    <td width="580" valign="top" background="images/midden.jpg"></td>
    <td width="110" valign="top" background="images
    echts.jpg"></td>
    </tr>
    </table>
    </body>
    </html>
    [/code:1:6c8628a75c]


    Hoe krijg ik die zwarte balk onderaan weg?
    hieght=100% o.i.d werkt namelijk in html niet, maar wel in css…

    maar hoe ook alweer?

    Alvast bedankt

    Daniel
  • Ik zie geen zwarte balk?
  • dan werk je op 800*600
    pas ff je resolutie aan.
  • Nee hoor 1152 x 854
  • Ik heb het even bij me ouders thuis getest en het heeft met resolutie + monitor te maken.
    Ik werk op 21 inch 1280

    Als je monitor op 1280 of hoger (17inch) zie je de balk wel.
    Echter is het probleem gelijk.

    Jij ziet namelijk altijd een scrollbalk.

    Of te wel vraagstelling:

    hoe maak ik tabellen met variable hoogtes op procent basis ipv pixelbasis.
    Maar dan maakt hij de tabel zo hoog als de tekst, ik wil dus beeldvullend (100% qua hoogte dan.



    ik heb geprobeerd:

    <td style="width:110px;height:100%;" valign="top" background="images/links.jpg">

    Externe Css:
    html { height: 100%; }
    body { height: 100%; margin: 0; padding: 0; }
  • 1) werk niet met tabellen ;) zie hier waarom


    2) gebruik pv. tabellen, beschrijven html-code (gebruik de de elementen waar ze voor bedoelt zijn) zo deel je met een div(ison) een vak in, fauxcolums: http://www.alistapart.com/articles/fauxcolumns/

    nog even waarom geen tabellen:
    - de code wordt een stuk zwaarder dan nodig is
    - tabellen zijn minder flexibel
    - tabellen zijn niet bedoelt om mee te stylen, alleen om informatie weer te geven ( zie hier : [quote:f30226982f]The HTML table model allows authors to arrange [b:f30226982f]data[/b:f30226982f] – text, preformatted text, images, links, forms, form fields, other tables, etc. – into rows and columns of cells.[/quote:f30226982f]

    maar terug naar je probleem, height: 100% werkt vaak niet ;), met de fauxcolums kan je dat 'faken' het lijkt zo, maar het is niet zo ;)
  • Thx voor je reply en inderdaad het werkt redelijk…

    echter 2 dingen:

    http://shop.leendersbiketotaal.nl/Default.asp?groep=Occassion

    css:
    body {
    background-color: #000000;
    background: #ccc url(back.gif) repeat-y 50% 0;
    }


    hoe kan het ondanks de #000000; de rest toch grijs worden ipv zwart?


    2: elke tabel heeft andere breedte afhankelijk van de inhoud.

    bv:
    http://shop.leendersbiketotaal.nl/Default.asp?groep=Occassion

    vs:
    http://shop.leendersbiketotaal.nl/ShoppingCart.asp

    en nu?:P
  • door dat je nog een kleur na de zwarte kleur declareert:
    background: [b:6b19ecc2e6]#ccc[/b:6b19ecc2e6] url(back.gif) repeat-y 50% 0;

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.