[CSS] voor dummies - deel 10

Index

» digital corner

» development

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
pi_64201958
Ik heb nog nooit gehoord van "jingle-bells" of "chrsitmas-tree" CSS properties. Met andere woorden: wat heeft dit met CSS te maken
pi_64202468
quote:
Op zondag 21 december 2008 11:16 schreef Roy_T het volgende:
Ik heb nog nooit gehoord van "jingle-bells" of "chrsitmas-tree" CSS properties. Met andere woorden: wat heeft dit met CSS te maken
hij wil waarschijnlijk sneeuwvlokjes of lampjes rond de site hebben oid?

http://www.schillmania.com/projects/snowstorm/
pi_64204967
quote:
Op zondag 21 december 2008 11:16 schreef Roy_T het volgende:
Ik heb nog nooit gehoord van "jingle-bells" of "chrsitmas-tree" CSS properties. Met andere woorden: wat heeft dit met CSS te maken
Nou misschien meer met 'opmaak' dan
  zondag 21 december 2008 @ 17:46:20 #104
134533 donroyco
dus niet Donroyco
pi_64214526
Hoe kan ik het menu fixen in Internet Explorer? Het menu van 'Tentoonstellingen' loopt daar maar tot net aan de content, dan valt ie erachter..

De site

Bij voorbaat dank!
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
pi_64263683
Ik doe al behoorlijk lang puur ontwerp in photoshop, waarna ik die doorgeef aan een slicer/coder, maar begin dat toch wel zonde te vinden, dus vandaar dat ik nu deze tutorial volgl:
http://css-tricks.com/vid(...)age-1/#comment-43161

Tot min. 15 gaat het prima, maar op een gegeven moment laat hij even als voorbeeldje zien of z'n background image het doet. Bij mij geeft hij echter geen enkele blijk van het ook openen van de CSS.
Mijn site is wel anders opgebouwd dan die van hem en dat was ik van plan daarom een beetje op mijn eigen manier te gaan doen, maar dan zou hij op zijn minst toch gewoon mijn plaatje moeten laten zien, waar ik naar verwijs?

Heb hier een zipje voor wat meer opheldering, heb de PSD er voor de leukigheid even bijgedaan. Heb hem expres simpel gehouden, zodat het niet te ingewikkeld was voor het codeerwerk.
Link:
http://www.megaupload.com/?d=DH9MR7U4
Bij voorbaat dank
pi_64264517
quote:
Op zondag 21 december 2008 @ 17:46 schreef donroyco het volgende:
Hoe kan ik het menu fixen in Internet Explorer? Het menu van 'Tentoonstellingen' loopt daar maar tot net aan de content, dan valt ie erachter..

De site

Bij voorbaat dank!
IE is een ramp met z-index enzo.
Google eens op haslayout... en geef sowieso #header en # content beide position:relative (zonder daadwerkelijke positie) en een Z-index. #header dan de hoogste natuurlijk.
-edit-
misschien juist position:relative van content weghalen... dat zou wel eens juist kunnen zijn waar IE over struikelt in dit geval...
pi_64264785
quote:
Op maandag 22 december 2008 @ 22:47 schreef Mindstate het volgende:
Ik doe al behoorlijk lang puur ontwerp in photoshop, waarna ik die doorgeef aan een slicer/coder, maar begin dat toch wel zonde te vinden, dus vandaar dat ik nu deze tutorial volgl:
http://css-tricks.com/vid(...)age-1/#comment-43161

Tot min. 15 gaat het prima, maar op een gegeven moment laat hij even als voorbeeldje zien of z'n background image het doet. Bij mij geeft hij echter geen enkele blijk van het ook openen van de CSS.
Mijn site is wel anders opgebouwd dan die van hem en dat was ik van plan daarom een beetje op mijn eigen manier te gaan doen, maar dan zou hij op zijn minst toch gewoon mijn plaatje moeten laten zien, waar ik naar verwijs?

Heb hier een zipje voor wat meer opheldering, heb de PSD er voor de leukigheid even bijgedaan. Heb hem expres simpel gehouden, zodat het niet te ingewikkeld was voor het codeerwerk.
Link:
http://www.megaupload.com/?d=DH9MR7U4
Bij voorbaat dank
stylesheet hoort ín de head, niet net eronder.
Verder is het praktischer als je je voorbeelden ergens online zet (everyoneweb ofzo voor gratis) en als je je HTML duidelijk indent...
  maandag 22 december 2008 @ 23:09:58 #108
134533 donroyco
dus niet Donroyco
pi_64265008
quote:
Op maandag 22 december 2008 23:01 schreef mcDavid het volgende:

[..]

IE is een ramp met z-index enzo.
Google eens op haslayout... en geef sowieso #header en # content beide position:relative (zonder daadwerkelijke positie) en een Z-index. #header dan de hoogste natuurlijk.
-edit-
misschien juist position:relative van content weghalen... dat zou wel eens juist kunnen zijn waar IE over struikelt in dit geval...
Dank voor je antwoord Ik ga het eens proberen
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
pi_64265870
quote:
Op maandag 22 december 2008 23:06 schreef mcDavid het volgende:

[..]

stylesheet hoort ín de head, niet net eronder.
Verder is het praktischer als je je voorbeelden ergens online zet (everyoneweb ofzo voor gratis) en als je je HTML duidelijk indent...
ooooh, je wilt niet weten hoe lang ik er mee bezig ben geweest om te kijken wat er mis was, bedankt

en met indenten bedoel je het soms gebruiken van tabjes en witregels zodat het duidelijker is om iets op te zoeken?

Ik heb het nu in de head zo staan:
1
2
3
4
5		<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css"/>
<title>ForumPost.nl - Een kickstart voor je forum!</title>
</head>


en de style.css als:
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		@charset "utf-8";
/* CSS Document */

/*RESETS AND BASIC PAGE SETUP*/
*{margin: 0; padding: 0; }
html {overflow-y: scroll; }
body {
   font: 62,5% Verdana, sans-serif; 
   background: url;(images/bodybg.jpg); top left repeat;
}

ul {list-style: none inside; }
p {font-size: 1.2em; line-height: 1.2em; margin-bottom: 1.2em; }
a {outline: none; }
a img {border: none; }
/* END RESET */

/* TOOLBOX */
.floatleft {float: left; }
.floatright {float: right; }
.clear  {clear: both; }
/* END TOOLBOX */

/* STRUCTURE AND STUFF */
#page-wrap {
   width: 775px;
   margin: 0 auto;
}
/* END STRUCTURE */


maar wil hem nog steeds niet weergeven
pi_64272814
quote:
Op maandag 22 december 2008 23:24 schreef Mindstate het volgende:

[..]

ooooh, je wilt niet weten hoe lang ik er mee bezig ben geweest om te kijken wat er mis was, bedankt :D

en met indenten bedoel je het soms gebruiken van tabjes en witregels zodat het duidelijker is om iets op te zoeken?

Ik heb het nu in de head zo staan:
[ code verwijderd ]

en de style.css als:
[ code verwijderd ]

maar wil hem nog steeds niet weergeven :{
Bij background hoort na url geen ; te staan. De url die je opgeeft is normaal gesproken relatief ten opzichte van het css-bestand. Dat gaat wel goed hier, omdat ze beide in dezelfde directory staan. Het stukje "top left repeat;" is overbodig, omdat het de standaardwaarde is. Als je het wilt specificeren moet er geen puntkomma voor staan, alleen achter.

En ik zou html en body altijd samen pakken. Ook zou ik de initiele fontgrootte met een absolute waarde specificeren (dus in px, niet in % of em ofzo). Voor andere elementen kan een relatieve grootte wel.

1
2
3
4		html, body {
   font: 10px Verdana, sans-serif;
   background: url(images/bodybg.jpg);
}


Tip: Om fouten in een css-bestand op te sporen, kun je gebruik maken van een css-validator. Die hoort geen fouten te vinden (tenzij je bewust gebruik maakt van css hacks voor sommige browsers).
fokstok.nl
pi_64279926
Oh, het lag dus aan die ;, bedankt.

Ook bedankt voor die CSS Validator, kan nog goed van pas komen
pi_64284004
quote:
Op dinsdag 23 december 2008 @ 12:44 schreef Mindstate het volgende:
Oh, het lag dus aan die ;, bedankt.

Ook bedankt voor die CSS Validator, kan nog goed van pas komen
installeer sowieso even de Web Developer firefox addon, maakt het leven een stuk makkelijker!

-edit-
mcDavid hier dus
pi_64285324
quote:
Op dinsdag 23 december 2008 04:01 schreef Light het volgende:

En ik zou html en body altijd samen pakken.
Tenzij je relatieve waarden wilt gebruiken, want dan zou bijvoorbeeld "75%" betekenen dat de <body> een grootte heeft van 75% van de 75% van de <html>.
quote:
Ook zou ik de initiele fontgrootte met een absolute waarde specificeren (dus in px, niet in % of em ofzo). Voor andere elementen kan een relatieve grootte wel.
Tenzij je wilt dat de lettergrootte fatsoenlijk te resizen is in IE6
pi_64287097
quote:
Op dinsdag 23 december 2008 @ 15:00 schreef Roy_T het volgende:

[..]

Tenzij je wilt dat de lettergrootte fatsoenlijk te resizen is in IE6
Een jaar geleden was dat wel een goed punt, maar tegenwoordig heb ik zoiets van als je slecht ziend bent installeer je maar IE7
pi_64292400
Kan iemand mij uitleggen waarom
1
2
3
4		 iframe {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
} 
niet werkt?

Het hoort volgens mij te werken (in firefox natuurlijk) . Ik wil dus elke ifframe op de site ronde hoeken geven
pi_64292486
Hoe kun je via css ingeven dat een bepaald plaatje altijd recht onder een ander plaatje staat? Ik doe het nu via het opgeven van het aantal pixels dat alle plaatjes van de randen moeten staan, maar dat is op een gegeven moment geen doen meer. Stel ik wil plaatje B onder plaatje A hebben, hoe stel ik dit in?
pi_64292643
quote:
Op dinsdag 23 december 2008 @ 18:16 schreef Mindstate het volgende:
Hoe kun je via css ingeven dat een bepaald plaatje altijd recht onder een ander plaatje staat? Ik doe het nu via het opgeven van het aantal pixels dat alle plaatjes van de randen moeten staan, maar dat is op een gegeven moment geen doen meer. Stel ik wil plaatje B onder plaatje A hebben, hoe stel ik dit in?
Alle plaatjes samen in een div zetten?
Beetje vaag probleem zo, zonder voorbeeld.
quote:
Op dinsdag 23 december 2008 @ 18:13 schreef hello_moto1992 het volgende:
Kan iemand mij uitleggen waarom
[ code verwijderd ]

niet werkt?

Het hoort volgens mij te werken (in firefox natuurlijk) . Ik wil dus elke ifframe op de site ronde hoeken geven
Het lijkt me het meest waarschijnlijk dat border-radius op iframes niet ondersteund worden. Sowieso werkt dit alleen in firefox, safari en chrome, maar dat weet je heh?
pi_64292866
quote:
Op dinsdag 23 december 2008 15:00 schreef Roy_T het volgende:

[..]

Tenzij je relatieve waarden wilt gebruiken, want dan zou bijvoorbeeld "75%" betekenen dat de <body> een grootte heeft van 75% van de 75% van de <html>.
Dan nog. Het gaat er om hoe groot de letters uiteindelijk worden. En of je een effect nou bereikt door 75% of door 87% op te geven, doet dan niet echt ter zake. Daarbij, als je een relatieve fontgrootte opgeeft, wat is dan je uitgangspunt? Relatief is immers altijd ten opzichte van iets anders.
quote:
Tenzij je wilt dat de lettergrootte fatsoenlijk te resizen is in IE6
Dan gebruik je daar maar een andere browser voor. Ik ga geen rekening houden met alle problemen van alle prehistorische browsers.
fokstok.nl
pi_64292972
quote:
Op dinsdag 23 december 2008 18:20 schreef mcDavid het volgende:

[..]

Alle plaatjes samen in een div zetten?
Beetje vaag probleem zo, zonder voorbeeld.
[..]

Het lijkt me het meest waarschijnlijk dat border-radius op iframes niet ondersteund worden. Sowieso werkt dit alleen in firefox, safari en chrome, maar dat weet je heh?
Ja dat weet ik Toch jammer dat het dan niet kan

[ Bericht 8% gewijzigd door hello_moto1992 op 23-12-2008 18:34:01 ]
  dinsdag 23 december 2008 @ 18:30:09 #120
134533 donroyco
dus niet Donroyco
pi_64293021
@mcDavid

"position: relative" weghalen heeft geholpen Dank!
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
pi_64293509
quote:
Op dinsdag 23 december 2008 18:20 schreef mcDavid het volgende:

[..]

Alle plaatjes samen in een div zetten?
Beetje vaag probleem zo, zonder voorbeeld.
[..]

Het lijkt me het meest waarschijnlijk dat border-radius op iframes niet ondersteund worden. Sowieso werkt dit alleen in firefox, safari en chrome, maar dat weet je heh?
Heb het geheel even geupload, misschien dat het zo wat duidelijker is:
http://www.forumpost.nl/

Ik heb dat eerste plaatje (het logo) in een div gezet en ingesteld dat hij een bep. aantal pixels vanaf de top moet zijn. Nu heb ik nog een plaatje, waarvan ik wil dat hij recht onder dat logo kom, hoe dat dan in te stellen.

[ Bericht 14% gewijzigd door Mindstate op 23-12-2008 18:57:04 ]
pi_64295092
quote:
Op dinsdag 23 december 2008 @ 18:44 schreef Mindstate het volgende:

[..]

Heb het geheel even geupload, misschien dat het zo wat duidelijker is:
http://www.forumpost.nl/

Ik heb dat eerste plaatje (het logo) in een div gezet en ingesteld dat hij een bep. aantal pixels vanaf de top moet zijn. Nu heb ik nog een plaatje, waarvan ik wil dat hij recht onder dat logo kom, hoe dat dan in te stellen.
In welke browser heb je dat getest Het ziet er in iedere browser namelijk anders uit en bij geeneen heb ik het idee dat het zo hoort...
  dinsdag 23 december 2008 @ 23:14:13 #123
159635 Spike1506
NullPointerException
pi_64306294
quote:
Op dinsdag 23 december 2008 18:44 schreef Mindstate het volgende:

[..]

Heb het geheel even geupload, misschien dat het zo wat duidelijker is:
http://www.forumpost.nl/

Ik heb dat eerste plaatje (het logo) in een div gezet en ingesteld dat hij een bep. aantal pixels vanaf de top moet zijn. Nu heb ik nog een plaatje, waarvan ik wil dat hij recht onder dat logo kom, hoe dat dan in te stellen.
Ik zou eerst eens kijken naar je.css, die is namenlijk best een rotzooi.
Sowieso moet je nooit
1
2
3
4		* { 
margin: 0; 
padding: 0; 
}

gebruiken. Beste kun je margin en padding op 0 zetten in je body { }.
Ook moet je <ul> in een aparte div, deze zit nu gewoon los in de div met id: page-wrap. Deze zal dus gewoon bovenaan gezet worden.

Mijn tip(s):
- doe alles wat je op een andere positie wilt hebben een een div en geef deze een herkanbaae naam.
- geef deze divjes een border zodat je beter kunt zien waar ze staan.
- doe alles 1 voor 1 en kijk daarna pas hoe je de elementen in deze divs gaat stylen.
Twitter | Sensiva.net Webhosting | Mijn blog.
pi_64306509
quote:
Op dinsdag 23 december 2008 18:44 schreef Mindstate het volgende:

[..]

Heb het geheel even geupload, misschien dat het zo wat duidelijker is:
http://www.forumpost.nl/
Let ook eens op > als je een <div opent. Zou zomaar kunnen helpen.
fokstok.nl
pi_64306621
quote:
Op dinsdag 23 december 2008 @ 23:14 schreef Spike1506 het volgende:

[..]

Ik zou eerst eens kijken naar je.css, die is namenlijk best een rotzooi.
Sowieso moet je nooit * { margin: 0; padding: 0; } gebruiken. Beste kun je margin en padding op 0 zetten in je body { }.
Ook moet je <ul> in een aparte div, deze zit nu gewoon los in de div met id: page-wrap. Deze zal dus gewoon bovenaan gezet worden.

Mijn tip(s):
- doe alles wat je op een andere positie wilt hebben een een div en geef deze een herkanbaae naam.
- geef deze divjes een border zodat je beter kunt zien waar ze staan.
- doe alles 1 voor 1 en kijk daarna pas hoe je de elementen in deze divs gaat stylen.
Ben het er mee eens dat je dat 'resetten' beter achterwege kunt laten.
Je eerste tip ben ik het absolúút niet mee eens, klakkeloos alles in losse divjes gooien is onzin. Een list wordt al omvat door ul dus nergens voor nodig ook. Sterker nog ik zou die divjes om de img's ook weghalen. Of nog beter de img's weghalen en achtergrondafbeeldingen van maken.

Andere twee tips zijn wel weer hele goeie.
  dinsdag 23 december 2008 @ 23:20:27 #126
159635 Spike1506
NullPointerException
pi_64306639
quote:
Op dinsdag 23 december 2008 18:13 schreef hello_moto1992 het volgende:
Kan iemand mij uitleggen waarom
[ code verwijderd ]

niet werkt?

Het hoort volgens mij te werken (in firefox natuurlijk) . Ik wil dus elke ifframe op de site ronde hoeken geven
Wat als je de betreffende iframe(s) nu een id/class meegeeft om daarna deze id/class te stylen in je .css?
Twitter | Sensiva.net Webhosting | Mijn blog.
pi_64307319
quote:
Op dinsdag 23 december 2008 23:14 schreef Spike1506 het volgende:

Ook moet je <ul> in een aparte div, deze zit nu gewoon los in de div met id: page-wrap. Deze zal dus gewoon bovenaan gezet worden.
Er is geen enkele reden om een extra <div> om een <ul> te zetten. Een <ul> kun je gewoon een id geven en stylen, het is gewoon een blokelement. Voor de plaats op het scherm is een extra <div> dus niet nodig.
fokstok.nl
pi_64307436
quote:
Op dinsdag 23 december 2008 19:34 schreef mcDavid het volgende:

[..]

In welke browser heb je dat getest Het ziet er in iedere browser namelijk anders uit en bij geeneen heb ik het idee dat het zo hoort...
Hij was sowieso nog lang niet klaar, ik was alleen bezig met het in elkaar zetten van het geheel, toen ik er maar niet uitkwam hoe je simpelweg een plaatje onder een ander plaatje zet.

Allemaal heel erg bedankt voor jullie hulp, maar aangezien dit echt mijn eerste site is, is een heleboel voor mij nog echt abracadabra, ik gebruik deze tutorial: http://css-tricks.com/vid(...)age-1/#comment-43161

heb direct zijn stappen opgevolgd, waarbij ik er dus vanuit ging dat dit juist wel goed zou werken, maar niet dus

Ik zal kijken of ik iets van de opmerkingen kan bakken (als in; erachter komen wat ze betekenen)
pi_64307678
Tip: www.w3schools.com, start reading

-edit-
en begin met de tip van spike: alle elementen een achtergrondkleurtje geven (hoe lelijk ook) zodat je kunt zien wat er gebeurt.
  woensdag 24 december 2008 @ 12:57:36 #130
87680 Mirel
Mirel wil een bongophone.
pi_64321841
Weet er iemand nog goede open source systemen? Ik heb al een layout en wil een CMS systeem die het mogelijk maakt om:

-Content toe te voegen in elke pagina (ook video, dacht eraan om youtube te linken/embedden)
-Agenda kunnen beheren
-Een login hebben met beveiligde paginas

Er moet ook nog een contact- en boekingsformulier in maar die lukken mij nog wel aan de hand van tutorials.

Ik ben wat dat betreft absoluut een leek in PHP. Heb niet echt een idee wat voor database ik me er bij moe voorstellen ook.
Heb op school gewerkt met Joomla, maar dat vond ik niet echt duidelijk een kut programma, en ook een keertje met Drupal. Maar ik heb dus al een layout en ik weet niet of het zo slim is om dan de layout om te zetten in een van de skins ofzo van de bovengenoemde cms systemen.
Ik zit nu te kijken naar Xoops, eens kijken of dat iets zal worden

[ Bericht 2% gewijzigd door Mirel op 24-12-2008 13:02:39 ]
When all else fails, you always have delusion.
  woensdag 24 december 2008 @ 13:03:47 #131
134533 donroyco
dus niet Donroyco
pi_64322028
Wat dacht je van Joomla, Mirel? Het is misschien niet duidelijk in het begin, maar bij elk CMS-systeem is dat lastig
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
pi_64322219
niet echt een CSS probleem, maar ik zou wordpress eens bekijken!
pi_64333704
quote:
Op dinsdag 23 december 2008 23:39 schreef mcDavid het volgende:
Tip: www.w3schools.com, start reading

-edit-
en begin met de tip van spike: alle elementen een achtergrondkleurtje geven (hoe lelijk ook) zodat je kunt zien wat er gebeurt.
Bedankt, heb nu alles een achtergrond kleur gegeven, maar staat allemaal nog compleet random in de layout (niet geupload), hoe kan ik het dan netjes op de goede plekken zetten, heb op die site zitten zoeken maar daar zag ik alleen uitleg over de absolute positie.
pi_64338545
quote:
Op woensdag 24 december 2008 @ 18:53 schreef Mindstate het volgende:

[..]

Bedankt, heb nu alles een achtergrond kleur gegeven, maar staat allemaal nog compleet random in de layout (niet geupload), hoe kan ik het dan netjes op de goede plekken zetten, heb op die site zitten zoeken maar daar zag ik alleen uitleg over de absolute positie.
eerst eens valide html maken, dan maak je het jezelf een stuk makkelijker
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.forumpost.nl%2F

Daarna, positioneren doe je door na te denken over je float. Als je je HTML goed semantisch hebt opgebouwd zul je met de CSS-eigenschappen float, margin en clear vrijwel alles kunnen bereiken wat je wilt.
pi_64504660


[ Bericht 53% gewijzigd door hello_moto1992 op 31-12-2008 13:52:34 ]
pi_64505016
als je nou eens begint met alle overbodige info uit je post te halen, of nog beter met een testcase maken, gaat het een stuk sneller.
pi_64505051
enneuh, sja wat dacht je van erín?
pi_64505431
Het lijkt mij ingewikkeld om het er in te doen in verband met verschillende stijlen.

[ Bericht 18% gewijzigd door hello_moto1992 op 31-12-2008 13:52:44 ]
pi_64507225
hoe bedoel je dat?
pi_64507872
Ehm bij nader inzien kan dat ook wel. Ik zal het ff proberen.
pi_64530111
Ik heb een aantal erg kleine plaatjes, en ik las dat het ivm het aantal http requests interessant is om de 'code' van die plaatjes dan in je html te droppen. Kan zoiets ook in je CSS?

Het probleem is dat ik niet meer weet hoe je dat ookweer noemt, en dat ik het niet bij elkaar gegoogled krijg .
  FOK!-Schrikkelbaas woensdag 31 december 2008 @ 13:15:36 #142
1972 Swetsenegger
Egocentrische Narcist
pi_64530325
Ik heb eigenlijk geen flauw idee wat je bedoelt met de 'code' in je html droppen?
 | FOK! Schrikkelbaasch
pi_64530699
Ikke zoeken jongen!
http://nl.wikipedia.org/wiki/Inline_image

Heb het dus gevonden! .

Alleen ben ik er nog niet uit hoe dat met CSS kan.
pi_64531173
quote:
Op woensdag 31 december 2008 13:27 schreef veldmuis het volgende:
Alleen ben ik er nog niet uit hoe dat met CSS kan.
Hetzelfde. "background-image: url(data:etc)".
pi_64532170
quote:
Op woensdag 31 december 2008 @ 13:44 schreef Roy_T het volgende:

[..]

Hetzelfde. "background-image: url(data:etc)".
en was het niet zo dat IE dat weer eens niet begrijpt?
pi_64532476
quote:
Op woensdag 31 december 2008 14:14 schreef mcDavid het volgende:

[..]

en was het niet zo dat IE dat weer eens niet begrijpt?
Gaat perfect in zowel IE7 als IE8. Wat 6 doet interesseert me ff wat minder.
  FOK!-Schrikkelbaas woensdag 31 december 2008 @ 14:26:47 #147
1972 Swetsenegger
Egocentrische Narcist
pi_64532639
Maar zijn http requests met de hedendaagse breedband snelheden en server backbones nog een issue dan
 | FOK! Schrikkelbaasch
pi_64533216
Elke milliseconde is meegenomen.
  FOK!-Schrikkelbaas woensdag 31 december 2008 @ 14:42:28 #149
1972 Swetsenegger
Egocentrische Narcist
pi_64533233
Nou..!

 | FOK! Schrikkelbaasch
pi_64533298
quote:
Op woensdag 31 december 2008 14:26 schreef Swetsenegger het volgende:
Maar zijn http requests met de hedendaagse breedband snelheden en server backbones nog een issue dan
Absoluut. Sterker nog: ze zijn de nummer 1 reden waarom een website snel of traag is (of overkomt). Hoe snel je verbinding ook is, een browser kan niet meer dan 2 requests per domein aan (en voor JS-bestanden 1). Hoe meer request, hoe langer het duurt. Kun je oplossen door meer assets hosts te gebruiken (static1.example.com, static2.example.com, die allemaal naar dezelfde fysieke locatie verwijzen), maar bij teveel verschillende hosts krijg je weer last van vertraging door DNS lookups.

Of inline images wel of niet handig zijn hangt heel erg van je doel af. Voor de gemiddelde website maakt het niets uit of is het nadeliger (wanneer je geen goede caching gebruikt). Je hebt het echt over high traffic sites wil het interessant worden.

Leesvoer: http://developer.yahoo.com/performance/
  FOK!-Schrikkelbaas woensdag 31 december 2008 @ 14:48:03 #151
1972 Swetsenegger
Egocentrische Narcist
pi_64533423
quote:
Op woensdag 31 december 2008 14:44 schreef Roy_T het volgende:

[..]

Absoluut. Sterker nog: ze zijn de nummer 1 reden waarom een website snel of traag is (of overkomt). Hoe snel je verbinding ook is, een browser kan niet meer dan 2 requests per domein aan (en voor JS-bestanden 1). Hoe meer request, hoe langer het duurt. Kun je oplossen door meer assets hosts te gebruiken (static1.example.com, static2.example.com, die allemaal naar dezelfde fysieke locatie verwijzen), maar bij teveel verschillende hosts krijg je weer last van vertraging door DNS lookups.

Of inline images wel of niet handig zijn hangt heel erg van je doel af. Voor de gemiddelde website maakt het niets uit of is het nadeliger (wanneer je geen goede caching gebruikt). Je hebt het echt over high traffic sites wil het interessant worden.

Leesvoer: http://developer.yahoo.com/performance/
Ja dat snap ik allemaal maar of die website nu in 0,5 seconde of 1,2 seconde op het beeld staat zal de gemiddelde surfer echt aan zijn reet roesten.
 | FOK! Schrikkelbaasch
pi_64533672
quote:
Op woensdag 31 december 2008 14:48 schreef Swetsenegger het volgende:

Ja dat snap ik allemaal maar of die website nu in 0,5 seconde of 1,2 seconde op het beeld staat zal de gemiddelde surfer echt aan zijn reet roesten.
Je zou de laadtijd door het minimaliseren van het aantal http requests met ongeveer 80% kunnen verminderen. En laat onderzoek nou uitwijzen dat bezoekers het wél fijn vinden wanneer een site er na een halve seconde staat ipv na 2,5 seconden. Zeker bij webapplicaties is het ergernis nummer 1 om te moeten wachten totdat je kunt doen wat je eigenlijk wilde doen.

Ik zou het eerder in goede caching, het samenvoegen van bestanden (de 9 externe JS bestanden op de Fok! frontpage zouden makkelijk tijdens het deploy proces kunnen worden samengevoegd bijvoorbeeld) en far future expiry headers zoeken overigens dan inline images, maar het is leuk om te weten hoe het werkt

Zie ook http://yuiblog.com/blog/2006/11/28/performance-research-part-1/
pi_64533903
quote:
Op woensdag 31 december 2008 @ 14:26 schreef Swetsenegger het volgende:
Maar zijn http requests met de hedendaagse breedband snelheden en server backbones nog een issue dan
ik denk dat het nu júíst een issue is. Vroeger maakte je zoveel mogelijk hele kleine bestandjes zodat er zoveel mogelijk in de cache terecht kwam (websites in frames anyone?) maar tegenwoordig boeit de download tijd maar weinig meer dus kun je beter gewoon één groot bestand maken en het voor lief nemen dat niet alles door de browser gecached kan worden.
Neemt natuurlijk niet weg dat je wel realistisch moet blijven... dr was laatst ook een topic over imagemapping, dat kan ook nog wat uitmaken en lijkt me praktischer.
pi_64534023
quote:
Op woensdag 31 december 2008 15:04 schreef RenRen- het volgende:

Neemt natuurlijk niet weg dat je wel realistisch moet blijven... dr was laatst ook een topic over imagemapping, dat kan ook nog wat uitmaken en lijkt me praktischer.
En als iemand erop wil Googlen: dat ging over "CSS sprites"

En over caching: tenzij je goede expiry headers gebruikt heb je nog steeds voor ieder bestand een request: de browser vraagt aan de server "is dit bestand gewijzigd", krijgt "nee" terug en gebruikt dan de versie in de cache. Laat daarom de eerste keer je server al duidelijk vertellen "dit bestand is geldig tot 1 januari 2013, dus voor die tijd mag je het altijd meteen uit de cache gebruiken" (pas je iets aan, dan moet je wel de bestandsnaam veranderen dus, of bestand.ext?timestamp gebruiken, anders komt de oude versie uit de cache).
  FOK!-Schrikkelbaas woensdag 31 december 2008 @ 17:27:29 #155
1972 Swetsenegger
Egocentrische Narcist
pi_64539074
quote:
Op woensdag 31 december 2008 14:55 schreef Roy_T het volgende:

[..]

Je zou de laadtijd door het minimaliseren van het aantal http requests met ongeveer 80% kunnen verminderen. En laat onderzoek nou uitwijzen dat bezoekers het wél fijn vinden wanneer een site er na een halve seconde staat ipv na 2,5 seconden. Zeker bij webapplicaties is het ergernis nummer 1 om te moeten wachten totdat je kunt doen wat je eigenlijk wilde doen.

Ik zou het eerder in goede caching, het samenvoegen van bestanden (de 9 externe JS bestanden op de Fok! frontpage zouden makkelijk tijdens het deploy proces kunnen worden samengevoegd bijvoorbeeld) en far future expiry headers zoeken overigens dan inline images, maar het is leuk om te weten hoe het werkt

Zie ook http://yuiblog.com/blog/2006/11/28/performance-research-part-1/
Ja alleen maak jij er nu 500% van ipv een toename van 70% zoals in mijn voorbeeld. Bij een webapplicatie heeft het misschien nog zin, hoewel een gemiddelde webapplicatie echt geen tientallen images heeft.

Ik vind het allemaal nogal overtrokken.
 | FOK! Schrikkelbaasch
pi_64577484
quote:
Op woensdag 31 december 2008 17:27 schreef Swetsenegger het volgende:

Ja alleen maak jij er nu 500% van ipv een toename van 70% zoals in mijn voorbeeld. Bij een webapplicatie heeft het misschien nog zin, hoewel een gemiddelde webapplicatie echt geen tientallen images heeft.
Alleen zijn mijn cijfers wél gebaseerd op onderzoeksresultaten.
quote:
Ik vind het allemaal nogal overtrokken.
Dat mag Voor de rest (lees: alle grote en/of bekende websites) is het inmiddels gewoon een industriestandaard.
  maandag 5 januari 2009 @ 20:30:15 #157
87680 Mirel
Mirel wil een bongophone.
pi_64702199
quote:
Op woensdag 24 december 2008 13:10 schreef mcDavid het volgende:
niet echt een CSS probleem, maar ik zou wordpress eens bekijken!
Wat is het toch een gedoe. Is het nou de bedoeling dat ik een theme uitzoek die dezelfde layout zoals de mijne heeft zodat ik dat allemaal om kan zetten?
Kutgedoe
When all else fails, you always have delusion.
pi_64704156
quote:
Op maandag 5 januari 2009 @ 20:30 schreef Mirel het volgende:

[..]

Wat is het toch een gedoe. Is het nou de bedoeling dat ik een theme uitzoek die dezelfde layout zoals de mijne heeft zodat ik dat allemaal om kan zetten?
Kutgedoe
Het is de bedoeling dat je je eigen layout omzet in templates. Het kan wel helpen als je eerst een (soortgelijke) template eens goed bekijkt, zodat je een beetje een idee krijgt hoe dat werkt. Verder zijn er met google vast honderden tutorials te vinden over hoe je een wordpresstemplate maakt.
pi_64721842
Ik heb een echte leek vraag waarschijnlijk.

Ik heb een header, menu en content met normale indeling, header boven, menu en content naast elkaar met float left & right.

Nu wil ik alleen dat mijn content automatisch verlengt als er meer tekst in staat. Ik ben enkel de code er voor vergeten zo 123. Google word geblokkeerd hier vanaf het bedrijf (vraag me niet waarom) dus ik hoop dat iemand hier het antwoord weet
pi_64722141
Content geen "height" geven (dus impliciet "height: auto").
pi_64809027
Ik heb een klein vraagje dat over a en input gaat, deze wil ik namelijk beiden stijlen met een zelfde class

class:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16		.but, 
.butlong { 
    display: block; 
    float: left; 
    height: 16px; 
    margin: 0px 10px 0px 0px; 
    color:#337f92; 
    background: #d2eaf0; 
    padding: 2px; 
    text-align:center; 
    text-decoration: none; 
    border: 1px solid #337f92;
}

.but { width: 100px; }
.butlong { width: 175px; }


html:
1
2		<input type="submit" name="action_send" class="butlong" value="Verstuur bericht" />
<a href="/user/mailbox/delete/<?php echo $list->id; ?>.html" class="butlong">Verwijder bericht</a>


maar ik krijg als resulaat dit


Wat doe ik fout? :D
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_64809262
quote:
Op donderdag 8 januari 2009 @ 13:52 schreef Chandler het volgende:
Ik heb een klein vraagje dat over a en input gaat, deze wil ik namelijk beiden stijlen met een zelfde class

class:
[ code verwijderd ]

html:
[ code verwijderd ]

maar ik krijg als resulaat dit
[afbeelding]

Wat doe ik fout?
Line-height ook op 16px zetten.

Omdat die <a> een innerhtml heeft om het maar zo te zeggen krijgt die de minimale hoogte van de tekst die erin staat.

Maar als ik het plaatje zo bekijk wil je eerder dat de button net zo hoog wordt als de anchor. Dus de height op 22px zetten.
pi_64810462
Ik heb het geprobeerd maar wil nog niet helemaal lukken eingelijk Ik wil idd beiden even hoog/groot hebben! is dat mogelijk met 1 class? of dien ik apparte classes te maken?
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_64811291
quote:
Op donderdag 8 januari 2009 @ 14:24 schreef Chandler het volgende:
Ik heb het geprobeerd maar wil nog niet helemaal lukken eingelijk Ik wil idd beiden even hoog/groot hebben! is dat mogelijk met 1 class? of dien ik apparte classes te maken?
tuurlijk is dat mogelijk, als je maar specifiek genoeg bent.

In dit geval ben je niet specifiek genoeg omdat <a> nog een line-height heeft waardoor die knop hoger wordt.
-edit-
misschien ligt het wel aan die padding. Bij die button valt er uiteraard weinig te padden.

[ Bericht 7% gewijzigd door mcDavid op 08-01-2009 14:54:27 ]
pi_64811776
idd, maar waarom valt er weinig te padden aan de button zelf? dat moet je toch ook kunnen instellen? zelfs met padding/margin 0 op de inputs kreeg ik geen lekker resultaat
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_64812868
Omdat er niets in de button staat. Hij heeft wel een value, maar daar heeft het hele HTML Box Model niets mee van doen. Dus er valt niets te padden.

Bij de anchor is dat anders omdat er daadwerkelijk content tussen de open- en sluittag staat.\

anyway ik ga ff prutsen dit moet gewoon kunnen.
pi_64813053
Je kunt bij een button toch gewoon de height opgeven?

En als het er mee te maken heeft dat je content tussen de open en sluit tag moet hebben (wat bij een input niet gaat), dan kun je gewoon de <button> tag gebruiken. Heeft hetzelfde resultaat.
pi_64813364
Ik zie al wat het probleem is: bij een button komt de border bínnen het element, bij een anchor erbuiten.

http://duft.nl/test.php heb het opgelost met wat spelen met de font-size en line-height (laatste heeft alleen effect op anchor). Maar een handigere oplossing zou denk ik zijn om de maat apart te defineren

button.but {height:22px;}
a.but{height:20px;}
zoiets.
pi_64813892
Nieuwe sig.
  donderdag 8 januari 2009 @ 17:37:32 #170
134533 donroyco
dus niet Donroyco
pi_64818376
Heeft iemand een fix voor
http://plaatsmaken.donroycodesign.nl

de button/image rechtsboven blijft niet goed staan, hij moet evenwijdig aan de knop daarboven komen te staan..
Hier (1280x800) staat ie wel goed..

Wie heeft een oplossing? Bij voorbaat dank
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
pi_64820668
De input een float: left meegeven, en de img ook een float:left meegeven en die margin van 35px weghalen cq verminderen?

een vertical-align: middle werkt trouwens alleen in tabellen als ik me niet vergis, maar dat kan mcDavid vast beter vertellen
  donderdag 8 januari 2009 @ 18:46:35 #172
134533 donroyco
dus niet Donroyco
pi_64820713
quote:
Op donderdag 8 januari 2009 18:45 schreef veldmuis het volgende:
De input een float: left meegeven, en de img ook een float:left meegeven en die margin van 35px weghalen cq verminderen?

een vertical-align: middle werkt trouwens alleen in tabellen als ik me niet vergis, maar dat kan mcDavid vast beter vertellen
Thsnks, dat laatste gaf mcDavid mij mee
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
pi_64820824
Nog even mierenneuken op die sait: rechtsonder, dat meer informatie-knopje, daar zou ik tekst van maken. Ivm cleartype en andere AA-dingetjes op tekst steekt dat nogal af. Die oranje onderrand is gewoon een border-bottom.
  donderdag 8 januari 2009 @ 19:23:04 #174
134533 donroyco
dus niet Donroyco
pi_64822109
quote:
Op donderdag 8 januari 2009 18:49 schreef veldmuis het volgende:
Nog even mierenneuken op die sait: rechtsonder, dat meer informatie-knopje, daar zou ik tekst van maken. Ivm cleartype en andere AA-dingetjes op tekst steekt dat nogal af. Die oranje onderrand is gewoon een border-bottom.
Hmm, dat kan Thanks voor het meedenken en je suggestie hielp
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
pi_64824595
quote:
Op donderdag 8 januari 2009 @ 18:45 schreef veldmuis het volgende:
De input een float: left meegeven, en de img ook een float:left meegeven en die margin van 35px weghalen cq verminderen?

een vertical-align: middle werkt trouwens alleen in tabellen als ik me niet vergis, maar dat kan mcDavid vast beter vertellen
vertical-align kan volgens mij ook gebruikt worden om de positie van plaatjes op de tekstregel te bepalen. Het werkte wel iig .
pi_64834547
Vertical-align werkt ook op andere elementen (zoals afbeeldingen), maar je moet dan wel snappen dat je niet zegt "alles binnen het element met vertical-align: middle" staat in het midden, maar dat je zegt "dat element staat verticaal in het midden van het parent element.
pi_64841497
quote:
Op donderdag 8 januari 2009 15:31 schreef mcDavid het volgende:
Ik zie al wat het probleem is: bij een button komt de border bínnen het element, bij een anchor erbuiten.

http://duft.nl/test.php heb het opgelost met wat spelen met de font-size en line-height (laatste heeft alleen effect op anchor). Maar een handigere oplossing zou denk ik zijn om de maat apart te defineren

button.but {height:22px;}
a.but{height:20px;}
zoiets.
Ik heb het even bekeken maar zie nog steeds een verschil



The people who lost my respect will never get a capital letter for their name again.
Like trump...
  vrijdag 9 januari 2009 @ 10:04:41 #178
134533 donroyco
dus niet Donroyco
pi_64841625
quote:
Op vrijdag 9 januari 2009 10:00 schreef Chandler het volgende:

[..]

Ik heb het even bekeken maar zie nog steeds een verschil

[ afbeelding ]

In IE klopt het niet, in FF wel..
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
pi_64845072
quote:
Op vrijdag 9 januari 2009 @ 10:00 schreef Chandler het volgende:

[..]

Ik heb het even bekeken maar zie nog steeds een verschil

[afbeelding]

Moet je maar niet zo'n idiote browser gebruiken
pi_64845692
Tja terwijl meer dan de helft van de wereld deze ook gebruikt
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_64850766
Dat kan kloppen want meer dan de helft van de mensen zijn idioten.

-edit-
op fok minder trouwens.
  vrijdag 9 januari 2009 @ 14:30:30 #182
141104 Patje1987
Madre me quiero un frikandel.
pi_64851396
Zo ik ben aan mijn portfolio site begonnen, en het begin is gemaakt.

http://www.patrickvd.com/
Wij vormen tezamen gezellig een schaar.
Sportief zijn wij allen en voor elkaar.
Ons doel en ons streven is vriendschap en vree
Aan ons de victorie aan RKC!
pi_64851474
quote:
Op vrijdag 9 januari 2009 14:14 schreef mcDavid het volgende:
Dat kan kloppen want meer dan de helft van de mensen zijn idioten.

-edit-
op fok minder trouwens.
Je bedoeld in de topics waar jij in post ?
pi_64852183
quote:
Op vrijdag 9 januari 2009 @ 14:32 schreef HuHu het volgende:

[..]

Je bedoeld in de topics waar jij in post ?
Ja en aangezien ik nogal eens op F5 ram is de fx-score vast wat overrated, maar dan nog.
pi_64852701
Maar goed, een oplossing voor alle browsers is er niet?
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_64852925
quote:
Op vrijdag 9 januari 2009 @ 15:02 schreef Chandler het volgende:
Maar goed, een oplossing voor alle browsers is er niet?
Ik ben bang van niet.

Als je toch dezelfde class wilt gebruiken kun je gewoon in je css het onderscheid maken d.m.v.

input.but {}
a.but{}
pi_64854042
ok tnx, ik ga even verder stoeien met dit geheel!
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_64857626
quote:
Op vrijdag 9 januari 2009 15:02 schreef Chandler het volgende:
Maar goed, een oplossing voor alle browsers is er niet?
Waarom niet in beide gevallen een button gebruiken? 1 met <input type="submit" ... /> en de andere met <input type="button" onclick="" ... />

Daar kun je dan natuurlijk nog weer classes aanhangen
fokstok.nl
pi_64861232
quote:
Op vrijdag 9 januari 2009 14:30 schreef Patje1987 het volgende:
Zo ik ben aan mijn portfolio site begonnen, en het begin is gemaakt.

http://www.patrickvd.com/
Frames?!

Dat 'Valid HTML' onderin kun je trouwens ook wel weghalen .

Edit: Ohw, je zit in een frame ivm je domein.
  vrijdag 9 januari 2009 @ 18:49:44 #190
141104 Patje1987
Madre me quiero un frikandel.
pi_64861441
quote:
Op vrijdag 9 januari 2009 18:44 schreef veldmuis het volgende:

[..]

Frames?!

Dat 'Valid HTML' onderin kun je trouwens ook wel weghalen .

Edit: Ohw, je zit in een frame ivm je domein.
Klopt had al een host met domein, dus alleen een extra domein erbij besteld. Die valid dingen heb ik nog niet doorgelinkt dus ook nog niet getest
Wij vormen tezamen gezellig een schaar.
Sportief zijn wij allen en voor elkaar.
Ons doel en ons streven is vriendschap en vree
Aan ons de victorie aan RKC!
pi_64862981
quote:
Op vrijdag 9 januari 2009 @ 18:49 schreef Patje1987 het volgende:

[..]

Klopt had al een host met domein, dus alleen een extra domein erbij besteld. Die valid dingen heb ik nog niet doorgelinkt dus ook nog niet getest ;)
1
2
3		RewriteEngine on
RewriteCond %{HTTP_HOST} ^.*(patrickvd.com)$ [NC]
RewriteRule ^(.*)$ http://patrickvd.derium-online.com/$1 [L]

Niet een idee? Of kun je echt helemaal niets met dat andere domein?
pi_64864454
quote:
Op vrijdag 9 januari 2009 16:54 schreef Light het volgende:

[..]

Waarom niet in beide gevallen een button gebruiken? 1 met <input type="submit" ... /> en de andere met <input type="button" onclick="" ... />

Daar kun je dan natuurlijk nog weer classes aanhangen
Omdat je dan JS nodig hebt, en anders niet?
  vrijdag 9 januari 2009 @ 20:34:41 #193
87680 Mirel
Mirel wil een bongophone.
pi_64865267
Wat is trouwens de menumodule code in joomla. Ben die even kwijt
When all else fails, you always have delusion.
pi_64879211
quote:
Op vrijdag 9 januari 2009 20:10 schreef Roy_T het volgende:

[..]

Omdat je dan JS nodig hebt, en anders niet?
Idd
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_64921162
quote:
Op vrijdag 9 januari 2009 20:34 schreef Mirel het volgende:
Wat is trouwens de menumodule code in joomla. Ben die even kwijt
Ik heb even in de CSS specs gekeken, maar zag het er niet in staan
pi_64929068
Ik heb wat hulp nodig met het inelkaar zetten van mijn site, ik heb nog niet zoveel verstand van het positioneren van Div bestanden,, dus het is weer een grote rommelzooi.

Nou had ik de vraag hoe plaats ik dit goed en onthoud ik dit voor de volgende keer

http://www.mediavormgever.net/~thillart86/animatie/

http://i43.tinypic.com/2je4wib.jpg ( zo ziet de site er uit als het zou werken )

dat is de link waarop de site weergeven wordt
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
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		body {
background-image:url(bg.jpg);
margin-top:0;
} 

ul, li {
padding: 0px;
margin: 0px;
}

img {
border: none;
}

#container {
width:757px;
height:868px;
margin-left:auto;
margin-right:auto;
}

#header {
background-image:url(images/ani_01.jpg);
width:757px;
height:248px;
float:left;
}

ul{
list-style:none;

}

li{
display:inline;
}

#sidebalkleft{
background-image:url(images/ani_02.jpg);
width:28px;
height:575px;
float:left;
}

#menu{
width:479px;
height:41px;
float:left;
}

#menu a{
border:0;
text-decoration:none;
list-style:none;
display:inline;
}

#onderstuk{
background-image:url(images/ani_07.jpg);
width:223px;
height:41px;
float:left;
}

#content{
background-image:url(images/ani_10.jpg);
width:556px;
height:495px;
float:left;
}

#menubalk{
background-image:url(images/ani_09.jpg);
height:39px;
width:702px;'
float:right;
}

#onderbalk{
background-image:url(images/ani_12.jpg);
width:757px;
height:45px;
float:inherit;
}

#rechterbalk{
background-image:url(images/ani_08.jpg);
height:575px;
width:28px;
float:right;
}



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		<!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=iso-8859-1" />
<title>Animatie</title>
<link href="div.css" rel="stylesheet" type="text/css" />
</head>

<body><div id="container">
   <div id="header">
   </div>
      <div id="sidebalkleft">
  </div>
         <div id="menu">
      <ul>
         <li><a href="index.html"> <img src="images/ani_03.jpg" width="118" height="41" /></a></li>
         <li><a href="historie.html"><img src="images/ani_04.jpg" width="120" height="41" /></a></li>
         <li><a href="studiolfc.html"><img src="images/ani_05.jpg" width="121" height="41" /></a></li>
         <li><a href="contact.html"> <img src="images/ani_06.jpg" width="120" height="41" /> </a> </li>
        </ul>

  </div>
  <div id="onderstuk"></div>      <div id="rechterbalk"></div>
      
         <div id="menubalk"></div>
         <div id="content">
         </div>
         
   
            <div id="onderbalk">
            </div>
</div>
</body>
</html>


[ Bericht 1% gewijzigd door Mailbox op 11-01-2009 21:51:26 ]
pi_64929237
Begin eens met

ul, li {
padding: 0px;
margin: 0px;
}
  zondag 11 januari 2009 @ 21:39:00 #198
134533 donroyco
dus niet Donroyco
pi_64929310
en geef je images een border="0" mee..
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
pi_64929363
Oeh gelijk even proberen
pi_64929389
quote:
Op zondag 11 januari 2009 21:37 schreef veldmuis het volgende:
Begin eens met

ul, li {
padding: 0px;
margin: 0px;
}
het is een begin
actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
[CSS] voor dummies - deel 10
Index

» digital corner

» development

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