abonnement Unibet Coolblue
  FOK!-Schrikkelbaas dinsdag 17 januari 2006 @ 22:53:23 #151
1972 Swetsenegger
Egocentrische Narcist
pi_34180435
quote:
Op dinsdag 17 januari 2006 22:49 schreef SuperRembo het volgende:
Komt die ruimte niet door het form?
In FF zit daar in ieder geval standaard een margin-bottom: 1em op.


De ENIGE tag waar ik geen style in had gezet
pi_34455964
Ik heb een divje, de container van het alles.
Daarin staat een afbeelding, met daarnaast een stukje tekst.
De tekst staat in een div. En nu wil ik het zo maken dat de tekst naast de afbeelding komt te staan.
Display:inline, heeft alleen effect op de eerste regel, en ik wil de hele div. Ik heb al met floats/clears zitten gochelen maar geen succes.
pi_34457343
1
2
3
4
5
6
7
8
<div>
 <div style="float: left">
  <img>
 </div>
 <div style="float: left">
  <p>test</p>
 </div>
</div>

?

Of begrijp ik je niet goed?
pi_34457935
quote:
Op woensdag 25 januari 2006 19:46 schreef the_disheaver het volgende:

[ code verwijderd ]

?

Of begrijp ik je niet goed?
Tis gelukt, met een clear: right; aan de text-div.
pi_34458351
Een ander probleem. Ik heb dus nu het volgende:
1
2
3
4
5
6
7
8
<div containertje>
 <img style="float: left">

   <div style="clear: right">
  <p>test</p>
 </div>
</div>
<hr />

En dit zo een aantal keer. Nu is het probleem dat wanneer de tekst korter is dan de afbeelding hoog is ie de volgende entry niet op een nieuwe regel zet.

Het gaat om deze pagina:
http://www.ruudmiddelrallyteam.nl/sponsoring.php
pi_34458698
1
2
3
4
5
6
7
8
<div containertje>
 <img style="float: left" >

   <div style="clear: both">
  <p>test</p>
 </div>
</div>
<hr />

ofwel: clear: both ipv clear: right
toch niet
pi_34458967
Maar dit wel: clear: both in de <hr> zetten
1
2
3
4
5
6
7
8
<div id="container">
 <img style="float: left" ">

   <div style="float: left">
  <p>text</p>
 </div>
</div>
<hr style="clear: both" />
pi_34458990
-dubbel-

[ Bericht 99% gewijzigd door the_disheaver op 25-01-2006 20:37:21 ]
pi_34460151
quote:
Op woensdag 25 januari 2006 20:31 schreef the_disheaver het volgende:
Maar dit wel: clear: both in de <hr> zetten
[ code verwijderd ]
Thnx. .
  zaterdag 28 januari 2006 @ 03:04:02 #160
46275 Castor
Obey the rules, miss the fun
pi_34540755
quote:
Op woensdag 25 januari 2006 20:59 schreef DutchBlood het volgende:

[..]

Thnx. .
Paar kleine opmerkingen over je site:

  • Ik zou het menu veranderen van een tabel naar een CSS menu (zie bv. Listamatic)
  • <br>eaks gebruiken voor ruimte kan ook in je CSS opgelost worden door margins te vergroten van bepaalde elementen.
  • gebruik zo veel mogelijk semantische HTML ipv nietszeggende divs/spans

    Voorbeeld:
    1<div id="titel">Sponsoring</div>

    en
    1<div class="subtitle">Sponsoren van het Ruud Middel Rally Team</div>

    Zou je beter als volgt kunnen neerzetten:
    1
    2
    <h1>Sponsoring</h1> 
    <h2>Sponsoren van het Ruud Middel Rally Team</h2>


    Niet alleen beter te gebruiken voor mensen die je site zonder styles bekijken maar ook beter te "begrijpen" en dus beter te indexen door zoekmachines.

    Verder ziet het er netjes uit hoor!
  •   zaterdag 28 januari 2006 @ 13:41:16 #161
    32768 DionysuZ
    Respect my authority!
    pi_34547497
    Even een vraagje. Ik probeer verticaal centreren nog steeds goed werkend te krijgen met css. Zie bijvoorbeeld http://www.ruudvandevoort.nl. Maar als ik deze met IE voor de mac bekijk dan ziet het er verneukt uit. Volgens mij ligt dat aan het html, body { height: 100%; } maar dat weet ik niet zeker, iemand een oplossing, eventuele mac ie hack, daarvoor?
    □ Reality is merely an illusion,albeit a very persistent one-A.Einstein
    ■ Of ik ben gek of de rest van de wereld.Ik denk zelf de rest van de wereld-Rudeonline
    □ The war is not meant to be won.It is meant to be continuous-G.Orwell
      zaterdag 28 januari 2006 @ 13:51:22 #162
    46794 Berkery
    Fat bastard
    pi_34547879
    Allemaal CSS hacks op een rijtje: http://w3development.de/css/hide_css_from_browsers/summary/ of http://www.quirksmode.org/browsers/explorer5mac.html

    Maar ik heb begrepen dat IE op de Mac niet meer ontwikkeld wordt, en ook nauwelijks meer gebruikt wordt.

    [ Bericht 1% gewijzigd door Berkery op 28-01-2006 17:03:33 ]
    Ich fälle Bäume und hupf und spring, steck Blumen in die Vas
    Ich schlupf in Frauenkleider, und lummel mich in Bars
      zaterdag 28 januari 2006 @ 15:46:13 #163
    46275 Castor
    Obey the rules, miss the fun
    pi_34551502
    quote:
    Op zaterdag 28 januari 2006 13:41 schreef DionysuZ het volgende:
    Even een vraagje. Ik probeer verticaal centreren nog steeds goed werkend te krijgen met css. Zie bijvoorbeeld http://www.ruudvandevoort.nl. Maar als ik deze met IE voor de mac bekijk dan ziet het er verneukt uit. Volgens mij ligt dat aan het html, body { height: 100%; } maar dat weet ik niet zeker, iemand een oplossing, eventuele mac ie hack, daarvoor?
    Vergeet IE voor de mac. Klote browser, weinig gebruikt en wordt niet meer ondersteund. Ziet het er goed uit in Safari? Dan is het goed.
    pi_34552816
    En om Quirksmode over Explorer 5.2 Mac te citeren:
    quote:
    Bug ridden crash prone piece of junk
    Wil iedereen die in telekinese gelooft nu mijn hand op steken?
    | Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
    pi_34559786
    Dit probleem heeft met javascript en css te maken, maar de laatste leek me belangrijker, dus post ik het hier.

    Ik wil dat iets er zo uit komt te zien:


    Maar, tot op heden ziet het er alleen in Firefox een beetje uit zoals het moet zien. Firefox verschuift het menuutje alleen als je het inklapt (even refreshen als het toevallig wel goed werkt, de ene keer werkt het, de andere keer niet )
    http://82.168.244.204:1111/studio/studio.php

    In IE werkt het javascript-gedeelte goed (geen overbodige ruimtes) en in Opera is het acceptabel als ik nog wat aanpassingen in de css doe.

    Meld het even als de link het niet doet, het staat nu op mijn thuisserver.

    Het CSS-probleem: Hoe krijg ik het goed in Opera en IE?
    Het javascript-probleem (Firefox): Probeer het menuutje een paar keer in en uit te klappen en het verschuift naar beneden.

    -edit-
    Een tweede versie met wat kleine aanpassingen, blijft dezelfde fouten houden

    [ Bericht 10% gewijzigd door Nevermind op 28-01-2006 21:08:29 ]
    pi_34561644
    Het probleem in FireFix is dat je de display style van de thead op 'block' zet. Dat is geen geldige waarde voor een thead element. Standaard heeft een thead element display:table-header-group. Het makkelijkste is het om style.display = 'block' te vervangen door style.display = ''. De lege string zorgt er voor dat de standaard waarde wordt gebruikt.

    Een beetje vreemd dat je 2 keer een thead in een table hebt staan. Het lijkt me beter om 1 thead te gebruiken met 2 tr's.

    [ Bericht 16% gewijzigd door SuperRembo op 28-01-2006 21:44:48 ]
    Wil iedereen die in telekinese gelooft nu mijn hand op steken?
    | Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
    pi_34561740
    SR, je bent geweldig

    -edit-
    dat is in de tweede en derde versie gefixt. en deze laatste werkt nu

    [ Bericht 30% gewijzigd door Nevermind op 28-01-2006 21:50:07 ]
    pi_34626404
    Ik wil graag een fold-out menutje maken. Dus een menu met een aantal items die opengeklikt kunnen worden. Als de Windows verkenner.

    Is dat mogelijk met css, of kan ik toch beter een oplossing met Javascript oid zoeken?
      maandag 30 januari 2006 @ 21:29:10 #169
    46794 Berkery
    Fat bastard
    pi_34627941
    Dit gaat je niet cross-browser lukken met alleen CSS, maar er zijn genoeg kant en klare menu's te vinden op de betere DHTML sites.
    Ich fälle Bäume und hupf und spring, steck Blumen in die Vas
    Ich schlupf in Frauenkleider, und lummel mich in Bars
    pi_34640916
    ik heb een site met een aantal DIVs. om een voorbeeld te geven noem ik even de cda(.nl) site. stel dat elk vakje hier een eigen DIV is (denk even de onderste balk weg), en ik een resolutie van 2000x1500 draai (hypothetisch ), dan heb ik dus een open ruimte onderin. Hoe krijg ik de onderste DIVs helemaal uitgerekt tot onder? deze afstand is dus variabel per resolutie.
    As a rule, I never touch anything more sophisticated and delicate than myself.
    pi_34648240
    Ik loop ook ff vast met css, ik ben met mijn site bezig: site
    en in een poging om ook de achtergrondkleur van de de cellen naar css te laten verwijzen loop ik vast.

    Nu gebruik ik dus gewoon <tr bgcolor=..... /tr> en die wil ik laten verwijzen naar een stylesheet. Probleem is alleen dat ie hem niet pakt zodra je "over" meerdere cellen of tabellen heen wilt gaan, het enige wat me lukt is de achtegrondkleur van een lijn tekst te veranderen, maar de rest van de cel houdt zich daar ook niet aan.

    Iemand enig idee hoe dit op te lossen?

    [ Bericht 9% gewijzigd door Autoreply op 31-01-2006 15:13:07 ]
    pi_34648397
    <td style="background-color: #000000;"> al geprobeerd?
    of als je een externe stylesheet hebt;

    style.css:
    td.achtergrond { background-color: #000000; }

    je htmlpagina:
    <td class="achtergrond">
    As a rule, I never touch anything more sophisticated and delicate than myself.
    pi_34648475
    quote:
    Op dinsdag 31 januari 2006 15:10 schreef Desdinova het volgende:
    <td style="background-color: #000000;"> al geprobeerd?
    of als je een externe stylesheet hebt;

    style.css:
    td.achtergrond { background-color: #000000; }

    je htmlpagina:
    <td class="achtergrond">
    Je bent een held
    pi_34651688
    Ik zit met nog een vraagje: in Mozilla draait ie prima, maar in ie worden de kopjes die 14 en 20 zijn met dezelfde grootte als de tekst weergegeven. Ik vermoed dat dit al eerder gedefinieerd is voor die stukken. Normaal gesproken zou een tag hier toch overheen moeten gaan

    Ook in Opera klopt hij niet helemaal, daar schijnt de middelste kolom er raar uit te zien. (Niet zelf gezien.)

    => http://www.jarnonieuwenhuize.nl

    En let niet op de kleuren
      dinsdag 31 januari 2006 @ 17:07:29 #175
    46794 Berkery
    Fat bastard
    pi_34652022
    Heu, je hebt zelfs tags verzonnen: <kop1> en <kop2> - dat kan niet zomaar, dus de vraag is eigenlijk waarom Mozilla hier wel wat mee doet

    En je moet in CSS altijd een eenheid meegeven bij de groottes:

    font-size: 14 FOUT
    font-size: 14px GOED.

    <STYLE type="text/css">
    en </style> horen ook niet in een externe style sheet.
    Ich fälle Bäume und hupf und spring, steck Blumen in die Vas
    Ich schlupf in Frauenkleider, und lummel mich in Bars
    abonnement Unibet Coolblue
    Forum Opties
    Forumhop:
    Hop naar:
    (afkorting, bv 'KLB')