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)

<TD> met margin-...?

Anoniem
s.Mighty
14 antwoorden
  • Hallo allen!

    Zelf ben ik wederom weer bezig met een site, en stuit op een probleem. Op mijn site heb ik een tabel. In de <TD> die ik er heb wilde ik eigenlijk ook een margin-top, -left, -right opnemen. Is dit mogelijk?

    Antwoord wacht ik af. Alvast bedankt voor de hulp.

    Maarten.
  • dat kan met css, in de zin van dit:

    (even voor het geval je niet thuis bent met css)
    dit in de head:
    [code:1:45152a3c55]
    <style type="text/css">
    td{
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px
    }
    </style>[/code:1:45152a3c55]

    en dan krijgt elke TD een margin van 10px links, 10px rechts en 10px boven, wil je dat er maar 1/of een paar margin hebben werk je met een class:

    [code:1:45152a3c55]
    td.margin{
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px
    }
    </style>[/code:1:45152a3c55]

    en dan wordt de td zo:

    [code:1:45152a3c55]<td class="margin">Inhoud</td>[/code:1:45152a3c55]

    dit kan allemaal met css, kijk daar eens naar ;)
  • Je kunt natuurlijk ook gewoon de cellpadding aanpassen. Moet je wel alle cellen en margins gelijk willen hebben natuurlijk. Anders is de enige oplossing css.

    <table cellpadding="10">
  • @ gerben ik zag er geen bottom-margin in staan, anders had ik die oplossing ook nog aangedragen (alhoewel ik het persoonlijk geen nette oplossing vind, werk veel liever met css)
  • Bedankt voor de tips, ik heb beide echter geprobeerd, maar op een of andere manier werkt dit niet. Daarom hieronder het script van de pagina van de site maar even. Achtergrondafbeeldingen ontbreken natuurlijk.

    [code:1:9f55c99bf4]Hidden..[/code:1:9f55c99bf4]
  • eerst een paar tips:

    1) je werkt met upparcase tags, welke behoorlijk lastig te lezen zijn
    2) je gebruikt geen correct doctype
    3) je gebruikt tabellen voor lay-out (tegen woordig notdone)

    maar op terug te komen op je vraag:

    probeer dit eens:
    [code:1:c61586f679]
    td.menu {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px
    }
    [/code:1:c61586f679]

    misschien dat dit gaat werken?
  • 1. Uppercase tags?
    2. Wat voor doctype zou ik dan erboven moeten zetten, wat is eigenlijk het nut van een doctype?
    3. Voor mij was de reden van tabellen zodat de scrollbalk over de hele pagina gaat. Ik wilde niet zoals op een andere site van mij (www.schoolbandexp.tk) dat de scrollbalk in een klein menu'tje komt.



    Zal het proberen.
  • 1) uppercase = hoofdletters
    2) in jou geval zou ik voor html 4.01 transistional gaan
    [code:1:359165d989]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    [/code:1:359165d989]
    met een doctype weet je bijna 100% zeker dat alles hetzelfde weer gegeven gaat worden, vooral als je met strict werkt. omdat IE nogal wat bugs heeft betreft CSS werkt ik veel met STRICT die doet IE sommige bugs vergeten ;)
    3) met tabellen, wat jij wil kan je ook met structurele opmaak bereiken, zoek eens naar structurele opmaak

    kijk dit ook eens door ;)

    http://www.stylesheets.nl/

    ik hoor het wel
  • Bedankt voor alle tips!

    Ik ben wat naar CSS rondgaan zoeken en ben nu ook bezig de site hier in om te zetten. Ik stuit echter op een aantal problemen.

    1. Stel je hebt een menu naar allerlei pagina's op je computer (twee frames - menu en waar de pagina getoond word). Als bijvoorbeeld de foto pagina geopend is, dan heb ik allerlei aparte pagina's gemaakt waarin deze kopjes opgelicht blijven. Dus foto pagina open, foto kopje wit i.p.v. oranje. Is dit ook mogelijk met CSS om hier een pagina van te maken, of moet je dan zoiets als PHP gebruiken?
    2. Moet ik nu ook een ander doctype?
    3. Bij het aangemaakte CSS bestand heb ik veel 'lay-out'-gedoe overgezet. Echter de 'valign' en 'align' bij TD.menu pakt hij niet. Ook de gekleurde scrollbalk niet. Ideeën hoe dit komt?


    [code:1:5680ecff7c]TD.menu {
    background-color:darkred;
    background-image:url(bg2.jpg);
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    valign:top;
    align:left;
    }

    p.tekst {
    color:white;
    font-family:verdana;
    font-face:verdana;
    font-weight:bold;
    font-size:10px;
    }


    a {
    text-decoration: none;
    color: #FFFFFF;
    }
    a:hover {
    text-decoration: underline;
    color: #FFFFFF;
    }

    BODY {
    background: url("bg_main2.bmp");
    background-color: black;
    background-attachment:fixed;
    background-repeat:repeat;
    background-position:left top;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    scrollbar-3dlight-color:#181818;
    scrollbar-arrow-color:#000000;
    scrollbar-base-color:#181818;
    scrollbar-track-color:#181818;
    scrollbar-darkshadow-color:#000000;
    scrollbar-face-color:#262626;
    scrollbar-highlight-color:#000000;
    scrollbar-shadow-color:#282828;
    }[/code:1:5680ecff7c]

    En verder, die ene tabel heb ik er nu nog ingelaten, met als doel dat het een grote gekleurde rand heeft, en daar twee kleine gekleurde randjes bij de TD's erin. Andere manieren om dit te veranderen misschien?
  • 1) frames zijn afgeraden: zie dit
    Dit zou je met php kunnen doen (dat kopje) dat open staat (als die in het menu staat kan je met php daar een andere class aan mee geven) het idee van frames, altijd het zelfde menu is ook heel makkelijk met php te realiseren met de functie include() of require() .
    2) voor frames moet je inderdaad een ander doctype, maar liever geen freames dus ;)

    align is in css: text-align geworden
    v-align = vertical-align geworden ;)
    de scorllbalk werkt alleen in Internet Explorer en klonen, in andere browsers (bijv. Opera en Firefox(een van de grootste concurnten van IE, krijgt gestaag meer aanhang))

    als je structueel werkt, kan je bijv. een container div maken, die de grote rand heeft,
    en het menu en inhoud in 2 andere div's en die stijl je dan met een id. lees je eerst eens goed in in html/css samen (koop desnoods een goed boek er over, aan ene boek heb je vaak meer dan losse sites[lees: is makkelijker nazoeken])
  • 1. In php moet ik me nog eens verdiepen, dit ben ik wel van plan.
    2. Doctype voor frames bedoelde ik echter niet. Ik bedoelde op de site waar ik nu van tabbelen en die wirwar over probeer te gaan naar CSS en divjes. Moet daar ook een ander doctype voor?
    3. Danku. Maar hoe maak ik dat scrolltype dan toch zichtbaar. Ook al is het alleen in IE?

    Naar die div'jes zal ik eens kijken. Eerst maar naar CSS overzetten. :wink:
  • 1) veel succes, zelfde idee koop een goed boek ;)
    2) je kan gewoon het zelfde aanhouden, of met strict werken, (ik werk zelf altijd met strict)
    3) daar heb ik geen idee van (werk er zelf nooit mee)
  • Scolltype is opgelost, voor de mensen die het wilden weten. Het moest niet [code:1:fdd594a71e]BODY { (..) }[/code:1:fdd594a71e] zijn maar [code:1:fdd594a71e]HTML { (..) }[/code:1:fdd594a71e]
  • [quote:b320174de0="s.Mighty"]
    align is in css: text-align geworden
    v-align = vertical-align geworden ;)[/quote:b320174de0]

    Ook bekend wat "border" en "bordercolor" is geworden?

Beantwoord deze vraag

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