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)

Probleem met tabellen

Drewster
6 antwoorden
  • Ik heb dus momenteel mijn site volledig in tabellen gevuld met afbeeldingen. (Grotendeels via Photoshop omdat ik anders niet wist hoe 'k het moest doen)
    Heb wel al ervaring met html enzo maar omeen layout van PS naar website te maken had ik geen idee.
    Maar het probleem is dat ik mijn site gebruiksvriendelijker wil maken voor alle schermresoluties. Maar wanneer ik mijn afbeeldingen in % wil omzetten dan trekt de site op nix meer.
    Dus heeft er iemand een idee hoe ik dit kan oplossen?
    Wss is de beste manier om af te zien van tabellen en naar … over te gaan
    'k sta voor alles open :)
    http://users.telenet.be/website3/
    Hier mijn site
  • Het probleem met het gebruik van variabele breedte en hoogte icm achtergrond plaatjes van knopjes ed is dat de plaatje niet mee scalen. Je moet dus een constructie maken met plaatjes die soort van over/onder elkaar 'schuiven'. Hier is wel een mooi artikel met uitleg hoe je dit kan toepassen. Sliding doors wordt het wel genoemd. In het artikel wordt het toegepast op een menu item maar je kan het gebruiken voor alle onderdelen van je site. In hoeverre het makkelijk toe te passen valt op tabellen weet ik niet, ik gebruik alleen div's voor de layout van pagina's.
  • 'k heb mijn site proberen omvormen naar DIV's ipv tabellen maar blijkbaar lukt dit niet zo goed.
    Paar probleempjes.
    1) mijn navigatieknoppen staan uit elkaar waardoor ze er niet allemaal op geraken.
    2)achtergrondfiguur of kleur van mijn contentDIV komt er niet door
    3) alle tekst van op mijn pagina's zijn tegen de randen gedrukt.
    Graag een beetje hulp of handige sites
  • Je moet eigenlijk je achtergrond plaatjes (ook van je menu) allemaal in je css zetten. En de mouseover effecten kan je ook allemaal in de CSS regelen, dan kan je ook al die overbodige javascript achterwege laten. Als je daar iets over wil weten kan je gewoon naar "css mouseover" googlen…
    Ruimte tussen elementen haal je weg via margin en padding. Ik zet eigenlijk altijd dit boven in mijn css;[code:1:188942e1aa]* { margin:0; padding:0;}[/code:1:188942e1aa]Hiermee haal je van alle elenenten de standaard margin en padding weg en dan maak ik gewoon expliciet wat voor margin en padding ik wil dat de gebruikte elementen krijgen.
  • heb het laatste uur veel zitten knoeien en nog altijd niet tot de juiste uitkomst gekomen :s de knoppen blijven onder elkaar staan en hebben niet de juiste grootte

    dit is het stuk code in mn css bestandje
    [code:1:b3ecead21b]#nav {
    width: 739px;
    background-color:#000000;
    height: 38px;
    margin: 0px;
    padding:0;
    }

    #nav a:link,a:visited{
    background-image: url('afbeeldingen/button.gif');
    height:38px;
    width:123px;
    text-decoration: none;
    color: #ffffff;
    }

    #nav a:hover{
    background-image: url('afbeeldingen/buttonOver.gif');
    height:38px;
    width:123px;
    text-decoration: none;
    color: #ffffff;
    }

    #nav a:active{
    background-image: url('afbeeldingen/buttonDown.gif');
    height:38px;
    width:123px;
    text-decoration: none;
    color: #ffffff;
    }
    [/code:1:b3ecead21b]

    en dit in mn index.htm

    [code:1:b3ecead21b]<div id="nav">

    <a href="pages/home.htm" target="iframe"> <centre>Test</center>
    </a>

    <a href="pages/formation.htm" target="iframe"><centre>Test1</center>
    </a>

    <a href="pages/types.htm" target="iframe"><centre>Test2</center>
    </a>

    <a href="pages/pictures.htm" target="iframe"><centre>Test3</center>
    </a>

    <a href="pages/facts.htm" target="iframe"><centre>Test4</center>
    </a>

    <a href="pages/links.htm" target="iframe"><centre>Test5</center>
    </a>


    </div>
    [/code:1:b3ecead21b]

    Kan er iemand mij miss een beetje op weg helpen
  • CSS gebruik je om elementen te stylen. Toch gebruik je <center> (ook nog verkeerd geschreven trouwens). Dat zou je ook met CSS moeten regelen.

    Verder is een A een inline element, wat ervoor zorgt dat je het niet zomaar een breedte of hoogte kunt meegeven. Om dat op te lossenm kun je simuleren dat het een block-level element is, door display:block.

    Ook heb je een [i:b51dec0f41]lijst[/i:b51dec0f41] van links, waardoor je het dus beter in een daadwerkelijke lijst kunt zetten (een ordered of unordered list), zoals je ook in het artikel 'Lijstjes' kunt lezen.

    Een goed tutorial over het vormgeven van lijsten van links is het Listutorial.

    Verder is de * {margin: 0; padding: 0}-oplossing weliswaar een snelle oplossing, maar zeker niet de beste. Het reset namelijk ook zaken die je beter wel de default styling mee wil geven, omdat het anders niet meer in alle browser goed werkt.
    Zie verder: http://gathering.tweakers.net/forum/list_message/28475471#28475471

Beantwoord deze vraag

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