9 berichten aan het bekijken - 1 tot 9 (van in totaal 9)
  • Q:
    Bijdrager
    suriflavour

    [html/css] tekst kolommen meeschalen

    Hallo,

    Ik heb 2 tekst kolommen met een foto er en (en tekst), en ik heb hem zo ingesteld dat als de tekst langer wordt er een scrollbar komt.
    Nu heb ik aan de zijkanten 2 lijnen staan, dus vanaf links staan ze ong. 5 cm van de kant, en vanaf rechts ook.
    Deze blijven altijd 5 cm vanaf de zijkant staan, als je de pagina van breedte verandert.

    De kolommen staan tussen de 2 lijnen, maar hoe kan ik het zo instellen dat de kolommen bij het kleiner maken van de pagina ook mee schaalt? Dus niet dat als je de pagina smaller maakt dat de lijn over de kolom heen gaat?

    Gebruikte Css en html code:

    [code:1:295b739f1a]
    CSS:

    .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

    .clearfix{
    zoom: 1;
    }

    .boxsport{
    border: 1px solid;
    width: 560px;
    float: left;
    display: inline;
    margin: 10px 20px 0 7px;
    padding: 10px;
    }

    HTML

    <div class="boxsport">
    <div style="height:200px;overflow:auto">
    <table style="background:url(’plaatje.gif’) fixed">

    <img src="polo.png" width="273" height="203" align="right"><p align="left">
    <h3> Polosport, <i><br> Sport on Horses</i></h3>
    "Polo" is one of the most expensive sports of the world.<br> A player changed no less than four horses during a polo game. But "polo club Wassenaar" is trying to make the elite postage more accessible.<br>
    The mission of Jim is to make Polo more known under general (young) public. As popular as golf it will never become.<br> For that polo is not only too expensive, but also too difficult. Nevertheless polo is really not only for the most riches people. <br> <br><b><u><i>Next week you can read how to take part of Polo!</b></i></p></u>

    </table>
    </div>
    </div>[/code:1:295b739f1a]

    Bijdrager
    rikf

    Hmm… ik weet niet helemaal wat je probeert, maar k heb het idee dat je eerst het een en ander moet opfrissen. Je html is nog echt html, wellicht tijd voor xHmtl?
    [code:1:404781c4fd]<i> –> <em>
    <b> –> <strong>
    <u> –> CSS: text-decoration:underline;
    <br> –> <br /> [/code:1:404781c4fd]
    Verder zie ik allerlei inline-style-regels. Je weet hoe je css-klasses moet maken, waarom niet overal… ’t Zelfde geldt voor de tabel, t lijkt dat je die alleen voor opmaak gebruikt(?), waarom daar geen div? (Inhoud in een tabel moet trouwens altijd in td/th staan, die missen nu)

    Met je CSS lijk je je tijd juist weer vooruit, volgens mij wordt :after nog lang niet overal ondersteund. Ook gebruik je de clearfix klasse nergens.

    Om nog even terug te komen op je vraag…. Iig geen vaste breedte van de content, maar een vaste margin. Die 5cm waar je het over hebt met die lijnen, lees ik niet helemaal terug in je code trouwens.

    Bijdrager
    suriflavour

    Het is een school opdracht, html moeten we gewoon gebruiken. ( <!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”> )

    Die lijnen zijn er om de pagina als het ware in 3 delen te verdelen, een menu gedeelte, een gedeelte voor tekst/plaatjes en de laatse voor info/contact.

    Ik dacht dat er wel gewoon iets zou zijn wat je in de css van die kolommen kan zetten zodat ze mee schalen, en anders moet ik het zo laten.
    Ik loop namelijk al voor kwa, hovers en scrollbars in kolommen enzo, maar het is eigenlijk voor mezelf als ik het moet presenteren en hij open in een (te kleine) pagina, dat ze dan meteen zien dat het niet klopt, als meerdere delen elkaar overlappen…

    Bijdrager
    essiw

    ik snap het niet echt (je uitleg) kan je er een plaatje bij geven (of een screenshot)

    Bijdrager
    sturb
    ”rikf”

    Hmm… ik weet niet helemaal wat je probeert, maar k heb het idee dat je eerst het een en ander moet opfrissen. Je html is nog echt html, wellicht tijd voor xHmtl?

    Ben je verouderd als je gewoon html gebruikt?Vind ik een beetje een rare opmerking….

    Bijdrager
    essiw
    ”sturb”
    ”rikf”

    Hmm… ik weet niet helemaal wat je probeert, maar k heb het idee dat je eerst het een en ander moet opfrissen. Je html is nog echt html, wellicht tijd voor xHmtl?

    Ben je verouderd als je gewoon html gebruikt?Vind ik een beetje een rare opmerking….

    nope maar je bent wel verouderd als je <u> <i> en <b> gebruikt, is normaal om in CSS te doen. maarjah het is school dus wat boeit het.

    Bijdrager
    iSponge

    Ik snap je uitleg eigenlijk ook totaal niet, maar kan aan mij liggen..

    Wat me wel op viel is dat je je plaatje afmetingen meegeeft. Het is voor de snelheid van je pagina beter het plaatje te verkleinen (in Photoshop of whatever je tot je beschikking hebt) en de verkleinde versie te gebruiken. Nu moet je pagina het full size plaatje laden (je ziet dit niet gebeuren, maar het gebeurd wel) wat er voor zorgt dat het laden van je pagina langer duurt.

    Klein tipje, misschien heb je d’r wat aan?:)

    Bijdrager
    essiw
    ”iSponge”

    Ik snap je uitleg eigenlijk ook totaal niet, maar kan aan mij liggen..

    Wat me wel op viel is dat je je plaatje afmetingen meegeeft. Het is voor de snelheid van je pagina beter het plaatje te verkleinen (in Photoshop of whatever je tot je beschikking hebt) en de verkleinde versie te gebruiken. Nu moet je pagina het full size plaatje laden (je ziet dit niet gebeuren, maar het gebeurd wel) wat er voor zorgt dat het laden van je pagina langer duurt.

    Klein tipje, misschien heb je d’r wat aan?:)

    Ik geef men plaatjes altijd de standaard lengtes mee, dan “reserveert” de browser die plek alvast en krijgen mensen met slome internet connecties gewoon de lay-out van de pagina al te zien)

    Bijdrager
    iSponge

    Hm.. op die fiets.. :)

9 berichten aan het bekijken - 1 tot 9 (van in totaal 9)

Je moet ingelogd zijn om een reactie op dit onderwerp te kunnen geven.