[CSS] voor dummies - deel 13

Index

» digital corner

» development

actieve topics nieuwe topics
abonnement Unibet Coolblue
pi_73025676
quote:
Op dinsdag 22 september 2009 23:40 schreef Light het volgende:

Je kunt in een stylesheet niet iets opnemen als een breedte afhankelijk van of een ander element wel of niet aanwezig is. Dan zou je met een andere naam moeten werken voor de smallere div. En dan kan ook weer andere complicaties hebben waardoor je de stylesheet dan veel groter moet maken. Maar dat ligt ook aan de stylesheet en de verdere opbouw van de site.
Wat dacht je van simpelweg een class aan de body hangen, en "body.className #whatever" onderaan je stylesheet zetten, waarmee je "#whatever" overruled?

Net zoveel werk als een extra CSS includen, zelfde effect, een request minder.
pi_73026797
quote:
Op dinsdag 22 september 2009 23:50 schreef Roy_T het volgende:

[..]

Wat dacht je van simpelweg een class aan de body hangen, en "body.className #whatever" onderaan je stylesheet zetten, waarmee je "#whatever" overruled?

Net zoveel werk als een extra CSS includen, zelfde effect, een request minder.
Kan ook.
Er zijn, zoals altijd, meerdere wegen die naar Rome leiden. De beste oplossing voor situatie A hoeft niet de beste te zijn voor situatie B.
fokstok.nl
pi_73029023
mee lees post
Just say hi!
pi_73029414
quote:
Op dinsdag 22 september 2009 21:59 schreef daReaper het volgende:

[..]

nja die div wordt ook niet geladen bij andere pags dan de frontpage, was ik er even vergeten bij te zetten
Volgens mij gaat het dan haast automatisch goed. Als je die div #frontpage float:left geeft, gaat de inline inhoud uit de parent div automatisch de overgebleven ruimte vullen. Als #frontpage er niet is, staat'ie ook niet in de weg.

Als je voor een oplossing als hierboven gaat, mag ik er dan aan herinneren dat er ook nog altijd inline-styles bestaan? Voor dit soort pagina-specifieke opmaak nog altijd uiterst geschikt.
—o—
pi_73030179
quote:
Op woensdag 23 september 2009 00:30 schreef Light het volgende:

[..]

Kan ook.
Er zijn, zoals altijd, meerdere wegen die naar Rome leiden. De beste oplossing voor situatie A hoeft niet de beste te zijn voor situatie B.
True. Al is een request minder per definitie een betere weg, als het verder geen extra code kost
pi_73034877
tvp
  FOK!-Schrikkelbaas woensdag 23 september 2009 @ 14:57:29 #8
1972 Swetsenegger
Egocentrische Narcist
pi_73038730
Ik heb een box van 200px breed met een overflow:hidden. Als ik een image nest die breder is dan 200px valt de overflow in FF en safari keurig weg. IE 7 en 8 tonen de image gewoon volledig en loopt dus buiten de box.

Hoe ga ik dit oplossen?

-edit- al opgelost, had de image in een extra div genest die er gewoon uit kon.

[ Bericht 15% gewijzigd door Swetsenegger op 23-09-2009 15:20:15 ]
Betrouwbare juwelier met korting |  | FOK! Schrikkelbaasch | Koop een vakantiewoning!
pi_73040549
quote:
Op woensdag 23 september 2009 14:57 schreef Swetsenegger het volgende:
Ik heb een box van 200px breed met een overflow:hidden. Als ik een image nest die breder is dan 200px valt de overflow in FF en safari keurig weg. IE 7 en 8 tonen de image gewoon volledig en loopt dus buiten de box.
Jahoor, volledig CSS-complient. Maar wel op zijn IE's.
—o—
  zondag 27 september 2009 @ 15:34:40 #10
87680 Mirel
Mirel wil een bongophone.
pi_73149791
www.mirelmasic.nl
Ik wil het menubalkje precies laten grenzen aan bovenste balkje. Dat doet ie allemaal heel goed, maar wanneer ik mijn unordered list aanzet, dan verspringt ie naar beneden.

1
2
3
4
5
6
7
8
9
10
11		<div id="bgtop">   
</div>
<div id="container">
   <div id="menu">
      <ul id="menulist">
         <li>een</li>
         <li>twee</li>
         <li>drie</li>
      </ul>
   </div>
</div>

bgtop is het achtergrond balkje.

css:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31		body {
   margin: 0px;
   padding: 0px;
   font-family: calibri;
   font-size: 12px;
   background: #333333;
}

#bgtop {
   background-image: url(images/bg-top.gif);
   height: 186px;

}

#container {
   width: 1000px;
   margin: 0 auto;
}

#menu {
   background: #f2ebeb;
   width: 1000px;
   height: 20px;
   color: red;
   font-family: verdana;
}

#menulist li {
   display: inline;
   list-style-type: none;
}

Een leraar zei tegen me dat die afstand komt vanwege de punten in de unordered list. Hij zegt dat ze wel weggehaald zijn met de css code (list-style-type: none;), maar dat de afstand nog niet eruit is.

Wat ik wel opmerk is dat als hij op horizontaal staat, de punten sowieso niet verschijnen.

Die afstanden kan ik allemaal mee lopen kutten via #menu, #menulist li en ook nog gewoon #menulist. Padding op 0 zetten doet niks. Hij komt niet boven die leegte terecht.

[ Bericht 2% gewijzigd door Mirel op 27-09-2009 15:53:05 ]
When all else fails, you always have delusion.
pi_73150916
Je <ul> met id #menulist moet "margin: 0" hebben.
  zondag 27 september 2009 @ 17:15:32 #12
87680 Mirel
Mirel wil een bongophone.
pi_73152589
Yep dat is het.

Wat ik heb er trouwens ene pesthekel aan als je zoveel probeert dat iets wat voor de hand ligt je denkt "dat was het eerste wat ik geprobeerd had"

Code he
When all else fails, you always have delusion.
pi_73167524
Even Firebug voor Firefox installeren, en je had het in 1 minuut gezien
  FOK!-Schrikkelbaas woensdag 30 september 2009 @ 12:59:34 #14
1972 Swetsenegger
Egocentrische Narcist
pi_73239358
Iets vreemds.

relevante css

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27		.topmenu{
   position:relative;
   width:728px;
   height:25px;
   background-image:url(../image/topmenubg.png);
   background-repeat:repeat-x;
   color:white;
   line-height:25px;
   font-family: verdana, Sans, sans-serif;
   font-size:10pt;
   overflow:hidden;
   text-align:left;
}

.cart{
   float:right;
   width:200px;
   height:25px;
   background-image:url(../image/cartbg.png); 
   background-repeat:no-repeat;
   color:white;
   line-height:25px;
   font-family: verdana, Sans, sans-serif;
   font-size:10pt;
   text-align:left;
   z-index:99;
}


html

1
2
3
4
5
6
7
8
9		<div class="topmenu">
    <a href="index.php">Home</a>
   <a href="actie/2">Nieuwe Collectie</a>
   <a href="actie/3">Sale!</a>
   <a href="styling">Styling</a>
   <a href="klantenservice">Klantenservice</a>
   <a href="gastenboek">Ervaringen</a>
  <div class="cart">  test</div>
</div>


Onder IE7 en FF 3.0.11 is de div 'cart' niet zichtbaar
Betrouwbare juwelier met korting |  | FOK! Schrikkelbaasch | Koop een vakantiewoning!
pi_73240249
Heb je geen URL waar we even kunnen spieken? Gooi anders je CSS van de a;tjes er ook even bij.
pi_73240552
Off topic, maar waarom gebruik je geen list voor die opsomming van links?
pi_73240727
er zijn wel meer dingen een beetje off, color:white, font size in PT's. een z-index op 1 element? ik moet de rest even zien.
  FOK!-Schrikkelbaas woensdag 30 september 2009 @ 13:44:37 #18
1972 Swetsenegger
Egocentrische Narcist
pi_73240771
Omdat ik in dit geval geen zin hebt in een hoop css voor een simpel menuutje wat niet uitbreidt. Links hiervan staat een menu wat uit mijn css komt rollen en omdat die dynamisch is is dat inderdaad een list.

Nou het probleem was dat hij onder IE7 en FF ging wrappen. Omdat de overflow op hidden stond zag je de layer dus niet. Waarom er gewrap werd is me niet duidelijk, dus ik heb er nu maar 2 floats van gemaakt en het werkt nu crossbrowser in Safari 4 (OSX/XP), FF 3 (OSX/XP), Opera (OSX/XP), Chrome, IE7 en IE8
Betrouwbare juwelier met korting |  | FOK! Schrikkelbaasch | Koop een vakantiewoning!
  FOK!-Schrikkelbaas woensdag 30 september 2009 @ 13:45:49 #19
1972 Swetsenegger
Egocentrische Narcist
pi_73240812
quote:
Op woensdag 30 september 2009 13:42 schreef snkr-xxx het volgende:
er zijn wel meer dingen een beetje off, color:white, font size in PT's. een z-index op 1 element? ik moet de rest even zien.
Wat is er mis met een color: white en font size in pt ? Z-index was ene overblijfseltje van wat tests waarom die layer niet zichtbaar was en er stond dus gewoon op 2 elementen een z-index.
Betrouwbare juwelier met korting |  | FOK! Schrikkelbaasch | Koop een vakantiewoning!
pi_73240835
heeft toch niet zoveel met uitbreiding te maken, is gewoon semantiek..
  FOK!-Schrikkelbaas woensdag 30 september 2009 @ 13:47:47 #21
1972 Swetsenegger
Egocentrische Narcist
pi_73240867
quote:
Op woensdag 30 september 2009 13:46 schreef snkr-xxx het volgende:
heeft toch niet zoveel met uitbreiding te maken, is gewoon semantiek..
Het is hier geen lijst het is een rijtje Dus over semantiek kan je twisten.
Betrouwbare juwelier met korting |  | FOK! Schrikkelbaasch | Koop een vakantiewoning!
pi_73240888
quote:
Op woensdag 30 september 2009 13:45 schreef Swetsenegger het volgende:

[..]

Wat is er mis met een color: white en font size in pt ? Z-index was ene overblijfseltje van wat tests waarom die layer niet zichtbaar was en er stond dus gewoon op 2 elementen een z-index.
Bij white maakt het geen snars uit, maar als je dat vaker doet, bij bijv orange, of pink en dergelijke, zit je er mooi mee dat verschillende browsers de kleur anders interpreteren, dus gewoon lekker hex codes gebruiken, is net zo easy.

Punten zijn voor print, niet voor web. Gewoon px of nog liever em's gebruiken
pi_73240942
quote:
Op woensdag 30 september 2009 13:47 schreef Swetsenegger het volgende:

[..]

Het is hier geen lijst het is een rijtje Dus over semantiek kan je twisten.
Alles wat een opsomming is hoort in een lijst, of dit nu een rijtje of kolom of van mijn part diagonaal gaat. Maar goed, ieder z'n ding idd
  FOK!-Schrikkelbaas woensdag 30 september 2009 @ 13:50:27 #24
1972 Swetsenegger
Egocentrische Narcist
pi_73240965
quote:
Op woensdag 30 september 2009 13:48 schreef snkr-xxx het volgende:

[..]

Bij white maakt het geen snars uit,
Dus je probleem is?
quote:
maar als je dat vaker doet, bij bijv orange, of pink en dergelijke, zit je er mooi mee dat verschillende browsers de kleur anders interpreteren, dus gewoon lekker hex codes gebruiken, is net zo easy.
En waar haal je vandaan dat ik dat niet zou doen? Als ik al preset colors gebruik naast white en black is het voor test doeleinden.
quote:
Punten zijn voor print, niet voor web. Gewoon px of nog liever em's gebruiken
Ja dat is ook echt belangrijk.
Betrouwbare juwelier met korting |  | FOK! Schrikkelbaasch | Koop een vakantiewoning!
  FOK!-Schrikkelbaas woensdag 30 september 2009 @ 13:51:20 #25
1972 Swetsenegger
Egocentrische Narcist
pi_73240996
quote:
Op woensdag 30 september 2009 13:49 schreef snkr-xxx het volgende:

[..]

Alles wat een opsomming is hoort in een lijst, of dit nu een rijtje of kolom of van mijn part diagonaal gaat. Maar goed, ieder z'n ding idd
Dat vind ik niet. Als het semantisch zo bedoeld was is het wel erg lullig dat een <ul> onder elkaar geplaatst wordt en je voor 5 linkjes een stuk CSS moet gaan schrijven.
Betrouwbare juwelier met korting |  | FOK! Schrikkelbaasch | Koop een vakantiewoning!
pi_73240998
Ik heb geen probleem hoor Succes verder!
pi_73247848
quote:
Op woensdag 30 september 2009 13:51 schreef Swetsenegger het volgende:

Als het semantisch zo bedoeld was is het wel erg lullig dat een <ul> onder elkaar geplaatst wordt
Je verwart nu semantiek met de standaard rendering van browsers, terwijl ze niets met elkaar te maken hebben.
  vrijdag 2 oktober 2009 @ 17:17:39 #29
87680 Mirel
Mirel wil een bongophone.
pi_73311195
Hoi, op http://mirelmasic.nl/portfolio.html wil ik dat het fototje links wordt uitgelijnd en de tekst rechts.
Als ik de breedte en hoogte van de foto instel, gaat ie naar het midden. Ik heb dan geprobeerd margins en paddings te gebruiken, maar ze doen niks.
Foto is #thumb.

1
2
3
4
5		#thumb {
   border: 5px solid #000000;
   width: 175px;
   height: 175px;
}   

Zonder de width en height gaat ie wel naar links, maar dan over het kopje heen, en de border trekt door naar rechts naar de rand van het grijze vlak.
When all else fails, you always have delusion.
pi_73311607
De foto is niet #thumb, de foto staat in een div die ID #thumb heeft. Daardoor maak je het jezelf alleen maar lastiger. Zonder die div gaat het zonder enige css al goed (naja alleen de border).

-edit-
Ik zie dat je echt OVERAL waar mogelijk divs omheen hebt lopen zetten. Doe dat niet. Is alleen maar lastig.

[ Bericht 25% gewijzigd door twirky op 02-10-2009 17:36:55 ]
  vrijdag 2 oktober 2009 @ 17:34:16 #31
87680 Mirel
Mirel wil een bongophone.
pi_73311704
Hoe zou ik het anders doen zonder div? Het is niet de bedoeling dat ik die plaatjes ga verwijzen in het css bestand.
When all else fails, you always have delusion.
pi_73311856
quote:
Op vrijdag 2 oktober 2009 @ 17:34 schreef Mirel het volgende:
Hoe zou ik het anders doen zonder div? Het is niet de bedoeling dat ik die plaatjes ga verwijzen in het css bestand.
In je css hoeft niets anders. Je moet alleen die div weghalen en het ID (waarom eigenlijk een ID ipv een class?) in de <img>-tag zetten.
  vrijdag 2 oktober 2009 @ 17:43:29 #33
87680 Mirel
Mirel wil een bongophone.
pi_73311990
Ja ok, de div is weg en hij doet het goed. En vertel me maar eens goed wat het verschil is tussen een id en een class want van m'n leraar word ik ook niet wijzer.
Ik dacht altijd dat je met classes meerdere divs van dezelfde naam neer kon zetten, maar ik heb datzelfde nu op m'n pagina met id's en het werkt. Dus ik heb gewoon het foute idee

[ Bericht 46% gewijzigd door Mirel op 02-10-2009 17:49:48 ]
When all else fails, you always have delusion.
pi_73312274
Het belangrijkste verschil waar je tegenaan loopt, is dat een ID altijd uniek moet zijn. Dat betekent dus dat je een ID per pagina maar één keer mag gebruiken. Een class mag je zo vaak herhalen als je zelf wilt.

Verder zijn er niet echt strikte regels wanneer je wat gebruikt. Maar om bovenstaande reden zijn ID's vaak nuttig voor gebruik met javascript en formulieren, en classes voor CSS.

Maar nogmaals, zolang je een element maar één keer gebruikt maakt het geen biet uit wat je kiest. Loop je de kans dat een element vaker terugkomt, gebruik dan een class.

-edit-
Ja je CSS kijkt er wel overheen, maar als je je pagina door de W3-validator haalt, geeft die foutmeldingen. Op zich voor jou niet zo'n ernstige, maargoed als het toch niet uitmaakt, waarom dan toch stug een ID gebruiken heh
pi_73312532
quote:
Op vrijdag 2 oktober 2009 17:43 schreef Mirel het volgende:

Ik dacht altijd dat je met classes meerdere divs van dezelfde naam neer kon zetten, maar ik heb datzelfde nu op m'n pagina met id's en het werkt. Dus ik heb gewoon het foute idee
Ja, het werkt. Helaas voldoet het op geen enkele manier aan de specificaties, en heb je dus geen HTML geschreven maar een eigen taal gebaseerd op HTML
  vrijdag 2 oktober 2009 @ 18:06:18 #36
87680 Mirel
Mirel wil een bongophone.
pi_73312731
Als ik even voor de grap alles vervang met classes dan gaat m'n layout stuk. Was het nou zo dat je de eerste instantie van een naam eerst als id moet doen en de rest als class?
When all else fails, you always have delusion.
pi_73313197
quote:
Op vrijdag 2 oktober 2009 @ 18:06 schreef Mirel het volgende:
Als ik even voor de grap alles vervang met classes dan gaat m'n layout stuk. Was het nou zo dat je de eerste instantie van een naam eerst als id moet doen en de rest als class?
Heb je ook in je css alle hekjes (#) door punten (.) vervanen dan?
  vrijdag 2 oktober 2009 @ 18:21:45 #38
87680 Mirel
Mirel wil een bongophone.
pi_73313302
*kwartje valt
When all else fails, you always have delusion.
  vrijdag 2 oktober 2009 @ 18:29:13 #39
87680 Mirel
Mirel wil een bongophone.
pi_73313576
Zo, alles is vervangen. denk dat ik er nu wel uitkom. Nog een vraagke echter Kan ik hyperlinks los van elkaar definieren? Ik probeerde wat en het ging niet goetttt. Gaf een link een id en ging die toen proberen te opmaken in m'n css bestand, maar ik het gevoel dat ik de syntax weer fout had.
When all else fails, you always have delusion.
pi_73313751
Je kunt een link net als ieder ander element stijlen door er een id of class aan te geven.

Of als je alle links wilt stijlen gewoon naar de tag verwijzen.

Lees ook dit even door, misschien verduidelijkt dat het hele verhaal wat: http://www.w3schools.com/Css/css_syntax.asp
pi_73314086
Of naar alle links binnen een onderdeel verwijzen, scheelt vaak een hoop code (voor alle links in de header dus "#header a" bijv.).
  vrijdag 2 oktober 2009 @ 18:58:12 #42
87680 Mirel
Mirel wil een bongophone.
pi_73314402
quote:
Op vrijdag 2 oktober 2009 18:48 schreef Roy_T het volgende:
Of naar alle links binnen een onderdeel verwijzen, scheelt vaak een hoop code (voor alle links in de header dus "#header a" bijv.).
nog handiger, scheelt mij weer achteraf alle a's een class te geven.
When all else fails, you always have delusion.
  zondag 4 oktober 2009 @ 14:33:19 #43
87680 Mirel
Mirel wil een bongophone.
pi_73357428
En daar ben ik weer.

Ik heb heel sterk het vermoeden dat ik iets compleet fout doe met mijn menu (eigenlijk geen vermoeden ). Ik heb geprobeerd de woorden in het midden te krijgen, maar uiteindelijk heb ik het los gepositioneerd ipv in het midden uit te lijnen. Als ik nu een dropdown maak, dan gaat dat helemaal fout. De dropdown komt standaard niet onder de juiste knop terecht vanwege alle margins en paddins die ik zorgeloos overal neer heb gesmeten.
Momenteel heb ik de dropdown alleen onder http://www.mirelmasic.nl/portfolio.html staan, als je over de portfolio knop heen gaat.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34		.menu {
   background: #010200;
   width: 1000px;
   height: 20px;
   color: white;
   font-size: 15px;
   font-family: century gothic, verdana, tahoma;
}

.menulist {
   margin: 0px;
   padding-left: 280px;
}

.menulist li {
   padding-right: 142px;
   display: inline;
   list-style-type: none;
}

li:hover ul { 
   display: block;
}

.dropdown {
padding: 0px;
background: black;
}

li ul {
   position: absolute;
   padding-left: 189px;
   display: none;
}

(laatste 3 dingetjes heb ik vluchtig gedaan)

1
2
3
4
5
6
7
8
9
10
11
12		   <div class="menu">
      <ul class="menulist">
         <li><a href="index.html">Home</a></li>
         <li><a href="portfolio.html">Portfolio</a>
            <ul >
               <li class="dropdown"><a href="test.html">dropdown1</a></li><br>
               <li class="dropdown"><a href="test.html">dropdown2</a></li>
            </ul>
         </li>
         <li><a href="about.html">About</a></li>
      </ul>
   </div>


Komt er op neer, hoe maak ik het menu initieel goed zodat de dropdown straks het ook goed doet?

Maar wat ik niet snap, hoe kan ik de dropdown ooit goed krijgen als ik sowieso padding-left moet gebruiken om de menuitems elk wat uitelkaar te plaatsen? Dan zal ik die alsnog weer los moeten doen.
When all else fails, you always have delusion.
pi_73358438
Ik heb nu even geen tijd, maar wat me wel meteen opvalt (en nee, dat heeft hier niets mee te maken ) is de <br> achter een <li>, die daar écht niet hoort (<li>'s staan altijd al onder elkaar; het zijn block-level elementen). En dan nog: <br> is niet echt XHTML, terwijl je in je doctype zegt dat je dat gebruikt

Goed, dat was mijn reactie waar je verder niets aan hebt
pi_73358678
Je kunt de hoofdmenu-items en submenu-items apart stylen. Een div om het menu is eigenlijk ook niet nodig, je kunt ook de ul opmaken.

Voor het maken van een dropdownmenu gebruik ik meestal de techniek die wordt beschreven op http://htmldog.com/articles/suckerfish/dropdowns/ .
fokstok.nl
  zondag 4 oktober 2009 @ 15:21:09 #46
87680 Mirel
Mirel wil een bongophone.
pi_73358895
quote:
Op zondag 4 oktober 2009 15:04 schreef Roy_T het volgende:
Ik heb nu even geen tijd, maar wat me wel meteen opvalt (en nee, dat heeft hier niets mee te maken ) is de <br> achter een <li>, die daar écht niet hoort (<li>'s staan altijd al onder elkaar; het zijn block-level elementen). En dan nog: <br> is niet echt XHTML, terwijl je in je doctype zegt dat je dat gebruikt

Goed, dat was mijn reactie waar je verder niets aan hebt
Ja de <br> was daar omdat anders de dropdown naast etlkaar ging, weet niet waarom
When all else fails, you always have delusion.
  zondag 4 oktober 2009 @ 19:53:59 #47
87680 Mirel
Mirel wil een bongophone.
pi_73366403
Alleen de ul overlaten en die stylen lukt me niet. Hij neemt geen kleuren of width en height over.

Hoe krijg ik de menulinks gecentered? Ik heb OVERAL geprobeerd margin: 0 auto in te doen, werkt niet.
When all else fails, you always have delusion.
  zondag 4 oktober 2009 @ 20:09:09 #48
87680 Mirel
Mirel wil een bongophone.
pi_73367030
Even met foto's, ben overnieuw begonnen.

Dit is met de code:
1
2
3
4
5
6
7		   <div class="menu">
      <ul>
         <li><a href="index.html">Home</a></li>
         <li><a href="portfolio.html">Portfolio</a></li>
         <li><a href="about.html">About</a></li>
      </ul>
   </div>

en
1
2
3
4
5
6
7
8
9
10
11
12		.menu {
   font-family: century gothic;
   background: #010200;
   height: 20px;
}

ul, li {
   padding: 0px;
   background: red;
   display: inline;
   list-style: none;
}

Achtergrond is tijdelijk rood voor de duidelijkheid.


Wat moet ik nú doen om de menulinks gecentered te krijgen, met een afstand tussen elke menu item? Ik heb tot nu toe geprobeerd margin: 0 auto eigenlijk overal al in te doen

Kijk, als ik dat zelf een padding-left of margin-left doe om ze in het midden te krijgen, en padding-right om ruimte te maken tussen elk menu item, dan gaat dat straks backfiren met een dropdown, want die zal dan die afstanden meenemen. Bij de uitklap krijg je dan het woord met een heleboel lege ruimte zoals:

De uitklap moest ik trouwens ook precies daar onder positioneren, hij kwam er niet standaard onder.
When all else fails, you always have delusion.
  zondag 4 oktober 2009 @ 20:53:51 #49
87680 Mirel
Mirel wil een bongophone.
pi_73369381
IK HEB HET WAAAA

(text align center, en dan ipv het gehele linkgeval uit elkaar zetten alleen het a gedeelte

edit: nou heb ik de kanker op die dropdown, display staat op block maar de 2 links staan nog steeds onder elkaar. Ik ga het gewoon brak fixen met een <br>.



[ Bericht 47% gewijzigd door Mirel op 04-10-2009 21:21:40 ]
When all else fails, you always have delusion.
pi_73370314
als ik nou deze html heb:

1
2		<input type='radio' name='antwoord' value='".$antwoord->antwoordnr."' />
<p>".nl2br($antwoord->antwoord)."</p>


Hoe zorg ik er dan voor dat de tekst netjes naast de radiobutton komt te staan? In FF krijg ik het wel voor elkaar, maar IE wil absoluut niet wat ik wil.

ongeveer zo dus:

o Dit is de tekst die over
   meerdere regels doorloopt
   maar op alle regels is
   geïndent.
Trotse poster van het 37000000ste bericht ^O^
  FOK!-Schrikkelbaas zondag 4 oktober 2009 @ 22:02:33 #51
1972 Swetsenegger
Egocentrische Narcist
pi_73374397
quote:
Op zondag 4 oktober 2009 21:06 schreef daReaper het volgende:
als ik nou deze html heb:
[ code verwijderd ]

Hoe zorg ik er dan voor dat de tekst netjes naast de radiobutton komt te staan? In FF krijg ik het wel voor elkaar, maar IE wil absoluut niet wat ik wil.

ongeveer zo dus:

o Dit is de tekst die over
   meerdere regels doorloopt
   maar op alle regels is
   geïndent.
table?
Betrouwbare juwelier met korting |  | FOK! Schrikkelbaasch | Koop een vakantiewoning!
  FOK!-Schrikkelbaas zondag 4 oktober 2009 @ 22:08:24 #52
1972 Swetsenegger
Egocentrische Narcist
pi_73374790
quote:
Op woensdag 30 september 2009 17:05 schreef Roy_T het volgende:

[..]

Je verwart nu semantiek met de standaard rendering van browsers, terwijl ze niets met elkaar te maken hebben.
Nee ik zet mijn vraagtekens bij het indelen van een rij als lijst. Ik zou het dan nog eerder onder tabulaire data scharen (tab delimited).

Verder weet ik dat je uren slap kan lullen of het nu tussen <ul> tags moet met een berg CSS of gewoon een rijtje hrefs achter elkaar kan zetten waarbij het uiteindelijk voor de functionaliteit geen ruk uitmaakt.

Zolang ik een website heb die perfect rendert in IE7,8 firefox 3, safari 4, chrome en Opera 10 op 3 verschillende OS' EN goed geindexeerd wordt door google zal semantiek me voor dat rijtje links aan mijn reet roesten eigenlijk. Semantiek is mooi, maar laten we in godsnaam niet doorslaan en als we twee linkjes naast elkaar hebben dit gaan betitelen als 'lijst'. Kom op zeg.
Betrouwbare juwelier met korting |  | FOK! Schrikkelbaasch | Koop een vakantiewoning!
pi_73377455
quote:
Op zondag 4 oktober 2009 21:06 schreef daReaper het volgende:
als ik nou deze html heb:
[ code verwijderd ]

Hoe zorg ik er dan voor dat de tekst netjes naast de radiobutton komt te staan? In FF krijg ik het wel voor elkaar, maar IE wil absoluut niet wat ik wil.

ongeveer zo dus:

o Dit is de tekst die over
   meerdere regels doorloopt
   maar op alle regels is
   geïndent.
Die <p> een breedte meegeven en float:left geven misschien?
fokstok.nl
pi_73378243
quote:
Op zondag 4 oktober 2009 22:08 schreef Swetsenegger het volgende:

[..]

Nee ik zet mijn vraagtekens bij het indelen van een rij als lijst. Ik zou het dan nog eerder onder tabulaire data scharen (tab delimited).
Ik heb een zodanige afkeer van tabellen dat ik die dingen alleen gebruik als er geen andere oplossing is. Je kunt erover discussieren of het een lijst moet zijn, maar een tabel is wmb geen optie. Een tabel is niet fatsoenlijk te stylen. Of iig, ik heb er altijd ruzie mee. En ik durf te stellen dat ik wel enige CSS-kennis heb.
quote:
Verder weet ik dat je uren slap kan lullen of het nu tussen <ul> tags moet met een berg CSS of gewoon een rijtje hrefs achter elkaar kan zetten waarbij het uiteindelijk voor de functionaliteit geen ruk uitmaakt.
Het ligt natuurlijk ook aan het ontwerp of je wegkomt met een rijtje <a>'s achter elkaar.
quote:
Zolang ik een website heb die perfect rendert in IE7,8 firefox 3, safari 4, chrome en Opera 10 op 3 verschillende OS' EN goed geindexeerd wordt door google zal semantiek me voor dat rijtje links aan mijn reet roesten eigenlijk. Semantiek is mooi, maar laten we in godsnaam niet doorslaan en als we twee linkjes naast elkaar hebben dit gaan betitelen als 'lijst'. Kom op zeg.
Goed renderen en goed geindexeerd worden is idd ook belangrijk. Belangrijker dan de vraag of je twee linkjes wel of niet als lijst moet zien.
fokstok.nl
  FOK!-Schrikkelbaas maandag 5 oktober 2009 @ 09:03:48 #55
1972 Swetsenegger
Egocentrische Narcist
pi_73383613
quote:
Op zondag 4 oktober 2009 23:09 schreef Light het volgende:

[..]

Ik heb een zodanige afkeer van tabellen dat ik die dingen alleen gebruik als er geen andere oplossing is. Je kunt erover discussieren of het een lijst moet zijn, maar een tabel is wmb geen optie. Een tabel is niet fatsoenlijk te stylen. Of iig, ik heb er altijd ruzie mee. En ik durf te stellen dat ik wel enige CSS-kennis heb.
In een semantische discussie is dat geen argument natuurlijk
quote:
Het ligt natuurlijk ook aan het ontwerp of je wegkomt met een rijtje <a>'s achter elkaar.
Uiteraard, als je echt 'knoppen' wil is het sowieso al handiger om een stijlbaar element te pakken.
quote:
Goed renderen en goed geindexeerd worden is idd ook belangrijk. Belangrijker dan de vraag of je twee linkjes wel of niet als lijst moet zien.
Dat is eigenlijk wat ik bedoel. Ik denk dat er de laatste jaren iets te strak gepredikt wordt met betrekking tot de 'tabellen zijn evil', 'STANDAARDEN VERDOMME!!!!' en 'Semantiek is King' discussies. Als jij met een simpel tabelletje crossbrowser precies dat kan doen wat je nodig hebt op jouw website moet je dat niet willen omzetten naar een ander, wellicht semantisch iets correcter, methode die bv weer meer styling nodig heeft.

Dus ja, probeer headers tussen de tags te zetten die ervoor bedoeld zijn, en vermijd tabellen voor opmaak en zet een doctype in je documenten. Maar verlies vooral niet uit het oog dat een website goed moet renderen voor een zo'n groot mogelijk publiek.
Betrouwbare juwelier met korting |  | FOK! Schrikkelbaasch | Koop een vakantiewoning!
  maandag 5 oktober 2009 @ 10:25:32 #56
87680 Mirel
Mirel wil een bongophone.
pi_73384973
achhhh

[ Bericht 95% gewijzigd door Mirel op 05-10-2009 10:40:24 ]
When all else fails, you always have delusion.
pi_73386515
quote:
Op maandag 5 oktober 2009 09:03 schreef Swetsenegger het volgende:

Als jij met een simpel tabelletje crossbrowser precies dat kan doen wat je nodig hebt op jouw website moet je dat niet willen omzetten naar een ander, wellicht semantisch iets correcter, methode die bv weer meer styling nodig heeft.
pi_73387250
Iemand enig idee hoe ik dit voor alle browsers (IE<6 hoeft niet) voor elkaar krijg? (zonder quirksmode)

  maandag 5 oktober 2009 @ 12:00:12 #59
230788 n8n
Pragmatisch
pi_73387280
CSS
“Specialization is for insects”.—Robert Heinlein
pi_73387350
Ja dat was wel de bedoeling maar hoe?
  maandag 5 oktober 2009 @ 12:16:26 #61
230788 n8n
Pragmatisch
pi_73387676
quote:
Op maandag 5 oktober 2009 12:02 schreef woopehh het volgende:
Ja dat was wel de bedoeling maar hoe?
Wil het graag voor je uitvogelen, het lukt me nu alleen (niet meer) uit mn hoofd en ik zit op een openbare, alleen van een browser voorziene, computer.
“Specialization is for insects”.—Robert Heinlein
  FOK!-Schrikkelbaas maandag 5 oktober 2009 @ 12:29:28 #62
1972 Swetsenegger
Egocentrische Narcist
  FOK!-Schrikkelbaas maandag 5 oktober 2009 @ 12:29:51 #63
1972 Swetsenegger
Egocentrische Narcist
pi_73388001
quote:
Op maandag 5 oktober 2009 11:58 schreef woopehh het volgende:
Iemand enig idee hoe ik dit voor alle browsers (IE<6 hoeft niet) voor elkaar krijg? (zonder quirksmode)

[ afbeelding ]
met flow elementen.

Dus een relatief gepositioneerd header element met een vaste hoogte
dan 2 div's met left flow (of de linker flow:left; en de rechter flow:right;) en een overflow op de linker layer.
Dan een relatief gepositioneerde footer (vergeet de clear:both niet in de CSS)
Betrouwbare juwelier met korting |  | FOK! Schrikkelbaasch | Koop een vakantiewoning!
pi_73388085
quote:
Op maandag 5 oktober 2009 12:29 schreef Swetsenegger het volgende:

[..]

met flow elementen.

Dus een relatief gepositioneerd header element met een vaste hoogte
dan 2 div's met left flow (of de linker flow:left; en de rechter flow:right;) en een overflow op de linker layer.
Dan een relatief gepositioneerde footer (vergeet de clear:both niet in de CSS)
Flow elementen??

Oja nog vergeten.. het totaal moet dus 100% height zijn..
  FOK!-Schrikkelbaas maandag 5 oktober 2009 @ 12:36:19 #65
1972 Swetsenegger
Egocentrische Narcist
pi_73388129
quote:
Op maandag 5 oktober 2009 12:33 schreef woopehh het volgende:

[..]

Flow elementen??
1
2
3
4
5
6
7
8
9
10
11		.left{
   flow:left;
   height:500px;
   width:25%;
}

.right{
   flow:left;
   height:500px;
   overflow:auto;
}
Betrouwbare juwelier met korting |  | FOK! Schrikkelbaasch | Koop een vakantiewoning!
  FOK!-Schrikkelbaas maandag 5 oktober 2009 @ 12:37:06 #66
1972 Swetsenegger
Egocentrische Narcist
pi_73388155
quote:
Op maandag 5 oktober 2009 12:33 schreef woopehh het volgende:
Oja nog vergeten.. het totaal moet dus 100% height zijn..
Ah, DAT vertelde je er niet bij. 100% height van het canvas ga je niet redden zonder nasty hacks of met.... tabellen.
Betrouwbare juwelier met korting |  | FOK! Schrikkelbaasch | Koop een vakantiewoning!
  FOK!-Schrikkelbaas maandag 5 oktober 2009 @ 12:43:47 #67
1972 Swetsenegger
Egocentrische Narcist
pi_73388409
quote:
Op maandag 5 oktober 2009 12:37 schreef Swetsenegger het volgende:

[..]

Ah, DAT vertelde je er niet bij. 100% height van het canvas ga je niet redden zonder nasty hacks of met.... tabellen.
Ja, vrij essentieel inderdaad en bedacht me iets te laat dat dat niet echt duidelijk werd in de tekening.

Bedoel je niet float ipv flow trouwens?
pi_73388532
Denk 't ook , flow bestaat niet
pi_73388568
Weet er iemand trouwens wel een manier om het zonder quirksmode aan te zetten voor elkaar te krijgen? Liever wat hackjes dan dat of tabellen/frames :p
pi_73395332
quote:
Op maandag 5 oktober 2009 12:29 schreef Swetsenegger het volgende:

Wat?
Dat iedereen vooral een eigen mening moet hebben, maar die instelling is tegenwoordig toch echt niet meer overeind te houden in de beroepspraktijk (ja, ik weet het, dit is een hobbyforum).
  FOK!-Schrikkelbaas maandag 5 oktober 2009 @ 19:11:39 #72
1972 Swetsenegger
Egocentrische Narcist
pi_73400018
quote:
Op maandag 5 oktober 2009 12:47 schreef woopehh het volgende:

[..]

Ja, vrij essentieel inderdaad en bedacht me iets te laat dat dat niet echt duidelijk werd in de tekening.

Bedoel je niet float ipv flow trouwens?
Ja
Betrouwbare juwelier met korting |  | FOK! Schrikkelbaasch | Koop een vakantiewoning!
  FOK!-Schrikkelbaas maandag 5 oktober 2009 @ 19:12:29 #73
1972 Swetsenegger
Egocentrische Narcist
pi_73400044
quote:
Op maandag 5 oktober 2009 16:49 schreef Roy_T het volgende:

[..]

Dat iedereen vooral een eigen mening moet hebben, maar die instelling is tegenwoordig toch echt niet meer overeind te houden in de beroepspraktijk (ja, ik weet het, dit is een hobbyforum).
Dus je denkt dat de gemiddelde commerciele ontwikkelaar voor 5 linkjes liever een stuk css ontwikkeld dan gewoon 5 linkjes achter elkaar zet als er geen 'knop' idee noodzakelijk is? Ik denk van niet en ik geef 'm groot gelijk.
Betrouwbare juwelier met korting |  | FOK! Schrikkelbaasch | Koop een vakantiewoning!
  maandag 5 oktober 2009 @ 19:15:44 #74
230788 n8n
Pragmatisch
pi_73400205
Gelukkig zijn er specifieke navigatie-elementen in HTML5
“Specialization is for insects”.—Robert Heinlein
pi_73400956
Voordat HTML 5 overal ondersteund wordt zijn we wel weer een tijdje verder..
Al werk ik nu ook niet in HTML 4 maar in XHTML 1 dus waarschijnlijk ga ik eerder over op XHTML 2.

Ik persoonlijk ben gewoon iemand die er van houdt net werk af te leveren, dus ik werk graag semantisch en met Doctype Strict en alles ook valid. Maar goed, ik ben hiervoor opgeleid, heb hier plezier in en mijn werkgever hecht hier ook erg veel waarde aan.
Moet zeggen dat als bijv front enden je beroep is, dat dit toch echt wel aspecten zijn die een hedendaagse werkgever van je verwacht hoor. Je zal er raar van opkijken.
pi_73401251
quote:
Op maandag 5 oktober 2009 19:12 schreef Swetsenegger het volgende:

Dus je denkt dat de gemiddelde commerciele ontwikkelaar voor 5 linkjes liever een stuk css ontwikkeld dan gewoon 5 linkjes achter elkaar zet als er geen 'knop' idee noodzakelijk is? Ik denk van niet en ik geef 'm groot gelijk.
Sterker nog: dat weet ik wel zeker.
pi_73401447
quote:
Op maandag 5 oktober 2009 12:53 schreef woopehh het volgende:
Weet er iemand trouwens wel een manier om het zonder quirksmode aan te zetten voor elkaar te krijgen? Liever wat hackjes dan dat of tabellen/frames :p
Daar zijn wel oplossingen voor. Even uit m'n hoofd: html en body een height: 100% meegeven. De container waar de site in moet komen ook een height: 100% en een margin-bottom van min de footerhoogte. Als laatste elementen in de container zet je een clearfooter (met dezeflde hoogte als de footer) en de footer zelf. De clearfooter moet voorkomen dat er tekst door de footer kan lopen (vanwege de negatieve margin-bottom van de container).

Height zou ook min-height kunnen zijn, dat weet ik niet zeker meer. Als je menu en content een andere achtergrond wilt geven, moet je eens zoeken op faux columns.

--
Oh, ik lees nu dat de content-div een scrollbalk moet krijgen bij teveel tekst. Punt 1, dat wil je niet.
Als je het toch doet, zul je waarschijnlijk naar javascript moeten grijpen om de hoogte van de content-div in te stellen. Met alleen css ga je dat niet redden, voor zover ik weet althans.
fokstok.nl
  FOK!-Schrikkelbaas maandag 5 oktober 2009 @ 20:11:14 #78
1972 Swetsenegger
Egocentrische Narcist
pi_73402799
quote:
Op maandag 5 oktober 2009 19:37 schreef Roy_T het volgende:

[..]

Sterker nog: dat weet ik wel zeker.
Tja das fijn. Ik heb andere ervaringen. Wat wil je nu bereiken met dit soort stupide oneliners?
Betrouwbare juwelier met korting |  | FOK! Schrikkelbaasch | Koop een vakantiewoning!
  FOK!-Schrikkelbaas maandag 5 oktober 2009 @ 20:18:26 #79
1972 Swetsenegger
Egocentrische Narcist
pi_73403092
quote:
Op maandag 5 oktober 2009 19:31 schreef snkr-xxx het volgende:
Voordat HTML 5 overal ondersteund wordt zijn we wel weer een tijdje verder..
Al werk ik nu ook niet in HTML 4 maar in XHTML 1 dus waarschijnlijk ga ik eerder over op XHTML 2.

Ik persoonlijk ben gewoon iemand die er van houdt net werk af te leveren, dus ik werk graag semantisch en met Doctype Strict en alles ook valid. Maar goed, ik ben hiervoor opgeleid, heb hier plezier in en mijn werkgever hecht hier ook erg veel waarde aan.
Moet zeggen dat als bijv front enden je beroep is, dat dit toch echt wel aspecten zijn die een hedendaagse werkgever van je verwacht hoor. Je zal er raar van opkijken.
Semantiek is simpelweg voor interpretatie vatbaar. En een website hooft echt niet semantisch correct te zijn om te valideren.
Betrouwbare juwelier met korting |  | FOK! Schrikkelbaasch | Koop een vakantiewoning!
pi_73406217
quote:
Op maandag 5 oktober 2009 19:40 schreef Light het volgende:

[..]

Daar zijn wel oplossingen voor. Even uit m'n hoofd: html en body een height: 100% meegeven. De container waar de site in moet komen ook een height: 100% en een margin-bottom van min de footerhoogte. Als laatste elementen in de container zet je een clearfooter (met dezeflde hoogte als de footer) en de footer zelf. De clearfooter moet voorkomen dat er tekst door de footer kan lopen (vanwege de negatieve margin-bottom van de container).

Height zou ook min-height kunnen zijn, dat weet ik niet zeker meer. Als je menu en content een andere achtergrond wilt geven, moet je eens zoeken op faux columns.

--
Oh, ik lees nu dat de content-div een scrollbalk moet krijgen bij teveel tekst. Punt 1, dat wil je niet.
Als je het toch doet, zul je waarschijnlijk naar javascript moeten grijpen om de hoogte van de content-div in te stellen. Met alleen css ga je dat niet redden, voor zover ik weet althans.
Nog een reden die ik aan kan dragen voor het niet willen van die scrollbalk? (Het is niet voor mezelf)
  maandag 5 oktober 2009 @ 21:39:40 #81
230788 n8n
Pragmatisch
pi_73406962
quote:
Op maandag 5 oktober 2009 11:58 schreef woopehh het volgende:
Iemand enig idee hoe ik dit voor alle browsers (IE<6 hoeft niet) voor elkaar krijg? (zonder quirksmode)

[ afbeelding ]
Het kan wel:



1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179		HTML


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" lang="nl">

<head> 
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <title>Work in progress.</title> 
   <link rel="stylesheet" href="default.css" type="text/css" media="screen"/>
</head> 

<body>
   
   <div id="header">
   
   
   
   </div><!-- einde #header -->
   
   <div class="navigation container">

      <div id="navigation">
      
         <ul>
            <li>Optie 05</li>
            <li>Optie 01</li>
            <li>Optie 01</li>
            <li>Optie 01</li>
            <li>Optie 01</li>

            <li>Optie 01</li>
            <li>Optie 01</li>
            <li>Optie 01</li>
            <li>Optie 01</li>
            <li>Optie 01</li>
            <li>Optie 01</li>

            <li>Optie 01</li>
            <li>Optie 01</li>
            <li>Optie 01</li>
            <li>Optie 01</li>
            <li>Optie 01</li>
            <li>Optie 01</li>

            <li>Optie 01</li>
            <li>Optie 01</li>
            <li>Optie 01</li>
         </ul>
   
   
   
      </div><!-- einde #navigation -->
   </div><!-- einde .navigation container -->
   
   <div class="content container">

      <div id="content">
   
         <p>
         Horem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
         </p>
         <p>
         Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
         </p>
         <p>
         Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
         </p>

         <p>
         Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
         </p>
   
      </div><!-- einde #content -->
   </div><!-- einde .content container -->
   
   <div id="footer">
   
   
   
   </div><!-- einde #footer -->

</body> 

</html> 


CSS


/* RESET CSS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
   margin: 0;
   padding: 0;
   border: 0 none;
   font-weight: inherit;
   font-style: inherit;
   font-size: 100%;
   line-height: 1.6;
   font-family: inherit;
   text-align: left;
   vertical-align: baseline;
}

a img, :link img, :visited img {
   border: 0 none;
}

ol, ul {
   list-style: none;
}

a {
   text-decoration: none;
   border: 0 none;
}

body {
   font-family: Helvetica, Arial;
   font-size: 62.5%;
}

/* DIV BASICS */

body {
   height: auto;
   width: 100%;
   background: yellow;
}

#header {
   height: 200px;
   width: 100%;
   background: black;
   position: fixed;
   background: red;
   z-index: 5;
}

#navigation, #content {
   width: 100%;
   height: auto;
   position: absolute;
   margin: 200px 0 0 0;
   padding: 0 0 20px 0;
   z-index: 0;
}

.navigation, .content {
   height: auto;
   position: absolute;
}
   
.navigation {   
   width: 25%;   
   margin: 0 75% 0 0;
}

.content {
   width: 75%;
   margin: 0 0 0 25%;
}

#footer {
   background: green;
   height: 20px;
   width: 100%;
   position: fixed;
   top: 100%;
   margin: -20px 0 0 0;
}

/* DIV SPECIFICS */

#content {
   
}

/* ETC. */


Getest onder Safari 4, Opera 10 & Firefox 3.5
En ja ik gebruik een reset css maar dat is een andere discussie
“Specialization is for insects”.—Robert Heinlein
pi_73408592
quote:
Op maandag 5 oktober 2009 21:39 schreef n8n het volgende:

[..]

Het kan wel:

[ afbeelding ]
[ code verwijderd ]

Getest onder Safari 4, Opera 10 & Firefox 3.5
En ja ik gebruik een reset css maar dat is een andere discussie
Tip: open 'm niet met IE. En al helemáál niet met IE6. Scheelt je een hoop frustraties.
  maandag 5 oktober 2009 @ 22:20:03 #83
230788 n8n
Pragmatisch
pi_73408766
quote:
Op maandag 5 oktober 2009 22:15 schreef Dhr.Donder het volgende:

[..]

Tip: open 'm niet met IE. En al helemáál niet met IE6. Scheelt je een hoop frustraties.
Trekken 7 en 8 'm ook niet dan, want dat is wel zorgelijk
“Specialization is for insects”.—Robert Heinlein
  dinsdag 6 oktober 2009 @ 10:27:57 #84
230788 n8n
Pragmatisch
pi_73417646
Kan iemand trouwens ff een screenshot onder IE7/8 produceren? Heb er nu zelf geen mogelijkheid toe en ben wel benieuwd
“Specialization is for insects”.—Robert Heinlein
pi_73418063
quote:
Op dinsdag 6 oktober 2009 10:27 schreef n8n het volgende:
Kan iemand trouwens ff een screenshot onder IE7/8 produceren? Heb er nu zelf geen mogelijkheid toe en ben wel benieuwd
is browsershots.org down dan?
  dinsdag 6 oktober 2009 @ 10:51:39 #86
230788 n8n
Pragmatisch
pi_73418225
quote:
Op dinsdag 6 oktober 2009 10:44 schreef Dhr.Donder het volgende:

[..]

is browsershots.org down dan?
Kan op mijn eigen computer niet van internet gebruik maken en op deze geen website hosten, mede omdat de ftp-poort geblokkerd is
“Specialization is for insects”.—Robert Heinlein
pi_73418728
quote:
Op maandag 5 oktober 2009 20:11 schreef Swetsenegger het volgende:

Tja das fijn. Ik heb andere ervaringen. Wat wil je nu bereiken met dit soort stupide oneliners?
Jij stelt een vraag, ik geef antwoord. Validatie is gewoon overrated; ik kan een site bouwen met tabellen waar Google e.d. niets mee kunnen en die prima valideert. Maar dat is nog geen reden om het te doen.

Semantiek is zoveel meer belangrijker dan validatie, etc. Als je dat niet wilt snappen, prima. Dan hoef ik verder niet uit te leggen waar HTML voor is (betekenis geven aan data, niet de weergave ervan op een grafische manier).
pi_73419514
quote:
Op dinsdag 6 oktober 2009 11:12 schreef Roy_T het volgende:

Dan hoef ik verder niet uit te leggen waar HTML voor is (betekenis geven aan data, niet de weergave ervan op een grafische manier).
...En dan toch doen heh..
pi_73422568
quote:
Op maandag 5 oktober 2009 22:15 schreef Dhr.Donder het volgende:

[..]

Tip: open 'm niet met IE. En al helemáál niet met IE6. Scheelt je een hoop frustraties.
Haha ja het was dus wél de bedoeling dat het in ie6 zou werken
pi_73422759
quote:
Op dinsdag 6 oktober 2009 13:37 schreef woopehh het volgende:

[..]

Haha ja het was dus wél de bedoeling dat het in ie6 zou werken
Dan ook een tip voor jou: maak je site zo dattie perfect werkt in standard-compliant browsers en IE7 en IE8, en zorg dat'ie in IE6 opzich wel bruikbaar, maar heb schijt aan glitches en layout-imperfecties.
  woensdag 7 oktober 2009 @ 21:56:45 #91
164509 Banzaiaap
Tony Rocky Horror
pi_73471289
Verdorie, dacht dat ik wel wat wist van CSS maar het schiet hier nu een beetje te kort.

http://youtubehd.banzaidesign.nl

De box rechtsonderin, met de "Want to Share?" header erboven, zit naar beneden verschoven. Why?

Niet in IE getest, dus gewoon lekker in Firefox of Safari openen.
  FOK!-Schrikkelbaas woensdag 7 oktober 2009 @ 22:29:19 #92
1972 Swetsenegger
Egocentrische Narcist
pi_73472550
quote:
Op dinsdag 6 oktober 2009 11:12 schreef Roy_T het volgende:

[..]

Jij stelt een vraag, ik geef antwoord.
Retorische vragen ontgaan je blijkbaar.
quote:
Validatie is gewoon overrated; ik kan een site bouwen met tabellen waar Google e.d. niets mee kunnen en die prima valideert. Maar dat is nog geen reden om het te doen.
Dat was dan ook geen punt van mij
quote:
Semantiek is zoveel meer belangrijker dan validatie, etc. Als je dat niet wilt snappen, prima.
Wijs me even aan waar ik precies zeg dat semantiek uberhaupt NIET belangrijk is? Ik zeg dat semantiek
a. voor interpretatie vatbaar is
b. je door kan slaan in je semantische dwangneurose.
quote:
Dan hoef ik verder niet uit te leggen waar HTML voor is (betekenis geven aan data, niet de weergave ervan op een grafische manier).
En als jij niet wil snappen dat het gewoon voor kan komen dat je 5 linkjes achter elkaar zet omdat je... 5 linkjes nodig hebt zonder dat je daar een lijst omheen gaat bouwen INCLUSIEF css omdat ik anders simpelweg 5 linkjes onder elkaar krijgt in plaats van naast elkaar zoals het bedoeld was hoef ik je niet uit te leggen dat er zoiets bestaat als rendement.
Betrouwbare juwelier met korting |  | FOK! Schrikkelbaasch | Koop een vakantiewoning!
pi_73476545
quote:
Op woensdag 7 oktober 2009 21:56 schreef Banzaiaap het volgende:
Verdorie, dacht dat ik wel wat wist van CSS maar het schiet hier nu een beetje te kort.

http://youtubehd.banzaidesign.nl

De box rechtsonderin, met de "Want to Share?" header erboven, zit naar beneden verschoven. Why?

Niet in IE getest, dus gewoon lekker in Firefox of Safari openen.
Omdat #sidebar ul in de weg staat.

Had je deze nog niet?
  donderdag 8 oktober 2009 @ 10:09:12 #94
164509 Banzaiaap
Tony Rocky Horror
pi_73479196
quote:
Op donderdag 8 oktober 2009 02:32 schreef Dhr.Donder het volgende:

[..]

Omdat #sidebar ul in de weg staat.

Had je deze nog niet?
Okee even kijken, die heb ik wel hoor, maar zelfs daarmee kon ik het niet vinden..
  maandag 12 oktober 2009 @ 17:38:33 #95
164509 Banzaiaap
Tony Rocky Horror
pi_73616705
Hmm, waarom krijgt de OL in de comments div geen hoogte door de content die er in zit?

http://youtubehd.banzaidesign.nl/gymkhana-awesome/

Hij collapsed nu gewoon die hele div..
pi_73616868
Zonder te kijken: je zal de li's vast floaten
pi_73617085
quote:
Op maandag 12 oktober 2009 17:38 schreef Banzaiaap het volgende:
Hmm, waarom krijgt de OL in de comments div geen hoogte door de content die er in zit?

http://youtubehd.banzaidesign.nl/gymkhana-awesome/

Hij collapsed nu gewoon die hele div..
Omdat je alle elementen uit de natuurlijke float haalt.

element met clear:both eronder knallen, of de parent overflow:hidden geven, heeft als side-effect het zelfde resultaat.
  maandag 12 oktober 2009 @ 21:26:32 #98
164509 Banzaiaap
Tony Rocky Horror
pi_73626382
Gelukt!! Nu nog die crossbrowser rommel opruimen. Ik durf em niet eens in Internet Explorer te openen.
  dinsdag 13 oktober 2009 @ 10:31:11 #99
164509 Banzaiaap
Tony Rocky Horror
pi_73640270
Ik klop hier nog maar een keer aan. Laatste keer, hopelijk. Als je op de pagina van een video kijkt, zijn alle div's niet opgevuld in de achtergrond. Dit gebeurt sowieso in IE 7.

http://www.youtubehd.nl/2009/10/8-bit-trip/
pi_73643055
Weet iemand waarom met onderstaande code, mijn <div id='top'> niet gewoon blijft zweven bovenin?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15		#top {
   display: block;
   position: fixed;
   top: 10px;
   left: 10px;
   height: 40px;
   z-index: 999;
   background-color: red;
   border:1px solid black;         

   }

#content {
    Position: relative;     
}


mijn "top" div scrolled nu gewoon mee, en dat is niet de bedoeling :P

Op mijn blackberry gaat dit wel goed, onder Chrome wisselend, en in IE8 doet hij het niet .. De website is voor mobiele layout, dus enkel IE die niet mee werkt is geen ramp.

Ah, en de zwevende balk "trilt" bij het scrollen op mn blackberry, is dat te verhelpen? :) Alvast dank!
pi_73643446
quote:
Op dinsdag 13 oktober 2009 12:06 schreef LeeHarveyOswald het volgende:

Ah, en de zwevende balk "trilt" bij het scrollen op mn blackberry, is dat te verhelpen? Alvast dank!
Dat kun je verhelpen door:
- Een andere browser te proberen.
- Een snellere telefoon te kopen.
pi_73643615
quote:
Op dinsdag 13 oktober 2009 12:18 schreef Dhr.Donder het volgende:

[..]

Dat kun je verhelpen door:
- Een andere browser te proberen.
Andere websites doen het wel goed...
quote:
- Een snellere telefoon te kopen.
Zakelijke telefoon. En ik geloof niet dat er veel telefoons zijn die sneller zijn dan de BB bold 9000 ...
pi_73643786
quote:
Op dinsdag 13 oktober 2009 12:23 schreef LeeHarveyOswald het volgende:

[..]

Andere websites doen het wel goed...
Dan trek die websites eens open en kijk wat ze anders doen.

En zorg dat je nette code hebt. Tags afsluiten, niet onnodig veel stijl-elementen toevoegen, zo min mogelijk plaatjes, enz.
  dinsdag 13 oktober 2009 @ 12:35:38 #104
164509 Banzaiaap
Tony Rocky Horror
pi_73644029
quote:
Op dinsdag 13 oktober 2009 10:31 schreef Banzaiaap het volgende:
Ik klop hier nog maar een keer aan. Laatste keer, hopelijk. Als je op de pagina van een video kijkt, zijn alle div's niet opgevuld in de achtergrond. Dit gebeurt sowieso in IE 7.

http://www.youtubehd.nl/2009/10/8-bit-trip/
Iemand? Zit echt vast..
pi_73644159
quote:
Op dinsdag 13 oktober 2009 12:28 schreef Dhr.Donder het volgende:

[..]

Dan trek die websites eens open en kijk wat ze anders doen.

En zorg dat je nette code hebt. Tags afsluiten, niet onnodig veel stijl-elementen toevoegen, zo min mogelijk plaatjes, enz.
Ik heb nu enkel bovenstaande CSS, <div id = 'top'> <p>blaat </p></div> en <div id ='content'> <p>lorem ipsum verhaal </p></div>, dat zou toch nog te doen moeten zijn
  dinsdag 13 oktober 2009 @ 13:11:23 #106
164509 Banzaiaap
Tony Rocky Horror
pi_73645091
Staat het ergens online? Dan kunnen we even kijken.
  dinsdag 13 oktober 2009 @ 14:21:09 #108
164509 Banzaiaap
Tony Rocky Horror
pi_73647286
quote:
Op dinsdag 13 oktober 2009 13:56 schreef LeeHarveyOswald het volgende:
http://vanwisse.nl/train
Sowieso je margins en padding resetten. En verder blijft ie in Chrome mooi bovenaan plakken. Wrapper erom met een breedte van 480px. (Dat is geloof ik de breedte van de iPhone.)
pi_73647358
quote:
Op dinsdag 13 oktober 2009 14:21 schreef Banzaiaap het volgende:

[..]

Sowieso je margins en padding resetten. En verder blijft ie in Chrome mooi bovenaan plakken. Wrapper erom met een breedte van 480px. (Dat is geloof ik de breedte van de iPhone.)
Hij moet het op alle mobiele platformen mooi gaan doen
pi_73647554
quote:
Op dinsdag 13 oktober 2009 14:21 schreef Banzaiaap het volgende:

[..]

Sowieso je margins en padding resetten. En verder blijft ie in Chrome mooi bovenaan plakken. Wrapper erom met een breedte van 480px. (Dat is geloof ik de breedte van de iPhone.)
...zodat je ze later allemaal weer toe kan voegen
Sorry 'k blijf tegenstander van datsoort resets. Margins gewoon aangeven waar je ze nodig hebt en verder niet.
  dinsdag 13 oktober 2009 @ 16:19:13 #111
164509 Banzaiaap
Tony Rocky Horror
pi_73651085
quote:
Op dinsdag 13 oktober 2009 14:31 schreef Dhr.Donder het volgende:

[..]

...zodat je ze later allemaal weer toe kan voegen
Sorry 'k blijf tegenstander van datsoort resets. Margins gewoon aangeven waar je ze nodig hebt en verder niet.
Ja dat zeg ik toch ook. Maar om dat te kunnen doen, moet je ze eerst wel allemaal even resetten. Die standaard margins zijn in elke browser anders en geven je later alleen maar meer problemen.
pi_73653509
quote:
Op dinsdag 13 oktober 2009 14:31 schreef Dhr.Donder het volgende:

...zodat je ze later allemaal weer toe kan voegen
Sorry 'k blijf tegenstander van datsoort resets. Margins gewoon aangeven waar je ze nodig hebt en verder niet.
En vervolgens ga je ze dus alsnog allemaal aanpassen Je wilt immers nergens gokken op de rendering van een willekeurige browser.
pi_73654398
quote:
Op dinsdag 13 oktober 2009 17:39 schreef Roy_T het volgende:

[..]

En vervolgens ga je ze dus alsnog allemaal aanpassen Je wilt immers nergens gokken op de rendering van een willekeurige browser.
In 99% van de gevallen wil ik juist GRAAG gokken op de rendering van een willekeurige browser.

Stel, ik doe een CSS reset, alle margins en paddings naar 0.
Vervolgens komt iemand anders op het idee ergens op een pagina een unordered list te gebruiken.
Hangt'ie gelijk bij mij aan de lijn want dan ziet het er niet uit.

Als ik nou geen wilde reset had gedaan, maar gewoon alleen dat menutje wat ook een unordered-list gebruikt gestijld had, was er niets aan het handje geweest.

Die standaard stijlen zitten er niets voor niets in. Waar je het anders wilt veranderen, maar waar je (nog) niets mee doet, gewoon laten staan.
pi_73656259
Ben het nog steeds niet met je eens, maar dat mag De meningen zijn er overal over verdeeld, al is het redelijk gangbaar om te resetten tegenwoordig.
pi_73657173
quote:
Op dinsdag 13 oktober 2009 19:08 schreef Roy_T het volgende:
Ben het nog steeds niet met je eens, maar dat mag De meningen zijn er overal over verdeeld, al is het redelijk gangbaar om te resetten tegenwoordig.
Ik heb ondertussen redelijk wat sites in elkaar gezet, en 'k heb nog nooit zo'n css reset gebruikt. Als er een element is waar de standaardstyles niet goed zijn, pas ik gewoon die betreffende styles aan.
Sowieso ontgaat mij het nut van eerst alles op 0 zetten en er daarna een andere waarde aan toekennen.

Wat ik tegenwoordig wel vaak doe, is het aanpassen van de line-height, omdat sommige browsers de tekst anders wel heel dicht op elkaar zetten.
fokstok.nl
pi_73658241
Ik heb er ook aardig wat in elkaar gezet, en ik doe het wel. Dus echt een graadmeter is het niet Dat partijen als Yahoo! (die heel veel geld besteden aan onderzoek naar front-end technieken) en bijvoorbeeld een Eric Meyer dat wel doen is dat misschien wel. Maar goed, het blijft een persoonlijke voorkeur.

Voor mij is het voordeel dat je het nergens vergeet omdat het toevallig goed uit komt. Een andere browser doet dat dan net niet, en dat wil ik niet.
pi_73665689
om niet in een eindeloze discussie te verzanden maar weer even ontopic
quote:
Op dinsdag 13 oktober 2009 12:35 schreef Banzaiaap het volgende:

[..]

Iemand? Zit echt vast..
Waarschijnlijk ook even overflow:hidden gebruiken?
  dinsdag 13 oktober 2009 @ 23:41:40 #118
164509 Banzaiaap
Tony Rocky Horror
pi_73667568
quote:
Op dinsdag 13 oktober 2009 22:57 schreef Dhr.Donder het volgende:
om niet in een eindeloze discussie te verzanden maar weer even ontopic
[..]

Waarschijnlijk ook even overflow:hidden gebruiken?
Voor al die divs?
pi_73677449
Hehehe, de nieuwe website van de W3C valideert niet met hun eigen CSS validator
http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http%3A%2F%2Fwww.w3.org%2F
pi_73678388
quote:
Op dinsdag 13 oktober 2009 23:41 schreef Banzaiaap het volgende:

[..]

Voor al die divs?
Dr is maar één manier om er achter te komen!
  woensdag 14 oktober 2009 @ 14:13:02 #121
164509 Banzaiaap
Tony Rocky Horror
pi_73680748
quote:
Op woensdag 14 oktober 2009 12:55 schreef Dhr.Donder het volgende:

[..]

Dr is maar één manier om er achter te komen!
Werkt niet.
pi_73717555
quote:
Op woensdag 14 oktober 2009 14:13 schreef Banzaiaap het volgende:

[..]

Werkt niet. ;(
1.commentlist{ width:499px; background: url(images/comments-bg-middle.png )repeat-y; list-style: none; overflow: hidden;}


Als ik daar de url absoluut maak werkt het bij mij wel, misschien wordt het plaatje gewoon niet gevonden?
  donderdag 15 oktober 2009 @ 23:11:31 #123
87680 Mirel
Mirel wil een bongophone.
pi_73733581
Ik heb een enorm simpele vraag, maar zoiets heb ik nu ik zo nadenk nooit geprobeerd, dusja

Op http://www.mirelmasic.nl/minus heb ik nu nog slechts een header staan. In de header wil ik een minus in het midden hebben als menubalk. (google maar naar minus logo)

Nou weet ik wel hoe ik die in het midden krijg op de X as, maar niet op de Y. Hoe krijg je dat handig voor elkaar?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22		body {
   margin: 0px;
   padding: 0px;
}

.container {
   margin: 50px auto;
   width: 800px;
}

.header {
   background-image: url(/minus/images/header.gif);
   width: 800px;
   height: 300px;
}

.menu {
   background: #000000;
   height: 30px;
   width: 500px;
   margin: 0 auto;
}


*ik weet dat ik de header in principe kan opmaken met 'border 10px blabla', maar op die manier komt de rand naar buiten, en dat wil ik niet. ookal kan ik de breedte 780px maken ipv 800, ik heb het liever netjes. Als er een manier is om binnen een element de border te maken ipv d'r buiten, dan hoor ik het graag
When all else fails, you always have delusion.
pi_73739828
Als de hoogte en breedte van de header altijd vast zijn kan je de margins van .menu gewoon op vaste waarden instellen toch?
pi_73741101
quote:
Op donderdag 15 oktober 2009 23:11 schreef Mirel het volgende:
Als er een manier is om binnen een element de border te maken ipv d'r buiten, dan hoor ik het graag
In dat geval zul je het antwoord niet graag horen. http://www.w3.org/TR/CSS2/box.html
quote:
Op vrijdag 16 oktober 2009 09:20 schreef woopehh het volgende:
Als de hoogte en breedte van de header altijd vast zijn kan je de margins van .menu gewoon op vaste waarden instellen toch?
Waarom zou dat anders niet kunnen dan?
  vrijdag 16 oktober 2009 @ 10:45:52 #126
182073 invine
blablabla etc.
pi_73741839
Ik weet niet of het in dit topic moet maar ik neem aan van wel.
Ik ben momenteel bezig met mijn portfolio aan te passen en aangezien ik het dan gelijk goed wil doen wil het w3c correct maken.
Maar nu heb ik links die niet in dezelfde pagina moeten openen, ze moeten dus een nieuw tabblad openen.

Zover ik weet doe je dit normaal met:
1<a href="#" target="_blank">link hier</a>


Nu zegt de validatie dat dit fout is, ik mag geen target="_blank" gebruiken. Dus nu haal ik dit weg en ga ik kijken hoe het dan wel zou moeten op google, en dan zegt w3schools toch dat het met _blank moet, terwijl dit niet correct is.

Het gaat trouwens om: http://www.2nd-studio.net/tes/t (alleen de index ben ik aan het optimaliseren, de rest komt later wel ) Het gaat om de links rechtsonderin, die naar facebook en hyves gaan.
Ik drink nooit meer! maar ook niet minder.
pi_73743298
quote:
Op vrijdag 16 oktober 2009 10:20 schreef Dhr.Donder het volgende:

[..]

In dat geval zul je het antwoord niet graag horen. http://www.w3.org/TR/CSS2/box.html
[..]

Waarom zou dat anders niet kunnen dan?
Ik bedoelde vast in een aantal pixels, beetje slecht verwoord
pi_73743373
quote:
Op vrijdag 16 oktober 2009 10:45 schreef invine het volgende:
Ik weet niet of het in dit topic moet maar ik neem aan van wel.
Ik ben momenteel bezig met mijn portfolio aan te passen en aangezien ik het dan gelijk goed wil doen wil het w3c correct maken.
Maar nu heb ik links die niet in dezelfde pagina moeten openen, ze moeten dus een nieuw tabblad openen.

Zover ik weet doe je dit normaal met:
[ code verwijderd ]

Nu zegt de validatie dat dit fout is, ik mag geen target="_blank" gebruiken. Dus nu haal ik dit weg en ga ik kijken hoe het dan wel zou moeten op google, en dan zegt w3schools toch dat het met _blank moet, terwijl dit niet correct is.

Het gaat trouwens om: http://www.2nd-studio.net/tes/t (alleen de index ben ik aan het optimaliseren, de rest komt later wel ) Het gaat om de links rechtsonderin, die naar facebook en hyves gaan.
Target is deprecated in xhtml, er is geen "juiste" manier meer om dit in html te doen (behalve als je je eigen dtd gaat maken). Kan dus wel met javascript, maar dan werkt het natuurlijk alleen als javascript aanstaat
  vrijdag 16 oktober 2009 @ 11:45:01 #129
267444 Skonk
Free Skonk
pi_73743667
Ik heb ff een klein vraagje:
Ik had een website gemaakt, maar ik had alles absolute gepositioneerd.
Nu heb ik er een relative DIVje omheen gezet, en ben alles goed aan het positioneren, alleen stuit ik op 1 probleempje.
Er zitten ook wat buttons in de HTML, maar die krijg ik niet goed gepositioneerd.
Als ik namelijk nu control ingedrukt houd en ga scrollen, gaan alle andere elementen gewoon goed mee, maar de buttons veranderen steeds van positie.

Hoe los ik dit op?
  vrijdag 16 oktober 2009 @ 11:51:40 #130
182073 invine
blablabla etc.
pi_73743870
quote:
Op vrijdag 16 oktober 2009 11:35 schreef woopehh het volgende:

[..]

Target is deprecated in xhtml, er is geen "juiste" manier meer om dit in html te doen (behalve als je je eigen dtd gaat maken). Kan dus wel met javascript, maar dan werkt het natuurlijk alleen als javascript aanstaat
Ja zover was ik ook al, maar ik wil geen javascript in mijn site dus dan houd ik het maar op target, ik snap ook niet waarom dat niet netjes zo zijn.. Want op w3schools geven ze aan dat het gewoon met target moet.
Ik drink nooit meer! maar ook niet minder.
pi_73743898
quote:
Op vrijdag 16 oktober 2009 11:51 schreef invine het volgende:

[..]

Ja zover was ik ook al, maar ik wil geen javascript in mijn site dus dan houd ik het maar op target, ik snap ook niet waarom dat niet netjes zo zijn.. Want op w3schools geven ze aan dat het gewoon met target moet.
Omdat mensen liever zelf bepalen wanneer ze een link in een nieuw venster/nieuwe tab openen
pi_73743925
quote:
Op vrijdag 16 oktober 2009 11:45 schreef Skonk het volgende:
Ik heb ff een klein vraagje:
Ik had een website gemaakt, maar ik had alles absolute gepositioneerd.
Nu heb ik er een relative DIVje omheen gezet, en ben alles goed aan het positioneren, alleen stuit ik op 1 probleempje.
Er zitten ook wat buttons in de HTML, maar die krijg ik niet goed gepositioneerd.
Als ik namelijk nu control ingedrukt houd en ga scrollen, gaan alle andere elementen gewoon goed mee, maar de buttons veranderen steeds van positie.

Hoe los ik dit op?
Heb je ergens een voorbeeld online staan?
  vrijdag 16 oktober 2009 @ 12:06:01 #133
267444 Skonk
Free Skonk
pi_73744281
quote:
Op vrijdag 16 oktober 2009 11:53 schreef woopehh het volgende:

[..]

Heb je ergens een voorbeeld online staan?
Ik kan het wel even online zetten, hoewel het natuurlijk nog niet goed eruit ziet
[edit]Ik heb het hier even opgezet: http://burrrr.webs.com/School/index.html

[ Bericht 13% gewijzigd door Skonk op 16-10-2009 12:12:31 ]
pi_73744338
quote:
Op vrijdag 16 oktober 2009 12:06 schreef Skonk het volgende:

[..]

Ik kan het wel even online zetten, hoewel het natuurlijk nog niet goed eruit ziet
Wat makkelijker te zien dan als er iets fout zit ofzo
  vrijdag 16 oktober 2009 @ 13:39:19 #135
182073 invine
blablabla etc.
pi_73747404
quote:
Op vrijdag 16 oktober 2009 11:52 schreef woopehh het volgende:

[..]

Omdat mensen liever zelf bepalen wanneer ze een link in een nieuw venster/nieuwe tab openen
Nou ik heb liever een link die linkt naar een andere website dat die opent in een nieuwe pagina. Als de link te maken heeft met de website die je bezoekt dan vind ik het wel logisch dat je wil dat die het opent in dezelfde pagina.
Ik drink nooit meer! maar ook niet minder.
pi_73747714
quote:
Op vrijdag 16 oktober 2009 12:06 schreef Skonk het volgende:

[..]

Ik kan het wel even online zetten, hoewel het natuurlijk nog niet goed eruit ziet
[edit]Ik heb het hier even opgezet: http://burrrr.webs.com/School/index.html
En wat is precies het probleem? Gebeurt niet echt veel aparts hier..

Waarom alles absoluut gepositioneerd trouwens?
pi_73747729
quote:
Op vrijdag 16 oktober 2009 13:39 schreef invine het volgende:

[..]

Nou ik heb liever een link die linkt naar een andere website dat die opent in een nieuwe pagina. Als de link te maken heeft met de website die je bezoekt dan vind ik het wel logisch dat je wil dat die het opent in dezelfde pagina.
Ik vind het ook logisch, maar heb er toch liever zelf controle over
  vrijdag 16 oktober 2009 @ 14:47:54 #138
182073 invine
blablabla etc.
pi_73749749
quote:
Op vrijdag 16 oktober 2009 13:49 schreef woopehh het volgende:

[..]

Ik vind het ook logisch, maar heb er toch liever zelf controle over
Ik vind het irritant als je een pagina hebt die dan opent in hetzelfde scherm en dan klik je dat weg en ben je ook nog is die andere pagina kwijt.. Dat is pas irritant
Ik drink nooit meer! maar ook niet minder.
  vrijdag 16 oktober 2009 @ 15:59:03 #139
87680 Mirel
Mirel wil een bongophone.
pi_73752174
quote:
Op vrijdag 16 oktober 2009 09:20 schreef woopehh het volgende:
Als de hoogte en breedte van de header altijd vast zijn kan je de margins van .menu gewoon op vaste waarden instellen toch?
margin-top deed niets. Maar ik heb in dit geval top en left gebruikt, met een absolute.
When all else fails, you always have delusion.
pi_73872526
quote:
Op vrijdag 16 oktober 2009 14:47 schreef invine het volgende:

[..]

Ik vind het irritant als je een pagina hebt die dan opent in hetzelfde scherm en dan klik je dat weg en ben je ook nog is die andere pagina kwijt.. Dat is pas irritant
Er is nog een optie waar niemand rekening mee schijnt te houden:

Schijt hebben aan de W3C-validator.

Mits bewust toegepast een hele goede optie.
  donderdag 22 oktober 2009 @ 21:13:34 #141
87680 Mirel
Mirel wil een bongophone.
pi_73963097
Is het mogelijk om met alleen de body tag een balkje te maken die gecentreerd is en oneindig doorloopt naar beneden? Ik krijg hem met repeat-y wel naar beneden, maar de body lijkt me niet gecentered te kunnen worden. Of is het zo dat je een afbeelding binnen een tag wel kan centeren?
Als ik het in een div stop, dan krijg ik die niet ingesteld dat die helemaal doorloopt naar beneden, dat lukt me alleen als ik er maar genoeg tekst in flikker.
http://www.mirelmasic.nl/test/ de linkerkleur is het balkje, de rechterkleur de algemene background color.

In principe wat deze site heeft maar dan zonder de tekst: http://www.bankassociates.de/
Want de site die ik maak heeft niet veel tekst om een div zo naar beneden te trekken.
When all else fails, you always have delusion.
pi_73963630
quote:
Op donderdag 22 oktober 2009 21:13 schreef Mirel het volgende:
Is het mogelijk om met alleen de body tag een balkje te maken die gecentreerd is en oneindig doorloopt naar beneden? Ik krijg hem met repeat-y wel naar beneden, maar de body lijkt me niet gecentered te kunnen worden. Of is het zo dat je een afbeelding binnen een tag wel kan centeren?
Als ik het in een div stop, dan krijg ik die niet ingesteld dat die helemaal doorloopt naar beneden, dat lukt me alleen als ik er maar genoeg tekst in flikker.
http://www.mirelmasic.nl/test/ de linkerkleur is het balkje, de rechterkleur de algemene background color.

In principe wat deze site heeft maar dan zonder de tekst: http://www.bankassociates.de/
Want de site die ik maak heeft niet veel tekst om een div zo naar beneden te trekken.
Als je 1 kleur gebruikt, hoef je geen plaatjes te gebruiken. En om een balk over de volledige hoogte te krijgen, kun je die balk in een containerdiv zetten. Dan zet je in je css html en body op een min-height: 100% en de containerdiv krijgt een height van 100% (en een ingestelde breedte uiteraard). Margin en padding voor die dingen moet je op nul zetten.
fokstok.nl
  donderdag 22 oktober 2009 @ 23:15:40 #143
87680 Mirel
Mirel wil een bongophone.
pi_73968137
Ik had gedaan wat je zei, en dat werkte niet. Op een andere site las ik dat height: 100% alleen werkt als de parent items dat ook hebben. In dit geval had jij gezegd dat die min-height zouden moeten zijn, en de container height.
Ik heb ze allemaal height gemaakt, en het werkt, alleen loopt ie nu wel ineens net zo lang door dat ik iets moet scrollen, en dat komt omdat ik een margin-top heb ingesteld bij m'n header. Da's het gekke.

Site waar ik het over had: http://www.webmasterworld.com/forum83/200.htm

[ Bericht 15% gewijzigd door Mirel op 22-10-2009 23:31:25 ]
When all else fails, you always have delusion.
pi_73969141
Hmm.. vreemd... voor zover ik weet zou min-height gewoon moeten werken. Maar 'k heb het even getest en het lijkt niet te werken met een xhtml-doctype. Wel met een html-doctype. Dat had ik nog niet eerder gezien. En de scrollbalk kan ook nog komen door margin-top op het eerste element in de container.
fokstok.nl
pi_73974051
En als je de container een float:left meegeeft? (En alles op height: 100%)
  zondag 25 oktober 2009 @ 20:28:01 #146
87680 Mirel
Mirel wil een bongophone.
pi_74054441
Ik had bij een andere site die ik deed een div met alleen ingestelde kleur en breedte, en als ik daar heel veel tekst in kreeg, ging hij gewoon uitrekken. Dat was bij http://www.mirelmasic.nl
Nu heb ik iets op http://www.mirelmasic.nl/minus wat dus niet werkt zoals je ziet.

Ik heb wel height: 100% een aantal keren gebruikt.

main is het zwarte:
1
2
3
4
5
6		.main {
   margin-top: 10px;
   background: #000000;
   padding: 0px;
   height: 100%;
}


en de dingen waar ik dat height in moest zetten:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21		body {
   margin: 0px;
   padding: 0px;
   background: #FFFFFF;
   background-image: url(/minus/images/man.png);
   background-repeat: no-repeat;
   background-attachment: fixed;
   height: 100%;
}

html {
   height: 100%;
}

.container {   
   margin: 0 auto;
   padding: 0px;
   width: 800px;
   height: 100%;
   background-repeat: repeat-y;
}
When all else fails, you always have delusion.
  maandag 26 oktober 2009 @ 16:02:20 #147
182073 invine
blablabla etc.
pi_74080646
Zet er een overflow in?

En die container, is dit de div waar de tekst instaat? want die zet zichzelf nu op 100% van de 100% van de body, wat jij wil is nu pak en beet 80%, maar als je dit invult word het niet echt mooier op. 100% height met divs is sowieso lastig!
Ik drink nooit meer! maar ook niet minder.
  maandag 26 oktober 2009 @ 17:41:27 #148
87680 Mirel
Mirel wil een bongophone.
pi_74084166
Even kijken. De div container bevat:

.header
.header heeft daarin .minus (menu)
vervolgens . main (het zwarte)
in .main zitten paragrafen.

Als ik een overflow instel dan komt de tekst erin maar heb ik geen scrollbalk.

En ik heb 100% staan in de dingen die je in mijn vorige post ziet. Het moet in al die dingen ingesteld worden, als er eentje mist dan werkt het niet.

Als ik .main { verander naar .main div { dan doet ie het wel goed, maar de breedte is dan nog niet ingesteld en die loopt door tot de rand van de tekst. Als ik die instel, gaat het youtube schermpje naar beneden.

Als dit niet gaan werken dan ga ik die 100% heights wegflikkeren

edit: en gedaan, op de gouwe ouwe manier. Per pagina issie maar zo groot als de hoeveelheid tekst. ach ja.

[ Bericht 17% gewijzigd door Mirel op 26-10-2009 21:21:56 ]
When all else fails, you always have delusion.
  maandag 26 oktober 2009 @ 23:13:17 #149
87680 Mirel
Mirel wil een bongophone.
pi_74096396
Hey boys, nieuwe vraag. Ik wil graag een flash introtje hebben die komt wanneer ik de website naam invul. In principe moet hij dan naar index.html gaan, maar ik wil dus voordat die dat doet, dat hij een flashfilmpje afspeelt. Hoe kan je zoiets maken? Ik kom telkens uit op 'introductie HTML' pagina's als ik het woordje intro bij m'n keywords doe tijdens het googlen.

Als ik zo moet gokken, komt er vast javascript bij kijken. (en flashintro's zijn lelijk ja, maar het is voor school en er moet ergens flash in, dusja. )

edit: heb dat ook al. Een .htaccess file.

[ Bericht 11% gewijzigd door Mirel op 26-10-2009 23:28:31 ]
When all else fails, you always have delusion.
  dinsdag 27 oktober 2009 @ 15:23:12 #150
182073 invine
blablabla etc.
pi_74113144
Ik weet niet of lightbox dingen hier ook mogen?

Probeer het toch, want ik wil dat hij een sildeshow maakt van een paar afbeeldingen (dat je met next & back kan scrollen) maar ik wil dat ik maar 1 thumbnail heb ipv 3 (bij 3 afbeeldingen dus).

Het idee is dus als volgt, je hebt 1 thumbnail en daar klik je op en kan je doorgaan naar de volgende (waar dus geen thumb van zichtbaar is).
Ik drink nooit meer! maar ook niet minder.
pi_74115209
Ik zeg niet dat het een hele mooie oplossing is, maar heeft bij mij ooit wel gewerkt :)

Voor de images die er niet in staan doe je
1
2
3		<a href="imagelink" rel="lightbox[album]"></a>
in plaats van
<a href="imagelink" rel="lightbox[album]"><img src="imgurl" /></a>


Je laat dus gewoon de image weg.

(wat je ook kan doen is ze wel allemaal neerzetten en dan verbergen met js, maar of dat nou beter is..)
  dinsdag 27 oktober 2009 @ 16:42:17 #152
182073 invine
blablabla etc.
pi_74115916
Ah ja, als het maar werkt dan ben ik blij
Ik drink nooit meer! maar ook niet minder.
pi_74116424
http://www.stekloevropy.ru/josstelling.nl/html/index.html

Kan iemand mij vertellen hoe ik er voor zorg dat de achtergrond ook in IE doorgetrokken wordt? Hij lijkt het voor gezien te houden, zodra hij de onderkant van het venster bereikt heeft. Daar onder valt de achtergrond weg. Werkt prima in FF.
Trotse poster van het 37000000ste bericht ^O^
pi_74116923
Helpt het als je dit:

1<br style="clear:both;" />


toevoegt onder:

1<div style="clear: both;"> </div>

?
pi_74117022
quote:
Op dinsdag 27 oktober 2009 17:08 schreef woopehh het volgende:
Helpt het als je dit:
[ code verwijderd ]

toevoegt onder:
[ code verwijderd ]

?
Nee, maakt geen verschil
Trotse poster van het 37000000ste bericht ^O^
pi_74117329
In welke versie van IE heb je het dan? (krijg het hier niet namelijk)
pi_74117350
quote:
Op dinsdag 27 oktober 2009 17:21 schreef woopehh het volgende:
In welke versie van IE heb je het dan? (krijg het hier niet namelijk)
IE7

Trotse poster van het 37000000ste bericht ^O^
pi_74117586
Als ik daar heenga staat er ook geen <br style="clear:both;" /> in? of heb je dat alweer weggehaald?
pi_74117645
quote:
Op dinsdag 27 oktober 2009 17:29 schreef woopehh het volgende:
Als ik daar heenga staat er ook geen <br style="clear:both;" /> in? of heb je dat alweer weggehaald?
alweer weg gehaald, maakte geen verschil.

Lol, locaal aangepast en vervolgens remote gecheckt Blijkt dus wel degelijk prima te werken. Bedankt!
Trotse poster van het 37000000ste bericht ^O^
  woensdag 28 oktober 2009 @ 09:06:27 #160
267444 Skonk
Free Skonk
pi_74139046
quote:
Op vrijdag 16 oktober 2009 13:48 schreef woopehh het volgende:

[..]

En wat is precies het probleem? Gebeurt niet echt veel aparts hier..

Waarom alles absoluut gepositioneerd trouwens?
Nou, die knoppen blijven bij mij verspringen als ik van resolutie verander.
Maar hoe zou ik het volgens jou moeten positioneren dan? Wat ik begrijp is dat je een box relative moet positioneren, en daar naar toe alles absolute, of zit ik verkeerd?
pi_74139190
quote:
Op woensdag 28 oktober 2009 09:06 schreef Skonk het volgende:

[..]

Nou, die knoppen blijven bij mij verspringen als ik van resolutie verander.
Maar hoe zou ik het volgens jou moeten positioneren dan? Wat ik begrijp is dat je een box relative moet positioneren, en daar naar toe alles absolute, of zit ik verkeerd?
Als je absoluut wilt positioneren, doe je dat bij voorkeur in een box met position:relative. Dan zijn de randen van die box je uitgangspositie. Anders gelden de randen van het scherm/de pagina als uitgangspositie, en dan krijg je problemen als het scherm in de breedte wordt aangepast.
fokstok.nl
  woensdag 28 oktober 2009 @ 09:16:45 #162
267444 Skonk
Free Skonk
pi_74139263
quote:
Op woensdag 28 oktober 2009 09:13 schreef Light het volgende:

[..]

Als je absoluut wilt positioneren, doe je dat bij voorkeur in een box met position:relative. Dan zijn de randen van die box je uitgangspositie. Anders gelden de randen van het scherm/de pagina als uitgangspositie, en dan krijg je problemen als het scherm in de breedte wordt aangepast.
Ok, dan heb ik het toch goed begrepen.
Alles blijft ook goed staan in die box, behalve buttons, die blijven ongeveer goed staan, is daar iets aan te doen?
  woensdag 28 oktober 2009 @ 09:21:52 #163
267444 Skonk
Free Skonk
pi_74139380
Ah, ik ben er volgens mij achter.
Het zijn niet de buttons die van grootte veranderen, het is dit:

1
2
3		<div class="InputDisputeMakeup">
         <input id="InputDisputeBar" name="InputeDisputeBar" type="text" size="85" value="The statement you have a dispute about."/>
         <br />


Ik denk dat het komt omdat size="85", dat is een getal en dus niet relatief. Zit ik er ver naast? Weet iemand hoe ik dit kan verbeteren?
  woensdag 28 oktober 2009 @ 10:10:28 #164
182073 invine
blablabla etc.
pi_74140597
quote:
Op dinsdag 27 oktober 2009 16:23 schreef woopehh het volgende:
Ik zeg niet dat het een hele mooie oplossing is, maar heeft bij mij ooit wel gewerkt

Voor de images die er niet in staan doe je
[ code verwijderd ]

Je laat dus gewoon de image weg.

(wat je ook kan doen is ze wel allemaal neerzetten en dan verbergen met js, maar of dat nou beter is..)
het werkt, alleen nu bugged die met mijn stylesheet switcher
Ik drink nooit meer! maar ook niet minder.
pi_74140866
quote:
Op woensdag 28 oktober 2009 10:10 schreef invine het volgende:

[..]

het werkt, alleen nu bugged die met mijn stylesheet switcher
Heb je het ergens online staan? Wat makkelijker te zien dan misschien
pi_74140961
quote:
Op woensdag 28 oktober 2009 09:21 schreef Skonk het volgende:
Ah, ik ben er volgens mij achter.
Het zijn niet de buttons die van grootte veranderen, het is dit:
[ code verwijderd ]

Ik denk dat het komt omdat size="85", dat is een getal en dus niet relatief. Zit ik er ver naast? Weet iemand hoe ik dit kan verbeteren?
Met css de breedte van de inputs instellen
  woensdag 28 oktober 2009 @ 10:29:12 #167
182073 invine
blablabla etc.
pi_74141151
quote:
Op woensdag 28 oktober 2009 10:19 schreef woopehh het volgende:

[..]

Heb je het ergens online staan? Wat makkelijker te zien dan misschien
ja hoor, www.2nd-studio.net/test/portfolio/page.php?id=2
Ik drink nooit meer! maar ook niet minder.
  woensdag 28 oktober 2009 @ 10:35:45 #168
267444 Skonk
Free Skonk
pi_74141357
quote:
Op woensdag 28 oktober 2009 10:22 schreef woopehh het volgende:

[..]

Met css de breedte van de inputs instellen
Ik heb het ingesteld, maar ik heb nog steeds hetzelfde probleem:



Kijk maar naar die balken, ze verschuiven de hele tijd.
pi_74141422
quote:
Op woensdag 28 oktober 2009 10:29 schreef invine het volgende:

[..]

ja hoor, www.2nd-studio.net/test/portfolio/page.php?id=2
Had je dit eerst ook al? Het gaat namelijk ook niet goed als je die "lege" link weghaalt
pi_74141522
quote:
Op woensdag 28 oktober 2009 10:35 schreef Skonk het volgende:

[..]

Ik heb het ingesteld, maar ik heb nog steeds hetzelfde probleem:

[ afbeelding ]

Kijk maar naar die balken, ze verschuiven de hele tijd.
Als ik het bij je oude voorbeeld verander werkt het wel goed hier, staat het ergens online met de breedte ingesteld in de css?
pi_74141526
oeps dubbel
  woensdag 28 oktober 2009 @ 10:54:28 #172
267444 Skonk
Free Skonk
pi_74141948
quote:
Op woensdag 28 oktober 2009 10:41 schreef woopehh het volgende:

[..]

Als ik het bij je oude voorbeeld verander werkt het wel goed hier, staat het ergens online met de breedte ingesteld in de css?
Ik heb hem opnieuw geupload:

http://burrrr.webs.com/School/index.html
pi_74142142
quote:
Op woensdag 28 oktober 2009 10:54 schreef Skonk het volgende:

[..]

Ik heb hem opnieuw geupload:

http://burrrr.webs.com/School/index.html
Stel de width nu is in op de input zelf, niet op de div die je eromheen hebt gezet
  woensdag 28 oktober 2009 @ 11:22:50 #174
267444 Skonk
Free Skonk
pi_74142960
quote:
Op woensdag 28 oktober 2009 11:00 schreef woopehh het volgende:

[..]

Stel de width nu is in op de input zelf, niet op de div die je eromheen hebt gezet ;)
Ik heb het nu zo:

1
2
3		<div class="InputDispute">
            <input id="DisputeBar" name="DisputeBar" type="text" size="85" width="100" value="The statement you have a dispute about."/>
         </div>

En heb het bij de CSS weggehaalt, maar ik zie niet echt een verschil (behalve dan dat de border precies om de input zit). :?
pi_74143028
In de css, dus iets van

1
2
3		input#DisputeBar {
  width: 400px;
}
  woensdag 28 oktober 2009 @ 11:36:47 #176
182073 invine
blablabla etc.
pi_74143506
quote:
Op woensdag 28 oktober 2009 10:38 schreef woopehh het volgende:

[..]

Had je dit eerst ook al? Het gaat namelijk ook niet goed als je die "lege" link weghaalt
Nee dit kwam pas toen ik die stylesheet switcher erin zetten..
Ik drink nooit meer! maar ook niet minder.
  woensdag 28 oktober 2009 @ 11:43:29 #177
267444 Skonk
Free Skonk
pi_74143763
quote:
Op woensdag 28 oktober 2009 11:24 schreef woopehh het volgende:
In de css, dus iets van
[ code verwijderd ]


perfect! Dat zijn dus die dingen waardoor ik nog een noob ben.
pi_74144503
quote:
Op woensdag 28 oktober 2009 11:36 schreef invine het volgende:

[..]

Nee dit kwam pas toen ik die stylesheet switcher erin zetten..
Als je die weghaalt werkt het wel weer normaal? Hier niet namelijk

Edit:

Ehh je hebt nergens lightbox styling? Dan gaat het niet werken denk ik
  woensdag 28 oktober 2009 @ 12:54:06 #179
182073 invine
blablabla etc.
pi_74146299
Oh dat is het probleem, die heb ik natuurlijk perongeluk vervangen door die andere 2 sheets stom! Dankje
Ik drink nooit meer! maar ook niet minder.
pi_74177343
Ik voel me echt een enorme noob. want ik krijg een onderdeel van een layout niet naar links gepositioneerd.

De enige manier waarop ik die zijbalk naar links krijg is met position: absolute;, maar dan valt hij over een dropdownmenu heen.
Zonder die absolute komt ie in het midden te staan & valt het menu er netjes overheen.

Kortom; hoe krijg ik die balk naar links toe?

1
2
3
4
5
6
7
8
9
10		#zijbalk {
   background-image: url(Slice/images/Zijkant.gif);
   background-position: center;
        position: absolute;
   z-index: 4;
   height: 1100px;
   width: 342px;
   left: 0px;
   top: 295px;
}   
  donderdag 29 oktober 2009 @ 10:13:20 #181
182073 invine
blablabla etc.
pi_74178055
Gebruik een z-index? Geef je de zijbalk z-index: 1; en je dropdown menu z-index: 2;
Ik drink nooit meer! maar ook niet minder.
pi_74178892
quote:
Op donderdag 29 oktober 2009 10:13 schreef invine het volgende:
Gebruik een z-index? Geef je de zijbalk z-index: 1; en je dropdown menu z-index: 2;
Balk heeft 4, menu heeft 5 en nog valt die zijbalk over het menu heen?
Kwam er ook achter dat als de menuopties zijn uitgeklapt hij het wel doet op het stuk waar de balk niet staat.
Maar het deel dat over de balk moet vallen kan ik niet aanklikken.
pi_74179770
Heb je het ergens online staan? Het is me niet echt helemaal duidelijk
pi_74179927
quote:
Op donderdag 29 oktober 2009 11:13 schreef woopehh het volgende:
Heb je het ergens online staan? Het is me niet echt helemaal duidelijk
http://www.alles-wat.nl/carina/RTVutrecht/index.html
pi_74181380
Misschien eerst even html & css valideren en de fouten eruit halen? Zitten nogal wat rare dingen in
  donderdag 29 oktober 2009 @ 11:56:13 #186
182073 invine
blablabla etc.
pi_74181402
quote:
Op donderdag 29 oktober 2009 10:44 schreef Crientj het volgende:

[..]

Balk heeft 4, menu heeft 5 en nog valt die zijbalk over het menu heen?
Kwam er ook achter dat als de menuopties zijn uitgeklapt hij het wel doet op het stuk waar de balk niet staat.
Maar het deel dat over de balk moet vallen kan ik niet aanklikken.
Heb ik daaroverheen gekeken
Ik drink nooit meer! maar ook niet minder.
pi_74186430
Kan iemand mij vertellen waarom het middengedeelte helemaal naar beneden zakt in FireFox?

http://www.stekloevropy.ru/bonnydoggy/html/index.html
Trotse poster van het 37000000ste bericht ^O^
pi_74186609
quote:
Op donderdag 29 oktober 2009 14:10 schreef daReaper het volgende:
Kan iemand mij vertellen waarom het middengedeelte helemaal naar beneden zakt in FireFox?

http://www.stekloevropy.ru/bonnydoggy/html/index.html
Waarschijnlijk omdat #main geen float:left heeft.
fokstok.nl
  donderdag 29 oktober 2009 @ 14:15:16 #189
27454 InTrePidIvity
Looks like it's broken...
pi_74186628
Ik heb een probleempje met mijn navigatiebar. Ik ben pas een week bezig met CSS, dus het zal vast vrij simpel zijn, maar ik krijg het niet voor elkaar om de hyperlinks voor m'n plaatje weg te halen.

Ik heb vier van zulke plaatjes:



verwerkt in een navigatiebalk, waarbij ze zouden moeten werken als te zien is in het volgende plaatje:



Het hover-gedeelte werkt allemaal naar behoren (zoals bij Producten), maar ik krjig de hyperlinks niet weg. Ik gebruik de volgende CSS-code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27		/* Main Navigation */

#menu-top { 
   height: 40px; 
}

#menu-top ul { 
   margin: 0;
   padding: 0;
} 

#menu-top li { float: left; }

#menu-top li a {
   height: 0px;
   display: block;
   height: 40px;
   overflow: hidden;
   background-repeat: no-repeat;
}

#menu-top li a:hover {
   background-position: 0 -40px;
}

#menu-top li#home,
#menu-top li#home a { width: 200px; background-image: url(../images/nav/menu_home_ro.gif); }


En de volgende HTML:

1
2
3
4
5
6
7
8
9		<div id="menu-top">
       <ul>
       <li id="home"><a href="#">Home</a></li> 
            <li id="over_ons"><a href="#">Over ons</a></li>
            <li id="producten"><a href="#">Producten</a></li>
            <li id="contact"><a href="#">Contact</a></li>
        </ul>
    
    </div>


Waar gaat het hier fout? Ik heb een hidden-class gemaakt, maar als ik die toepas op <ul>, dan verdwijnt het plaatje daarmee ook...

Zijn er ook nog semantische dingen die ik niet goed heb neergezet?
...it's rielie broken... It's rielie, rielie broken... Let's go wecycle!
[Tournament] Beste Remake
pi_74186735
quote:
Op donderdag 29 oktober 2009 14:14 schreef Light het volgende:

[..]

Waarschijnlijk omdat #main geen float:left heeft.
ik heb het geprobeerd, maar maakt geen verschil
Trotse poster van het 37000000ste bericht ^O^
pi_74187208
quote:
Op donderdag 29 oktober 2009 14:15 schreef InTrePidIvity het volgende:
Ik heb een probleempje met mijn navigatiebar. Ik ben pas een week bezig met CSS, dus het zal vast vrij simpel zijn, maar ik krijg het niet voor elkaar om de hyperlinks voor m'n plaatje weg te halen.

Ik heb vier van zulke plaatjes:

[ afbeelding ]

verwerkt in een navigatiebalk, waarbij ze zouden moeten werken als te zien is in het volgende plaatje:

[ afbeelding ]

Het hover-gedeelte werkt allemaal naar behoren (zoals bij Producten), maar ik krjig de hyperlinks niet weg. Ik gebruik de volgende CSS-code:
[ code verwijderd ]

En de volgende HTML:
[ code verwijderd ]

Waar gaat het hier fout? Ik heb een hidden-class gemaakt, maar als ik die toepas op <ul>, dan verdwijnt het plaatje daarmee ook...

Zijn er ook nog semantische dingen die ik niet goed heb neergezet?
Wat voor lettertype is het? Ziet er nogal bekend uit en dan kan je gewoon tekst links gebruiken..

Met de HTML is verder niks mis, div is misschien een beetje onzinnig
  donderdag 29 oktober 2009 @ 14:41:04 #192
27454 InTrePidIvity
Looks like it's broken...
pi_74187650
quote:
Op donderdag 29 oktober 2009 14:29 schreef woopehh het volgende:

[..]

Wat voor lettertype is het? Ziet er nogal bekend uit en dan kan je gewoon tekst links gebruiken..

Met de HTML is verder niks mis, div is misschien een beetje onzinnig
Het font is Calibri en het zou inderdaad misschien ook als text-only kunnen, maar ik wil graag weten waarom het niet werkt Als ik in de toekomst weer iets met hover wil doen, dan moet het wel werken natuurlijk

Ik kan in de HTML wel de tekst tussen <a> </a> weghalen, maar dan blijft er nog steeds een bullet staan...
...it's rielie broken... It's rielie, rielie broken... Let's go wecycle!
[Tournament] Beste Remake
  donderdag 29 oktober 2009 @ 14:41:47 #193
182073 invine
blablabla etc.
pi_74187682
quote:
Op donderdag 29 oktober 2009 14:15 schreef InTrePidIvity het volgende:
Ik heb een probleempje met mijn navigatiebar. Ik ben pas een week bezig met CSS, dus het zal vast vrij simpel zijn, maar ik krijg het niet voor elkaar om de hyperlinks voor m'n plaatje weg te halen.

Ik heb vier van zulke plaatjes:

[ afbeelding ]

verwerkt in een navigatiebalk, waarbij ze zouden moeten werken als te zien is in het volgende plaatje:

[ afbeelding ]

Het hover-gedeelte werkt allemaal naar behoren (zoals bij Producten), maar ik krjig de hyperlinks niet weg. Ik gebruik de volgende CSS-code:
[ code verwijderd ]

En de volgende HTML:
[ code verwijderd ]

Waar gaat het hier fout? Ik heb een hidden-class gemaakt, maar als ik die toepas op <ul>, dan verdwijnt het plaatje daarmee ook...

Zijn er ook nog semantische dingen die ik niet goed heb neergezet?
Je wil dus je afbeeldingen als link en daar geen tekst boven?
Wat je kan proberen (ik weet niet of het juist is) is:
1
2
3		<ul>
<li><a href="#"><div class="navigatie"></div></a></li>
</ul>


Dan moet je die div dezelfde grote meegeven als je plaatje, dan word die div een onzichtbare link als het waren.

Verder zou ik in je UL nog een:

list-style: none;

invoegen, dat haalt je bullet weg
Ik drink nooit meer! maar ook niet minder.
pi_74188090
quote:
Op donderdag 29 oktober 2009 14:41 schreef InTrePidIvity het volgende:

[..]

Het font is Calibri en het zou inderdaad misschien ook als text-only kunnen, maar ik wil graag weten waarom het niet werkt Als ik in de toekomst weer iets met hover wil doen, dan moet het wel werken natuurlijk

Ik kan in de HTML wel de tekst tussen <a> </a> weghalen, maar dan blijft er nog steeds een bullet staan...
Naar mijn mening de beste manier (omdat het ook voor mensen werkt die images uit hebben staan):

http://wellstyled.com/css-replace-text-by-image.html
pi_74188184
quote:
Op donderdag 29 oktober 2009 14:41 schreef invine het volgende:

[..]

Je wil dus je afbeeldingen als link en daar geen tekst boven?
Wat je kan proberen (ik weet niet of het juist is) is:
[ code verwijderd ]

Dan moet je die div dezelfde grote meegeven als je plaatje, dan word die div een onzichtbare link als het waren.
Een <div> in een <a> is incorrecte (x)html. Een <span> mag wel
En in css kun je dan iets doen als
#menu-top li a span { display: none; }
om te zorgen dat de tekst in de span niet wordt weergegeven.
fokstok.nl
  donderdag 29 oktober 2009 @ 15:11:15 #196
27454 InTrePidIvity
Looks like it's broken...
pi_74188738
Top, hier kan ik zeker wat mee
Bedankt voor de tips
...it's rielie broken... It's rielie, rielie broken... Let's go wecycle!
[Tournament] Beste Remake
pi_74189124
quote:
Op donderdag 29 oktober 2009 14:52 schreef woopehh het volgende:

[..]

Naar mijn mening de beste manier (omdat het ook voor mensen werkt die images uit hebben staan):

http://wellstyled.com/css-replace-text-by-image.html
Die span weglaten (onnodig element) en "text-indent: -9999px" op de <a> zetten. Bijkomend voordeel is dat alternatieve user agents dit ook snappen (een screen reader bijvorbeeld negeert zaken die op "display: none" staan, onder het mom van "als je het niet wilt tonen, dan hoef ik het ook niet voor te lezen").

De "more compatible mode" is gewoon ranzige HTML, en om dat nou te doen voor de mensen die CSS wel aan hebben maar plaatjes uit... dan heb je het echt over < 0,1% van de gebruikers.
  dinsdag 3 november 2009 @ 09:50:06 #198
85919 Likkende_Lassie
Doe eens wat aan je ondertitel
pi_74341218
Ik wil het volgende in css:

welkomBIJmij

het woord welkom moet dan blauw zijn, het woord BIJ rood, en mij weer blauw.
Is hier een css oplossing voor? Dus door te werken met 1 class?
pi_74342257
Nee
  dinsdag 3 november 2009 @ 10:53:01 #200
27454 InTrePidIvity
Looks like it's broken...
pi_74342837
Hoe kan ik er voor zorgen dat een footer in principe altijd op dezelfde plaats staat, tenzij de content erboven zo lang is dat het de footer naar beneden duwt?
...it's rielie broken... It's rielie, rielie broken... Let's go wecycle!
[Tournament] Beste Remake
pi_74344086
Door het stuk boven de footer een min-height te geven.
fokstok.nl
  dinsdag 3 november 2009 @ 11:39:00 #202
85919 Likkende_Lassie
Doe eens wat aan je ondertitel
pi_74344200
quote:
Op dinsdag 3 november 2009 09:50 schreef Likkende_Lassie het volgende:
Ik wil het volgende in css:

welkomBIJmij

het woord welkom moet dan blauw zijn, het woord BIJ rood, en mij weer blauw.
Is hier een css oplossing voor? Dus door te werken met 1 class?
Ok, is dus niet mogelijk, maar een <p> tag in een andere <p> tag begint op een nieuwe regel, hoe dat op te lossen?
pi_74344327
Waarom zou je een <p> binnen een <p> willen gebruiken (hint: dat wil je niet; een paragraaf heeft geen subparagrafen )?
  dinsdag 3 november 2009 @ 11:55:31 #204
182073 invine
blablabla etc.
pi_74344641
dan kan je beter een <p> in een <div> of <span> zetten..
Ik drink nooit meer! maar ook niet minder.
pi_74344790
quote:
Op dinsdag 3 november 2009 11:55 schreef invine het volgende:
dan kan je beter een <p> in een <div> of <span> zetten..
Een <p> mag niet in een span

Maar.. hoe wil je het hiermee gaan bereiken dan?
pi_74366387
quote:
Op dinsdag 3 november 2009 09:50 schreef Likkende_Lassie het volgende:
Ik wil het volgende in css:

welkomBIJmij

het woord welkom moet dan blauw zijn, het woord BIJ rood, en mij weer blauw.
Is hier een css oplossing voor? Dus door te werken met 1 class?
html:
<p>welkom<span class="red">BIJ</span>mij</p>

css :

p {
color: #......;
}

span.red {
color:#......;
}
pi_74366675
quote:
Op dinsdag 3 november 2009 22:05 schreef snkr-xxx het volgende:

[..]

html:
<p>welkom<span class="red">BIJ</span>mij</p>

css :

p {
color: #......;
}

span.red {
color:#......;
}
Je kunt beter een algemene naam gebruiken voor classes en id's. Dan is het ook nog logisch als je toch eens besluit die span niet rood maar groen te maken.
fokstok.nl
  dinsdag 3 november 2009 @ 22:16:05 #208
230788 n8n
Pragmatisch
pi_74366886
Ik zou zelf eerder voor <p class="welcome">welkom <span>bij</span> mij</p> kiezen en dan p.welcome { color: blue; } p.welcome span { color: red; } in je css, als aanvulling op wat Light zegt.
“Specialization is for insects”.—Robert Heinlein
pi_74366921
dat kan,
maar als ik voor een algemene teksthighlighter zou willen gaan zou ik eerder naar een em grijpen
  dinsdag 3 november 2009 @ 22:22:03 #210
230788 n8n
Pragmatisch
pi_74367137
quote:
Op dinsdag 3 november 2009 22:16 schreef snkr-xxx het volgende:
dat kan,
maar als ik voor een algemene teksthighlighter zou willen gaan zou ik eerder naar een em grijpen
Kan ook prima maar dat is niet direct op te maken uit de originele vraag, vandaar de keuze voor het wat neutralere span
“Specialization is for insects”.—Robert Heinlein
pi_74374701
quote:
Op dinsdag 3 november 2009 22:16 schreef snkr-xxx het volgende:
dat kan,
maar als ik voor een algemene teksthighlighter zou willen gaan zou ik eerder naar een em grijpen
Dan nog is een kleurnaam als naam voor een class gebruiken niet echt semantisch correct
  woensdag 4 november 2009 @ 09:38:08 #212
182073 invine
blablabla etc.
pi_74375780
quote:
Op dinsdag 3 november 2009 22:16 schreef snkr-xxx het volgende:
dat kan,
maar als ik voor een algemene teksthighlighter zou willen gaan zou ik eerder naar een em grijpen
Maar een em moet je dan weer recht zetten, want die staat uit zichzelf cursief ?
Ik drink nooit meer! maar ook niet minder.
pi_74376281
quote:
Op woensdag 4 november 2009 09:38 schreef invine het volgende:

Maar een em moet je dan weer recht zetten, want die staat uit zichzelf cursief ?
Dat is op zich geen probleem. Als je de <em> om een element zet wat je wilt benadrukken ("emphasis"), dan gebruik je het element correct. Dat de meeste browsers dit standeerd cursief weergeven wil niet zeggen dat je er geen nadruk op zou mogen leggen door het niet cursief maar in een andere kleur weer te geven.
  woensdag 4 november 2009 @ 10:41:55 #214
182073 invine
blablabla etc.
pi_74377511
quote:
Op woensdag 4 november 2009 09:59 schreef Roy_T het volgende:

[..]

Dat is op zich geen probleem. Als je de <em> om een element zet wat je wilt benadrukken ("emphasis"), dan gebruik je het element correct. Dat de meeste browsers dit standeerd cursief weergeven wil niet zeggen dat je er geen nadruk op zou mogen leggen door het niet cursief maar in een andere kleur weer te geven.
Ok, wist ik niet. Het is sowieso mooier dan een span.
Ik drink nooit meer! maar ook niet minder.
pi_74377917
Mooier dan een span? Waarom zou je hier nadruk leggen op het woord bij?
pi_74386999
Ja dit is een soort van script request (normaal zou ik dat nooit doen zonder zelf iets te proberen) maar in dit geval kan ik niet anders.

ik probeer dit idee te krijgen:
Dus bij mouseover komt het item in aan de linker kant.



van http://www.feyenoord.nl/p(...)000002/homepage.aspx hier is het in flash maar ik weet dat het ook in css kan.

Ik heb dit gevonden, maar krijg dit niet correct aangepast dus "menu" rechts etc.
http://www.cssplay.co.uk/menus/page_menu2

Wie zou mij kunnen helpen ?
pi_74387233
Wat heb je nu dan? En wat werkt er niet?
pi_74387306
Ik heb http://www.cssplay.co.uk/menus/page_menu2 en dat krijg ik niet zoals die op feyenoord.nl staat.

lijk wle een noob de laatste tijd maar kan echt wel cssen hoor
pi_74387353
Ja hoe heb je dat toegepast? En wat krijg je niet zoals op feyenoord.nl? Beetje onduidelijk wat het probleem is
pi_74387595
Naja laat ik het zo zeggen.
Ik heb op het moment niks en ik zoek zoiets als op feyenoord.nl (dat plaatje wat ik heb gepost)

Links tekst en rechts kopjes.
Ga je met je muis rechts over een kopje komt er links de tekst te voorschijn.
Op het plaatje staat de muis op het middelste kopje.
pi_74420795
Ik ben bezig met een kleine site, maar ik zou graag willen dat de tekst "getypt" word.
Zeg maar zoals in de Matrix, dat je achter zo'n scherm zit en er staat zo "Hello Neo" (:') weet niet hoe ik het anders moet uitleggen).
Ik heb dit al opgezocht, maar ik kon alleen ellelange javascripts vinden, waar ik niks wijzer uit werd.

Zou iemand mij kunnen helpen?
dit is mijn code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28		<html>
   <head>
      <title>Opdracht LLB</title>
      <link href="css/llb1.css" rel="stylesheet" type="text/css" />
   </head>
   <body bgcolor="#000000">
      <center>
         <div class="Logo">
            <img src="img/logopvv.PNG">
         </div>
         <div class="Mainwrapper">
            TEKST HIER
         </div>
         <div class="Onderkant">
            <img src="img/onder.PNG">
         </div>
         <div class="volgende">
            <a href="pvv1.html">Volgende</a>
         </div>
         <div class="Wallpaper">
            <img src="img/wallpaper.PNG">
         </div>
         <div class="Extra">
            <img src="img/extra.PNG">
         </div>
      </center>
   </body>
</html>
pi_74423556
Denk dat als je even zoekt op settimeout en substring je al een eind komt

Niet echt css trouwens maar javascript :p
  donderdag 5 november 2009 @ 16:25:13 #223
182073 invine
blablabla etc.
pi_74423824
quote:
Op donderdag 5 november 2009 15:05 schreef Skonk het volgende:
Ik ben bezig met een kleine site, maar ik zou graag willen dat de tekst "getypt" word.
Zeg maar zoals in de Matrix, dat je achter zo'n scherm zit en er staat zo "Hello Neo" (:') weet niet hoe ik het anders moet uitleggen).
Ik heb dit al opgezocht, maar ik kon alleen ellelange javascripts vinden, waar ik niks wijzer uit werd.

Zou iemand mij kunnen helpen?
dit is mijn code:
[ code verwijderd ]


Dat kan alleen met javascript of eventueel flash.
Ik drink nooit meer! maar ook niet minder.
pi_74443721
quote:
Op donderdag 5 november 2009 15:05 schreef Skonk het volgende:
Ik ben bezig met een kleine site, maar ik zou graag willen dat de tekst "getypt" word.
Zeg maar zoals in de Matrix, dat je achter zo'n scherm zit en er staat zo "Hello Neo" (:') weet niet hoe ik het anders moet uitleggen).
Ik heb dit al opgezocht, maar ik kon alleen ellelange javascripts vinden, waar ik niks wijzer uit werd.

Zou iemand mij kunnen helpen?
dit is mijn code:
[ code verwijderd ]


Ah, <center> ? 1998 belde...
  vrijdag 6 november 2009 @ 09:22:10 #225
267444 Skonk
Free Skonk
pi_74444097
quote:
Op vrijdag 6 november 2009 09:01 schreef GuidooH het volgende:

[..]

Ah, <center> ? 1998 belde...
Ja, ik kan het wel beter, maar het is een hele suffe opdracht. .
Maar iedereen bedankt in ieder geval. Ik had al wat scripts gevonden maar die snapte ik niet.
  woensdag 11 november 2009 @ 15:37:07 #226
182073 invine
blablabla etc.
pi_74606547
logopvv.PNG? wilders site aan het maken?
Ik drink nooit meer! maar ook niet minder.
pi_74625252
quote:
Op woensdag 11 november 2009 15:37 schreef invine het volgende:
logopvv.PNG? wilders site aan het maken?
Ja, het was voor een politieke opdracht.
Geen zorgen, ik had ook het CDA en de CU.
  woensdag 18 november 2009 @ 20:54:33 #228
65490 whoops
Home is where the heart is...
pi_74830820
Ik heb de volgende code met daarbij het resultaat in de browser.

Het idee is om een navigatiebalk te maken. Bij het gebruik van UL's loop ik echter tegen een probleem, ik zoek een manier om de LI's gelijkmatig over de hele breedtje te verdelen. Zoals je ziet werkt dit in een tabel prima, maar hou zou ik dit met UL/LI's voor elkaar kunnen krijgen?



1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92		<html>
    <head>
        <title>Menu Test</title>
        <style type="text/css">
            * {
                margin: 0px;
                padding: 0px;
            }

            #container {
                border: 1px solid red;
                width: 960px;
                margin: auto;
                height: 400px;
            }

            /* Menu with List */
            #listmenu {
                border: 1px solid green;
                height: 22px;
                margin: 5px;
                padding: 4px;
            }

            #listmenu li {
                border: 1px solid green;
                list-style: none;
                float: left;
                height: 20px;
                margin: 0px 10px;
                padding: 0px 10px;
            }

            #listmenu li:hover {
                border: 1px solid black;
                background: black;
                color: white;
            }

            /* Menu with Table */

            #tablemenu {
                border: 1px solid green;
                height: 22px;
                margin: 5px;
                padding: 4px;
            }

            #tablemenu td {
                text-align: center;
                border: 1px solid green;
            }

            #tablemenu td:hover {
                border: 1px solid black;
                background: black;
                color: white;
            }
        </style>
    </head>
    <body>
        <div id="container">
            Dit is het menu met een Unordered List
            <div id="listmenu">
                <ul>
                    <li>Home</li>
                    <li>Products</li>
                    <li>About</li>
                    <li>Contact</li>
                    <li>Optie 1</li>
                    <li>Optie 2</li>
                    <li>Optie 3</li>
                </ul>
            </div>
            
            Dit is hetzelfde menu met een Table
            <div id="tablemenu">
                <table border="0" width="100%">
                    <tr>
                        <td>Home</td>
                        <td>Products</td>
                        <td>About</td>
                        <td>Contact</td>
                        <td>Optie 1</td>
                        <td>Optie 2</td>
                        <td>Optie 3</td>
                    </tr>
                </table>
            </div>
        </div>
    </body>
</html>
In the beginning, the universe was created. This made a lot of people very angry and has been widely regarded as a bad move.
  woensdag 18 november 2009 @ 21:38:28 #229
182073 invine
blablabla etc.
pi_74832517
Je wilt het hetzelfde als die tables?

Zorg dat je parent (van je ul, in jouw geval een div met het id container) een vaste grote heeft en dan kan je geloof ik gewoon 100% doen in je ul. en dan zou ik ook je padding & margins weghalen anders hou je die stukken tussen je knoppen.
Ik drink nooit meer! maar ook niet minder.
pi_74834120
De li kun je ook een vaste grootte opgeven. Met 7 items is 14% wel een aardige keuze, dan blijf je net beneden de 100% (en loop je ook niet zoveel risico op afrondingsproblemen). Eventueel kun je er een paar pixels margin tussen zetten.
fokstok.nl
pi_74886583
Heb er zelf geen ervaring mee maar probeer eens wat met display:table-cell
http://www.w3schools.com/css/pr_class_display.asp

Kan alleen wat problematisch zijn in IE6/7 misschien, dus goed testen voordat je de boel online gooit!
  zaterdag 21 november 2009 @ 22:45:30 #232
65490 whoops
Home is where the heart is...
pi_74909382
Thanks

Ik heb er uiteindelijk voor gekozen om de ul op een vaste waarde te zetten (770px) te zetten, en alle li's een id te geven en voor al deze items een vaste breedte.

Hij ziet er hierdoor exact hetzelfde uit als in het design
In the beginning, the universe was created. This made a lot of people very angry and has been widely regarded as a bad move.
pi_74991810
Ik krijg het gewoon niet voor elkaar om m'n site te centreren via de container.

Wat moet ik in m'n css zetten zodat het lukt?
76.000.000 2009-12-24 01:28 Semmm
pi_74991902
quote:
Op woensdag 25 november 2009 16:04 schreef Semmm het volgende:
Ik krijg het gewoon niet voor elkaar om m'n site te centreren via de container.

Wat moet ik in m'n css zetten zodat het lukt?
margin: auto;

of

margin-left: auto;
margin-right: auto;
pi_74992011
quote:
Op woensdag 25 november 2009 16:06 schreef TwyLight het volgende:

[..]

margin: auto;

of

margin-left: auto;
margin-right: auto;
Dat werkt dus niet er zit trouwens wel een object in, kan dat de boosdoener zijn?
76.000.000 2009-12-24 01:28 Semmm
  woensdag 25 november 2009 @ 16:11:50 #236
182073 invine
blablabla etc.
pi_74992077
nee, kijk je in IE of in FF?

In IE moet je namelijk in je body dit zetten:

text-align: center;

dan moet je in je container (die gecentreerd moet staan) dit zetten:

text-align: left; (dit zorgt ervoor dat de tekst in de container weer netjes links uitgelijnt is)
Ik drink nooit meer! maar ook niet minder.
pi_74992095
Maak gewoon een nieuwe div, noem hem #wrapper

en zet je hele code tussen <div id="wrapper"> </div>

in je css zet je dan:

#wrapper {
margin-left: auto;
margin-right: auto;
}
pi_74992322
quote:
Op woensdag 25 november 2009 16:12 schreef TwyLight het volgende:
Maak gewoon een nieuwe div, noem hem #wrapper

en zet je hele code tussen <div id="wrapper"> </div>

in je css zet je dan:

#wrapper {
margin-left: auto;
margin-right: auto;
}
quote:
Op woensdag 25 november 2009 16:11 schreef invine het volgende:
nee, kijk je in IE of in FF?

In IE moet je namelijk in je body dit zetten:

text-align: center;

dan moet je in je container (die gecentreerd moet staan) dit zetten:

text-align: left; (dit zorgt ervoor dat de tekst in de container weer netjes links uitgelijnt is)
Werkt allebei niet
76.000.000 2009-12-24 01:28 Semmm
pi_74992361


#wrapper {
margin-left: auto !important;
margin-right: auto !important;
}

?

ja ik kan ook moeilijk de fout zien als ik je code niet kan zien
pi_74992628
quote:
Op woensdag 25 november 2009 16:19 schreef TwyLight het volgende:
:{

#wrapper {
margin-left: auto !important;
margin-right: auto !important;
}

?

ja ik kan ook moeilijk de fout zien als ik je code niet kan zien

html:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38		<?xml version="1.0"encoding="utf-8"?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html .xmlns="http://www.w3.org/1999/xhtml" xml:lang="nl"lang="nl">
<head>
<title>Sem | Home</title>
<meta http-equiv="content-type"content=text/html;
charset=utf-8"/>
<meta http-equiv="Content-Style-Type" content="text/css" />
<link href="opmaak.css" rel="stylesheet" type="text/css" media="all" />
</head>

<body>

<div id="container">

<div id="kop">
</div>

<object id="NSPlay" width="833" height="28" border=4px; classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701" standby="Loading Microsoft Windows Media Player components..." type="application/x-oleobject" align="center"> 
<param name="Filename" value="http://ms.stream.garnierprojects.com/radio538">
<param name=autoplay value=true> </object>
<br/>

<div id="menu">
<br/><br/>
<a href="filmpjes.htm">filmpjes</a>  |   <a href="fotos.htm">fotos</a>   |   <A HREF="muziek.htm">muziek</A>   |   <A HREF="sites.htm">sites</A>
</div>

<div id="x">
</div>

<div id="onder">
</div>

</div>
</body>
</html>



CSS:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29		#container {
                margin-left: auto;
                margin-right: auto;
}

a:link {
          text-decoration: none;
          color: #FFFFFF;
}
a:visited {
               text-decoration: none;
                color: #FFFFFF;
}
a:hover {
            text-decoration: none;
             color: #000000;
}

body {
/* kleur, achtergrondplaatje, achtergrondplaatje herhalen, achtergrondkleur, lettertype */
       color: white;
       background-image: url(background.png);
       background-repeat:repeat; 
       background-color: #666666;
       font-family: "Arial Black"; 
       font-size: 20px;
       padding-top: 1px;
       padding-bottom: 34px;
       text-transform: uppercase;
76.000.000 2009-12-24 01:28 Semmm
  woensdag 25 november 2009 @ 16:33:17 #241
182073 invine
blablabla etc.
pi_74992824
doet hij het ook niet in FF?
Ik drink nooit meer! maar ook niet minder.
pi_74992878
quote:
Op woensdag 25 november 2009 16:33 schreef invine het volgende:
doet hij het ook niet in FF?
Nee, hij blijft gewoon helemaal links staan
76.000.000 2009-12-24 01:28 Semmm
pi_74993292
je moet natuurlijk wel een width opgeven voor je container
pi_74993480
quote:
Op woensdag 25 november 2009 16:47 schreef TwyLight het volgende:
je moet natuurlijk wel een width opgeven voor je container
o dat wist ik niet Dankje!!

Maar heb nu nog een probleempje, ik heb een radio op m'n site maar firefox ziet ;m niet maar IE wel, hoe los ik dit op?
76.000.000 2009-12-24 01:28 Semmm
pi_75008115
quote:
Op woensdag 25 november 2009 16:53 schreef Semmm het volgende:

[..]

o dat wist ik niet Dankje!!

Maar heb nu nog een probleempje, ik heb een radio op m'n site maar firefox ziet ;m niet maar IE wel, hoe los ik dit op?
Geen activeX gebruiken.

Komop zeg 't is geen 2002 meer
pi_75008344
quote:
Op donderdag 26 november 2009 00:13 schreef Wielewagen het volgende:

[..]

Geen activeX gebruiken.

Komop zeg 't is geen 2002 meer
je bedoelt 1998
pi_75023770
Ik heb die code van die radio gewoon ergens van internet geplukt, ik zou niet weten hoe ik dat zelf moet maken, maar hoe krijg ik 'm dan werkend in FF? (Ik moet deze site voor school maken, ik weet heel weinig van dit allemaal )
76.000.000 2009-12-24 01:28 Semmm
  donderdag 26 november 2009 @ 16:43:00 #248
182073 invine
blablabla etc.
pi_75024671
Geen radio erin stoppen?
Ik drink nooit meer! maar ook niet minder.
pi_75025535
quote:
Op donderdag 26 november 2009 16:43 schreef invine het volgende:
Geen radio erin stoppen?
jawel dat wil ik wel
76.000.000 2009-12-24 01:28 Semmm
  donderdag 26 november 2009 @ 17:36:01 #250
182073 invine
blablabla etc.
pi_75026552
waarom? het is tering irritant om muziek op je site te hebben
Ik drink nooit meer! maar ook niet minder.
pi_75028164
quote:
Op donderdag 26 november 2009 17:36 schreef invine het volgende:
waarom? het is tering irritant om muziek op je site te hebben
ik vraag toch niet wat jij er van vind Ik wil gewoon muziek op m'n site met autoplay uit.
76.000.000 2009-12-24 01:28 Semmm
pi_75028555
Wordt waarschijnlijk iets met Flash dan
pi_75028745
Oke maar dit wat ik nu heb is niet met FF werkend te krijgen?
76.000.000 2009-12-24 01:28 Semmm
pi_75028828
quote:
Op donderdag 26 november 2009 18:50 schreef Semmm het volgende:
Oke maar dit wat ik nu heb is niet met FF werkend te krijgen?
nee natuurlijk niet
pi_75028874
Weet jij dan wel een code waarmee ik zo 538 op m'n site kan zetten?
76.000.000 2009-12-24 01:28 Semmm
pi_75029121
Gast je kan ook gewoon zelf ff zoeken op google ofzo, moet alles voorgekauwd worden?

zal ik anders je schoolopdracht maken?
pi_75029163
Heb op google gezocht maar kan tot op het moment weinig vinden, ik vind bijna alleen maa dingen over het "radio" knopje, dat vierkante blokje
76.000.000 2009-12-24 01:28 Semmm
pi_75050493
Na een aantal uren klooien met CSS, kom ik er nog niet uit

ik wil simpel voor de meest beschikbare browsers de header in het midden.

Dit is mijn css:

.body
{
margin:0;
padding:0;
font: arial Arial, Helvetica, sans-serif;
text-align:center;
}


/* Header */

#header

{
posotion: absolute;
width: 993px;
height:167px;
background:url(img/header_back.gif) repeat-x;

}

En hier vraag ik de css in html op:

<body class="body">
<div id="header">test</div>

</body>


in Internet explorer 8 verschijnt hij mooi in het midden, maar in firefox niet.
Iemand een idee?:)
  vrijdag 27 november 2009 @ 12:11:20 #259
27454 InTrePidIvity
Looks like it's broken...
pi_75050853
Ik zou 'position' doen, maar ik weet niet of het daar aan ligt
...it's rielie broken... It's rielie, rielie broken... Let's go wecycle!
[Tournament] Beste Remake
pi_75050984
quote:
Op vrijdag 27 november 2009 12:11 schreef InTrePidIvity het volgende:
Ik zou 'position' doen, maar ik weet niet of het daar aan ligt
Ook niet, met position krijg je 'm nooit gecentreerd.

Volgens mij heb ik het al 30000 keer gezegd in dit topic en met mij vele anderen, maar centreren doe je met {margin: 0 auto;}

-edit-
zie ik daar nou <body class='body'> ???? WTF!
pi_75051649
Dankje,

Ja ik probeer ook maar wat
pi_75058422
oke dat is dus gelukt, maar nu het volgende:

<div id="header">

</div>

en ik wil een foto bovenop de header hebben zeg maar, als ik dit doe :

<div id="header">
<div id="header_foto"></div>
</div>

gaat de hele zooi weer verschuiven

Dit is header_foto css:

.header_foto

{
margin: 0 auto;
width:982px;
height:144px;
background:url(img/header.png) repeat-x;
}

Hoe op te lossen? Want ik wil nog meer dingen in de header kwijt zoals tekst. een div over een div plaatsen met dat je zelf de positie bepaald dat is mogelijk toch? Hoe precies?

Alvast bedankt
  vrijdag 27 november 2009 @ 16:03:38 #263
182073 invine
blablabla etc.
pi_75059286
in je header zetten text-align:left;
Ik drink nooit meer! maar ook niet minder.
pi_75060147
quote:
Op vrijdag 27 november 2009 15:42 schreef freeke het volgende:
oke dat is dus gelukt, maar nu het volgende:

<div id="header">

</div>

en ik wil een foto bovenop de header hebben zeg maar, als ik dit doe :

<div id="header">
<div id="header_foto"></div>
</div>

gaat de hele zooi weer verschuiven

Dit is header_foto css:

.header_foto

{
margin: 0 auto;
width:982px;
height:144px;
background:url(img/header.png) repeat-x;
}

Hoe op te lossen? Want ik wil nog meer dingen in de header kwijt zoals tekst. een div over een div plaatsen met dat je zelf de positie bepaald dat is mogelijk toch? Hoe precies?

Alvast bedankt
1. Gebruik [code] tags voor je code
2. kom eens met een volledig voorbeeld, met die snipplets kunnen we niets. Liefst gewoon een linkje naar je werk.
3. watvoor doctype gebruik je
4. http://w3schools.com <<-- start reading.
  vrijdag 27 november 2009 @ 21:39:54 #265
182073 invine
blablabla etc.
pi_75069789
quote:
Op vrijdag 27 november 2009 16:24 schreef Wielewagen het volgende:

[..]

1. Gebruik [code] tags voor je code
2. kom eens met een volledig voorbeeld, met die snipplets kunnen we niets. Liefst gewoon een linkje naar je werk.
3. watvoor doctype gebruik je
4. http://w3schools.com <<-- start reading.
Ik denk dat je hier al teveel van hem verwacht
Ik drink nooit meer! maar ook niet minder.
pi_75080067
Nee hoor, ben al druk bezig met lezen

Hier het voorbeeldje:
http://www.wirdumonline.nl/drie/

mij huidige website zit vol met tables, en daar wil ik vanaf stappen
Zo wil ik hem uiteindelijk hebben:
http://www.wirdumonline.nl/voorbeeld.jpg

[ Bericht 19% gewijzigd door freeke op 28-11-2009 11:07:54 ]
pi_75081484
't was haast wel te raden ja. Begin eens met een doctype.

En knal dat "text-align" uit je body. IE5.5 hoef je echt niet meer te ondersteunen.
  zaterdag 28 november 2009 @ 13:17:47 #268
182073 invine
blablabla etc.
pi_75082247
quote:
Op zaterdag 28 november 2009 12:35 schreef Wielewagen het volgende:
't was haast wel te raden ja. Begin eens met een doctype.

En knal dat "text-align" uit je body. IE5.5 hoef je echt niet meer te ondersteunen.
IE6 werkt daar ook mee helaas :/
Ik drink nooit meer! maar ook niet minder.
pi_75082256
quote:
Op zaterdag 28 november 2009 13:17 schreef invine het volgende:

[..]

IE6 werkt daar ook mee helaas :/
Heb ik zelf inmiddels ook schijt aan.
  zaterdag 28 november 2009 @ 13:40:30 #270
182073 invine
blablabla etc.
pi_75082721
quote:
Op zaterdag 28 november 2009 13:18 schreef Wielewagen het volgende:

[..]

Heb ik zelf inmiddels ook schijt aan.
Ja ach, die 2 regels in je css boeit me vrij weinig
Ik drink nooit meer! maar ook niet minder.
pi_75082912
quote:
Op zaterdag 28 november 2009 13:17 schreef invine het volgende:

[..]

IE6 werkt daar ook mee helaas :/
In IE6 kun je een site prima centreren zonder text-align: center; te gebruiken.
fokstok.nl
  zaterdag 28 november 2009 @ 13:50:58 #272
182073 invine
blablabla etc.
pi_75082942
quote:
Op zaterdag 28 november 2009 13:49 schreef Light het volgende:

[..]

In IE6 kun je een site prima centreren zonder text-align: center; te gebruiken.
Maar als het werkt? Zoals ik al zeg, die 2 regels tekst extra in je css zijn ook geen probleem lijkt me? En dan werkt het ook nog is voor 5.5 mocht er een ergens een ouderwets iemand op je website komen.
Ik drink nooit meer! maar ook niet minder.
pi_75083398
quote:
Op zaterdag 28 november 2009 13:17 schreef invine het volgende:

[..]

IE6 werkt daar ook mee helaas :/
Ik had toevallig even windows aanstaan om een website te testen, en die was in IE6 gewoon keurig gecentreerd met margin:0 auto;.
zag er nog steeds niet uit omdat er wat PNG's in zitten, misschien moet ik daar nog maar even zo'n hack voor inbouwen dan
pi_75090187
quote:
Op zaterdag 28 november 2009 12:35 schreef Wielewagen het volgende:
't was haast wel te raden ja. Begin eens met een doctype.

En knal dat "text-align" uit je body. IE5.5 hoef je echt niet meer te ondersteunen.
Bedankt voor je moeite Wielewagen! Ga nu verder prutsen
pi_75161197
laat maar ik wete het al

[ Bericht 26% gewijzigd door TwyLight op 30-11-2009 21:40:15 (domme fout!) ]
  donderdag 3 december 2009 @ 11:06:41 #276
182073 invine
blablabla etc.
pi_75240238
Ik heb nu een probleem. Ik heb mijn H2 aangepast met een achtergrond, het probleem wat ik nu heb is dat ik het moet floaten om de achtergrond te laten stoppen achter de laatste letter.
Maar in FF doet die (natuurlijk FF wel) precies wat ik wil maar in IE niet.

http://www.2nd-studio.net is de pagina waar het om gaat.

Zonder float:left; gaat de achtergrond door tot het einde van div waar die instaat.
Voor de duidelijk heid de html & css

html:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39		<?php
   include("scripts/initdb_port.php");
   
   $content = "";
   $sql= "SELECT * FROM tbl_port ORDER BY id LIMIT 0,4";
   $res= mysql_query($sql);
   while($news = mysql_fetch_array($res)){
      $content .= "
         <h2><a href='page.php?id=".$news["id"]."'>
            ".$news["titel"]."<!--<div class='klein'>click me!</div>--></a></h2>";
   }
   mysql_close();
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      <title>d2GRAPHICS</title>
        <link href="style/style.css" rel="stylesheet" type="text/css" />
   </head>
    
    <body>   
      <div id="main_l">
            <div id="content">
               <h2>d2GRAPHICS</h2>
                <h2>WEB, GRAFISCH & MEER</h2>
                <h2>THINGS I MADE...</h2>
                <?php echo $content ?>
                <h2><a href="portfolio.php">MORE »</a></h2>
          </div>
        </div>
        <div id="main_r">
            <div id="contact">
              <h3><a href="contact.php">« CONTACT </a></h3>
           </div>
      </div>
</body>
</html>


css:
1
2
3
4
5
6
7
8
9		h2 {
   font-size:               4.8em;
   font-family:            Arial;
   color:                  #FFFFFF;
   background-color:         #000000;
   padding:               5px;
   width:                  auto;
   float:                  left;
}
Ik drink nooit meer! maar ook niet minder.
  donderdag 3 december 2009 @ 15:01:02 #277
182073 invine
blablabla etc.
pi_75247919
Ik ben er al uit, heb er een div omheen gezet en die width 100% gegeven.
Ik drink nooit meer! maar ook niet minder.
  donderdag 3 december 2009 @ 17:21:49 #278
282039 VanderMeulen
Mjam mjam mjam mjam, hap hap
pi_75252809
a) Een div heeft automatisch width 100%
b) Je moet die h2 niet floaten, maar inline maken.
Heeft u al een brandverzekering?
  donderdag 3 december 2009 @ 18:47:29 #279
182073 invine
blablabla etc.
pi_75255588
hmm ja had ook gekund nu je het zegt. Maar dit werkt ook
Ik drink nooit meer! maar ook niet minder.
pi_75270338
@invine: Background fail.
pi_75271633
quote:
Op donderdag 3 december 2009 17:21 schreef VanderMeulen het volgende:
a) Een div heeft automatisch width 100%
b) Je moet die h2 niet floaten, maar inline maken.
Een blockelement met "width: auto;" hoort net zo breed te worden als noodzakelijk is voor de inhoud.
fokstok.nl
pi_75315794
Weet hier iemand hoe je PHP files opmaakt met css??
Ik heb namelijk een css file die nu niet werkt met de php file.
Althans niet met de tabel die in een PHP code staat. De pagina die buiten de PHp code staat wordt wel correct opgemaakt door de CSS file.

Weet iemand hoe je dit oplost???
pi_75316260
PHP is geen opmaaktaal, php genereert html en de html moet je een stijl meegeven via de css.

Als je je code post, en je css kan ik zien wat er fout is.
  zaterdag 5 december 2009 @ 16:11:27 #284
87680 Mirel
Mirel wil een bongophone.
pi_75316297
Zo min mogelijk tabels maken voor de php code, en proberen hetzelfde effect te bereiken met een aantal divs, met de nodige php code daar in.
When all else fails, you always have delusion.
pi_75320007
quote:
Op zaterdag 5 december 2009 16:11 schreef Mirel het volgende:
Zo min mogelijk tabels maken voor de php code, en proberen hetzelfde effect te bereiken met een aantal divs, met de nodige php code daar in.
Beter nog, code en opmaak van elkaar gescheiden houden. Dus eerst een blok php waarin je alles verzamelt wat je wilt laten zien, daarna (of in een ander bestand) pas de html. In de html kun je dan nog wel php gebruiken om te zorgen dat alles goed wordt weergegeven (lussen enzo).
fokstok.nl
  zaterdag 5 december 2009 @ 19:56:08 #286
87680 Mirel
Mirel wil een bongophone.
pi_75322062
Ja dat bedoel ik eigenlijk ook
When all else fails, you always have delusion.
  zondag 6 december 2009 @ 20:23:39 #287
37634 wobbel
Da WoBBeL King
pi_75347246
Hoe zorg ik ervoor dat ik allemaal divs naast elkaar kan plaatsen, en die zich vervolgens aan je browserscher maanpassen?

Dus bij een groot browservenster dat er zoveel mogelijk naast elkaar komen:



Maar als je je browserscherm wat smaller hebt staan, dat het automatisch onder elkaar komt

Hosted VoIP SIP trunks Vast mobiel VoIP
pi_75348246
float: left;
pi_75443151
Hullo, ik heb een vraag.
Ik heb plaatjes als knoppen (Fout, fout, ik weet er alles van), en nou wil ik bij de rollover En bij de klik dat de afbeelding verandert.
Nou kan ik daar geen goede code voor vinden in HTML, maar ik hoorde dat je dit ook met CSS kan bereiken.

Weet iemand hier de codes voor? Voor HTML, als het werkt, vind ik het ook prima, als ik er maar een code voor heb.
Ik hoop dat de uitleg duidelijk genoeg is
pi_75443219
1<a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('plaatje','','rollover.jpg',1)"><img src="origineel.jpg" name="plaatje" border="0" id="plaatje" /></a> 


Dit maakt het programma ervan, maar het ziet er heel slordig en onlogisch uit, en de klik-actie wordt er niet bij betrokken.
pi_75453722
Wie weet een goede en simpele methode om een <select> <option> een andere border te geven?

[ Bericht 5% gewijzigd door Semmm op 09-12-2009 18:14:24 ]
76.000.000 2009-12-24 01:28 Semmm
pi_75454982
select {
border: 1px solid #333;
}

  woensdag 9 december 2009 @ 20:15:22 #293
282039 VanderMeulen
Mjam mjam mjam mjam, hap hap
pi_75458034
quote:
Op woensdag 9 december 2009 13:19 schreef RenRen- het volgende:
Hullo, ik heb een vraag.
Ik heb plaatjes als knoppen (Fout, fout, ik weet er alles van), en nou wil ik bij de rollover En bij de klik dat de afbeelding verandert.
Nou kan ik daar geen goede code voor vinden in HTML, maar ik hoorde dat je dit ook met CSS kan bereiken.

Weet iemand hier de codes voor? Voor HTML, als het werkt, vind ik het ook prima, als ik er maar een code voor heb.
Ik hoop dat de uitleg duidelijk genoeg is
Geen inline-afbeelding gebruiken, maar een achtergrondafbeelding. Die kun je wél met css veranderen.
Heeft u al een brandverzekering?
pi_75460357
quote:
Op woensdag 9 december 2009 @ 20:15 schreef VanderMeulen het volgende:

[..]

Geen inline-afbeelding gebruiken, maar een achtergrondafbeelding. Die kun je wél met css veranderen.
http://www.irenka.dds.nl

Dit heb ik gedaan, maar het duurt wel even voor de plaatjes geladen zijn. (Dankje nog )
Het is dan wel maar voor school, maar voor later moet dit anders (Een eigen portfolio ofzo ) Hij is inderdaad nog niet af, daar wordt nog aan gewerkt
pi_75461311
quote:
Op woensdag 9 december 2009 21:14 schreef RenRen- het volgende:

[..]

http://www.irenka.dds.nl

Dit heb ik gedaan, maar het duurt wel even voor de plaatjes geladen zijn. (Dankje nog )
Het is dan wel maar voor school, maar voor later moet dit anders (Een eigen portfolio ofzo ) Hij is inderdaad nog niet af, daar wordt nog aan gewerkt
Ja je kan beter een imagemap gebruiken dan worden alle afbeeldingen in één keer geladen
  woensdag 9 december 2009 @ 21:46:01 #296
282039 VanderMeulen
Mjam mjam mjam mjam, hap hap
pi_75461624
quote:
Op woensdag 9 december 2009 21:37 schreef TwyLight het volgende:

[..]

Ja je kan beter een imagemap gebruiken dan worden alle afbeeldingen in één keer geladen
Ik hoop dat je een CSS sprite bedoelt.
Heeft u al een brandverzekering?
pi_75462439


background: transparent url('../images/imagemap.png') no-repeat -50px -93px;
pi_75462451
quote:
Op woensdag 9 december 2009 @ 21:37 schreef TwyLight het volgende:

[..]

Ja je kan beter een imagemap gebruiken dan worden alle afbeeldingen in één keer geladen
En wat is dat?

Wat ik de volgende keer wel wil doen, zijn alle drie die afbeeldingen in één afbeelding zetten, en dan de imagelocation veranderen, of iets dergelijks.
Ga ik tzt wel onderzoek naar doen
pi_75462486
quote:
Op woensdag 9 december 2009 22:05 schreef RenRen- het volgende:

[..]

En wat is dat?

Wat ik de volgende keer wel wil doen, zijn alle drie die afbeeldingen in één afbeelding zetten, en dan de imagelocation veranderen, of iets dergelijks.
Ga ik tzt wel onderzoek naar doen
da's een imagemap ja, ik pm je een voorbeeld van mezelf
pi_75462720
quote:
Op woensdag 9 december 2009 22:06 schreef TwyLight het volgende:

[..]

da's een imagemap ja, ik pm je een voorbeeld van mezelf
Een meer gangbare naam voor zo'n ding is een sprite.
fokstok.nl
pi_75462742
[CSS] voor dummies #14
quote:
Op woensdag 9 december 2009 22:12 schreef Light het volgende:

[..]

Een meer gangbare naam voor zo'n ding is een sprite.
ik las het net ja, had er nog nooit van gehoord


actieve topics nieuwe topics
abonnement Unibet Coolblue
[CSS] voor dummies - deel 13
Index

» digital corner

» development

Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')