[html, css, js] met font tags :) #28

Index

» digital corner

» development

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
  maandag 24 september 2012 @ 13:43:25 #201
56176 Catch22-
Ben je Blind?!
pi_117190198
Zonder compleet codevoorbeeld kan ik je niet helpen, succes dus :)
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_117190348
Speciaal voor Catch22-:

index.php
1
2
3		<div class="wrapperuser1"><jdoc:include type="modules" name="user1" style="xhtml" /></div>
<div class="wrapperuser2"><jdoc:include type="modules" name="user2" style="xhtml" /></div>
<div class="wrapperuser3"><jdoc:include type="modules" name="user3" style="xhtml" /></div> 

styles.css
1
2
3		.wrapperuser1 {width:315px; height:160px; margin-top: 3px;  position: relative; background-image: url('http://www.popkoor2000.nl/site/images/sesamed.JPG');border: 2px solid #FFFFFF;border-radius: 7px 7px 7px 7px;box-shadow: 0 0 0 1px rgba(0, 0, 2, 0.1), 0 1px 0 rgba(0, 0, 2, 0.15), 0 1px 1px rgba(0, 0, 2, 0.1);text-shadow: #fff 0 1px; color: #555; padding: 3px; float: left;}
.wrapperuser2 {margin:3px; width:314px ; height:160px; margin-top: 3px;  position: relative; background-image: url('http://www.popkoor2000.nl/site/images/sesamed.JPG');border: 2px solid #FFFFFF;border-radius: 7px 7px 7px 7px;box-shadow: 0 0 0 1px rgba(0, 0, 2, 0.1), 0 1px 0 rgba(0, 0, 2, 0.15), 0 1px 1px rgba(0, 0, 2, 0.1);text-shadow: #fff 0 1px; color: #555; padding: 3px; float: left;}
.wrapperuser3 {width:315px; height:160px; margin-top: 3px;  position: relative; background-image: url('http://www.popkoor2000.nl/site/images/sesamed.JPG');border: 2px solid #FFFFFF;border-radius: 7px 7px 7px 7px;box-shadow: 0 0 0 1px rgba(0, 0, 2, 0.1), 0 1px 0 rgba(0, 0, 2, 0.15), 0 1px 1px rgba(0, 0, 2, 0.1);text-shadow: #fff 0 1px; color: #555; padding: 3px; float: left;}

De rechtermodule loopt niet helemaal rechts door tot aan de rand en ik vroeg me af waar ik de fout maak. Als ik de breedte van een van drie modules 1 px groter maak, dan gaat de laatste naar de volgende regel.
I asked God for a bike, but I know God doesn't work that way.
So I stole a bike and asked for forgiveness.
  maandag 24 september 2012 @ 13:49:51 #203
56176 Catch22-
Ben je Blind?!
pi_117190415
Ja, maar hier kan ik niets mee. Wat staat er om heen, wat voor stijlen hebben die elementen, hoe groot is de parent?

- waarom heeft die middelste een margin:3px en margin-top:3px
- waarom hebben ze position:relative?
- waarom maak je classes aan als je daar ID's invult? Ik zou gewoon deze classnames door ID vervangen en een wrapper class aanmaken met de gedeelde stijlen.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_117190516
http://www.popkoor2000.nl(...)m-fjt/css/styles.css is de hele CSS-file

En dit is de index.php
SPOILER
Om spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.
Kan je hier wat mee? Ik hoop dat dit genoeg informatie is.
I asked God for a bike, but I know God doesn't work that way.
So I stole a bike and asked for forgiveness.
pi_117190631
quote:
11s.gif Op maandag 24 september 2012 13:49 schreef Catch22- het volgende:
Ja, maar hier kan ik niets mee. Wat staat er om heen, wat voor stijlen hebben die elementen, hoe groot is de parent?

- waarom heeft die middelste een margin:3px en margin-top:3px
- waarom hebben ze position:relative?
- waarom maak je classes aan als je daar ID's invult? Ik zou gewoon deze classnames door ID vervangen en een wrapper class aanmaken met de gedeelde stijlen.
Margin top hebben ze alledrie, om een buffer te vormen met het stuk erboven.
De middelste heeft een margin om een scheiding aan te brengen met de twee andere modules.
position:relative weet ik niet. Dat stond standaard in deze template.
Ik heb de aanpassingen met classes gedaan omdat geadviseerd werd op de vorige pagina. Volgens mij heb ik die tips goed gebruikt, maar misschien zie ik het verkeerd.
I asked God for a bike, but I know God doesn't work that way.
So I stole a bike and asked for forgiveness.
  maandag 24 september 2012 @ 14:08:00 #206
56176 Catch22-
Ben je Blind?!
pi_117191017
Mja ik heb niet zoveel zin om deze brij te analyseren, want dat is mij iets teveel werk.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_117191387
Als je nou gewoon eens precies doet wat boem-dikkie zegt heh. Wat gaat er dan nog verkeerd?
zcflevo.nl
  maandag 24 september 2012 @ 14:27:10 #208
27454 InTrePidIvity
Looks like it's broken...
pi_117191611


Weer een hardnekkig probleempje met de header. Ik heb een header, waarbij ik de navigatie en het logo (rood) in een breedte van 960px in het midden van de pagina wil weergeven.

Dat staat nu wel goed, maar de Wordpress-theme die ik gebruik heeft als feature dat'ie responsive is. Met mijn huidige knutselwerk lukt dat echter niet.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15		<div id="header-wrapper">
    <div id="header">
    
                    <ul>
                    <li>link #1</a></li>
                    <li>link #2</a></li>
                    <li>link #3</a></li>
                    <li>link #4</a></li>                    
                    <li>link #5</a></li>                    
                    </ul>                                   
        <div id="logo">
                    <img blabla>
        </div><!-- end of #logo -->
    </div><!-- end of #header -->
</div>

De CSS die ik eraan meegeef is:

1
2
3
4
5
6
7
8
9
10
11		#header-wrapper {
/* Fallback for web browsers that doesn't support RGBa */
    background: rgb(34, 48, 83);
/* RGBa with 0.9 opacity */
    background: rgba(34, 48, 83, 0.9);
}

#header {
    margin: 0 auto;
    width: 960px;
}

De #header-wrapper heb ik zelf toegevoegd om de achtergrond van de header over de volledige breedte door te laten lopen, maar die hoort niet bij het theme. Als ik de width van #header op 960px zet dan wordt het wel correct weergegeven, maar past hij zichzelf niet meer aan aan de schermgrootte.

Als ik de width daar weghaal dan doet hij het wel, maar staat hij dus weer niet in een blok van 960px in het midden van het venster (dan staat de navigatie volledig links, het logo volledig rechts).

Wat doe ik fout?
...it's rielie broken... It's rielie, rielie broken... Let's go wecycle!
[Tournament] Beste Remake
  maandag 24 september 2012 @ 14:35:20 #209
137776 boem-dikkie
Jedi Mind Baby!
pi_117191861
Waarschijnlijk is het responsive met CSS en staat er ergens nog een statement voor die responsiveness. Daar moet je dan de breedte van het blok meegeven die hij moet worden als het scherm bijvoorbeeld minder breed is als 768px.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
  maandag 24 september 2012 @ 14:56:08 #210
27454 InTrePidIvity
Looks like it's broken...
pi_117192554
quote:
7s.gif Op maandag 24 september 2012 14:35 schreef boem-dikkie het volgende:
Waarschijnlijk is het responsive met CSS en staat er ergens nog een statement voor die responsiveness. Daar moet je dan de breedte van het blok meegeven die hij moet worden als het scherm bijvoorbeeld minder breed is als 768px.
Hm, dat klinkt wel logisch. Daar moet ik maar eens even induiken dan :+
...it's rielie broken... It's rielie, rielie broken... Let's go wecycle!
[Tournament] Beste Remake
  maandag 24 september 2012 @ 15:19:47 #211
27454 InTrePidIvity
Looks like it's broken...
pi_117193297
quote:
7s.gif Op maandag 24 september 2012 14:35 schreef boem-dikkie het volgende:
Waarschijnlijk is het responsive met CSS en staat er ergens nog een statement voor die responsiveness. Daar moet je dan de breedte van het blok meegeven die hij moet worden als het scherm bijvoorbeeld minder breed is als 768px.
Hoe zou men dat bijvoorbeeld doen? :@
...it's rielie broken... It's rielie, rielie broken... Let's go wecycle!
[Tournament] Beste Remake
pi_117197566
quote:
5s.gif Op maandag 24 september 2012 15:19 schreef InTrePidIvity het volgende:

[..]

Hoe zou men dat bijvoorbeeld doen? :@
1
2
3
4
5		@media (max-width:768px) {
    body {
        background-color:#f0f;
    }
}
pi_117209809
quote:
14s.gif Op maandag 24 september 2012 14:19 schreef KomtTijd... het volgende:
Als je nou gewoon eens precies doet wat boem-dikkie zegt heh. Wat gaat er dan nog verkeerd?
Oops, dat heb ik nog niet gedaan.
Morgenavond ga ik er mee verder puzzelen. Dank!
I asked God for a bike, but I know God doesn't work that way.
So I stole a bike and asked for forgiveness.
  maandag 24 september 2012 @ 21:22:31 #214
27454 InTrePidIvity
Looks like it's broken...
pi_117210975
quote:
10s.gif Op maandag 24 september 2012 17:10 schreef lkb9000 het volgende:

[..]
[ code verwijderd ]

Aha! Dankjewel :)
...it's rielie broken... It's rielie, rielie broken... Let's go wecycle!
[Tournament] Beste Remake
pi_117243345
quote:
14s.gif Op maandag 24 september 2012 11:31 schreef boem-dikkie het volgende:
Okay als alle blokken dezelfde stijl hebben maar hier en daar een extra padding of margin kun je het zo doen.
[ code verwijderd ]

Je kunt dan de wrapper2 opmaken zoals voor elk blok gelijk:
[ code verwijderd ]

En voor specifieke stijlen zoals bijvoorbeeld het middenste blok doormiddel van de user* class.
[ code verwijderd ]

Dat is het idee van meerdere classes gebruiken.

Je kunt dus in jouw geval een opmaak maken voor het blok met wrapper2, want die is voor elk blok hetzelfde. En voor het middenste blok, waar dus een margin moet, user2 opmaken.
Beste boem-dikkie,
Ik heb geėxperimenteerd met jouw tips. Ik begrijp de strekking en het nut.
Alleen krijg ik nu niet de blokken naast elkaar, maar deels onder elkaar. Zie www.popkoor2000.nl/site

Code index.php
1
2
3		<div class="wrapper2 user1"><jdoc:include type="modules" name="user1" style="xhtml" /></div>
<div class="wrapper2 user2"><jdoc:include type="modules" name="user2" style="xhtml" /></div>
<div class="wrapper2 user3"><jdoc:include type="modules" name="user3" style="xhtml" /></div>

Code styles.css
1
2
3
4		.user1 { }
.user2 { margin: 0px 20px 0px 20px; }
.user3 { } 
.wrapper2 {background-image: url('http://www.popkoor2000.nl/site/images/sesamed.JPG');border: 2px solid #FFFFFF;margin-top: 3px;border-radius: 7px 7px 7px 7px;box-shadow: 0 0 0 1px rgba(0, 0, 2, 0.1), 0 1px 0 rgba(0, 0, 2, 0.15), 0 1px 1px rgba(0, 0, 2, 0.1);text-shadow: #fff 0 1px; width: 287px; height: 200px; }
Heb je een idee wat ik fout doe?
I asked God for a bike, but I know God doesn't work that way.
So I stole a bike and asked for forgiveness.
pi_117243521
Wanneer besloot je dat je nu geen float:left meer nodig zou hebben? :P
zcflevo.nl
pi_117243564
quote:
5s.gif Op dinsdag 25 september 2012 19:03 schreef KomtTijd... het volgende:
Wanneer besloot je dat je nu geen float:left meer nodig zou hebben? :P
Uhh, nooit :)
Is dat de domme fout? Let me check it!
-edit-
Ja dus, dat was dom van me. Had ik zelf kunnen bedenken. Nu eens zien of het probleem met het doorlopen naar rechts is opgelost als ik de getallen aanpas.

-edit-op-edit-
Ik heb nu ook de tips van KomtTijd en boem-dikkie gebruikt. Alleen zie ik dat ik nog steeds niet de gehele breedte van het middenstuk kan gebruiken.
Als ik de blokken 1px breder maak, gaat het laatste blok naar de volgende regel. Exact hetzelfde probleem dus als gisteren toen ik deze laatste verbeteringen van boem-dikkie nog niet gebruikt had.
Het blijft een onopgelost raadsel :)


Het gaat dus om dit rare gat (rechts, niet erboven) dat ik niet kan opvullen door de blokken iets breder te maken.

[ Bericht 9% gewijzigd door -J-D- op 25-09-2012 19:12:37 ]
I asked God for a bike, but I know God doesn't work that way.
So I stole a bike and asked for forgiveness.
  dinsdag 25 september 2012 @ 19:15:01 #218
137776 boem-dikkie
Jedi Mind Baby!
pi_117244076
quote:
0s.gif Op dinsdag 25 september 2012 19:04 schreef -J-D- het volgende:

[..]

Uhh, nooit :)
Is dat de domme fout? Let me check it!
-edit-
Ja dus, dat was dom van me. Had ik zelf kunnen bedenken. Nu eens zien of het probleem met het doorlopen naar rechts is opgelost als ik de getallen aanpas.

-edit-op-edit-
Ik heb nu ook de tips van KomtTijd en boem-dikkie gebruikt. Alleen zie ik dat ik nog steeds niet de gehele breedte van het middenstuk kan gebruiken.
Als ik de blokken 1px breder maak, gaat het laatste blok naar de volgende regel. Exact hetzelfde probleem dus als gisteren toen ik deze laatste verbeteringen van boem-dikkie nog niet gebruikt had.
Het blijft een onopgelost raadsel :)

[ afbeelding ]
Het gaat dus om dit rare gat (rechts, niet erboven) dat ik niet kan opvullen door de blokken iets breder te maken.
Nee hoor. Je sluit je div #header pas af nį die blokken, wat dus betekent dat hij wrapped om die blokken, en je header is net zo breed als dat je blokken nu zijn. Verander de width van je div#header maar eens naar 20px groter (als voorbeeld). Als je dan je blokken breder maakt, of meer margin, blijven ze wel netjes naast elkaar staan op de gewenste breedte.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
pi_117244682
Hmmmz, ik snap een beetje wat je bedoelt, maar nog niet helemaal. Ik ga wat klooien met die waarde van header en van de blokken om te zien of ik het passend krijg.
Dank voor de tip.
I asked God for a bike, but I know God doesn't work that way.
So I stole a bike and asked for forgiveness.
pi_117244783
sowieso nogal maf dat de header als een soort wrapper om je hele site heen zit. Ik zou eerder daar wat aan doen, maar dan heb je wel kans dat je ineens een heleboel moet gaan aanpassen.
zcflevo.nl
pi_117244865
Ik weet niet of ik dat moet doen, met mijn beperkte kennis van CSS
I asked God for a bike, but I know God doesn't work that way.
So I stole a bike and asked for forgiveness.
  dinsdag 25 september 2012 @ 19:30:32 #222
137776 boem-dikkie
Jedi Mind Baby!
pi_117244887
Mijn oplossing was meer als voorbeeld waarom je daar een ruimte hebt. Sluit je header af wanneer hij moet afsluiten. En als je een wrapper wil, maak dan een extra div die om alles heen zit met een duidelijke naamgeving.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
pi_117245517
Ben bang dat dit probleem boven mijn pet gaat. Als ik met het veel gepuzzel met getallen niet tot de oplossing kom, zal ik dus me veel meer moeten verdiepen in de opbouw, qua wrapper/header en CSS in het algemeen. Best karwei, ben ik bang. Zeker nu ik, misschien niet op een elegante wijze, het zaakje zo voor elkaar heb dat het op 2 mm nauwkeurig er goed genoeg uitziet. Met wat geschuif
met getallen, heb ik alleen links nog een ruimteprobleem, alleen nu iets teveel ipv te weinig blok.

-edit-
Hebbes. Vast niet elegant, vast niet volgens de manier hoe het moet, maar het werkt.

Op naar het volgend probleem. Het werkend krijgen van rounded corners in IE.
Maar goed, daar ga ik eerst een paar uur op puzzelen voordat ik jullie weer lastig val.

[ Bericht 20% gewijzigd door -J-D- op 25-09-2012 19:52:16 ]
I asked God for a bike, but I know God doesn't work that way.
So I stole a bike and asked for forgiveness.
pi_117458899
Op deze site zie je de mogelijkheid om een bericht in het gastenboek achter te laten.
Het invulveld voor het bericht zelf is echter heel klein. Mijn vraag is hoe ik deze groter kan maken.

Al onderzocht:
* Standaard instellingen van Easy Guestbook (in Joomla) biedt die mogelijkheid niet.
* Met Web Developer wel gevonden dat bij dat vak de volgende regel thuis hoort:
<textarea name="gbtext" id="gbtext" class="inputbox" style="width:245px;" rows="15" cols="50"></textarea>

Als ik echter inputbox een grotere waarde geeft geldt dat voor ELK invulveld en dat is niet de bedoeling.
Mijn eigen gedachten:
Misschien moet ik wel een inputbox2 kan aanmaken waarbij die waarde groter is. Ik kan echter niet vinden waar ik een aanpassing moet maken in de bestanden van Easybook om dat veld te laten verwijzen naar inputbox2 ipv de gewone.

Iemand adviseerde mij om een override te maken. Onderstaande code heb ik toegevoegd aan styles.css.
1
2
3
4		.textarea#gbtext{
background:none;
line-height:100px;
}
Helaas verandert dat niets bij mij.

Iemand een idee wat ik kan doen?
I asked God for a bike, but I know God doesn't work that way.
So I stole a bike and asked for forgiveness.
  maandag 1 oktober 2012 @ 11:49:28 #225
56176 Catch22-
Ben je Blind?!
pi_117458973
een textarea moet je row="" en cols="" geven

style.css, regel 260 krijgt hij 20px hoogte.

[ Bericht 38% gewijzigd door Catch22- op 01-10-2012 12:45:56 ]
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_117459125
Dus je bedoelt iets dat lijkt op
1
2
3
4		.textarea#gbtext{
background:none;
rows="6";
cols="50";}
?
I asked God for a bike, but I know God doesn't work that way.
So I stole a bike and asked for forgiveness.
  maandag 1 oktober 2012 @ 11:55:32 #227
56176 Catch22-
Ben je Blind?!
pi_117459209
http://jsfiddle.net/tJTCn/
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_117460724
Ik snap nu dat je geen line-height maar rows en cols mee moet geven. Dank daarvoor, Catch22-.
Helaas werkt het niet als ik die gegevens invoer, zoals in mijn vorige post. Ik probeer dus die override te gebruiken maar zie geen verschil.

Volgens mij gebruik ik wel de juiste naam (textarea#gbtext) maar het werkt nog niet.

Klopt de tip die ik kreeg over die override wel? Of is dat de verkeerde aanpak?
I asked God for a bike, but I know God doesn't work that way.
So I stole a bike and asked for forgiveness.
  maandag 1 oktober 2012 @ 12:45:09 #229
56176 Catch22-
Ben je Blind?!
pi_117460860
dan zit er iets beperkend in de rest van je code
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_117461070
quote:
11s.gif Op maandag 1 oktober 2012 12:45 schreef Catch22- het volgende:
dan zit er iets beperkend in de rest van je code
Ik merk dat easybookreloaded.css ook aangeroepen wordt. Ik zie daar alleen in staan wat de breedte van zo'n textarea moet zijn.
SPOILER
Om spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.
Zie ik iets over het hoofd en zien jullie wel iets waardoor mijn wijzigingen overruled worden?
I asked God for a bike, but I know God doesn't work that way.
So I stole a bike and asked for forgiveness.
  maandag 1 oktober 2012 @ 12:57:56 #231
56176 Catch22-
Ben je Blind?!
pi_117461191
dat doet niets. Als jij op regel 260 die hoogte weghaalt is het klaar.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_117461497
quote:
11s.gif Op maandag 1 oktober 2012 12:57 schreef Catch22- het volgende:
dat doet niets. Als jij op regel 260 die hoogte weghaalt is het klaar.
_O_ Dank _O_
I asked God for a bike, but I know God doesn't work that way.
So I stole a bike and asked for forgiveness.
  maandag 1 oktober 2012 @ 13:15:21 #233
56176 Catch22-
Ben je Blind?!
pi_117461608
Dat kan je ook zelf in de inspector zien hoor...
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_117495840
Ik ben bezig met CSS, en mijn code zal wel chaos zijn :') In elk geval heb ik mijn menu inline-block gemaakt zodat ik nog goed met de margins en paddings kan werken. Hiervoor had ik hem inline gemaakt, toen stond mijn menu perfect horizontaal in het midden (ik had geloof ik toen ook text-align:center). Nu komt mijn menu horizontaal links uitgelijnd op de pagina. Ik heb met google al meer mensen met dit probleem gezien, en zij geven allemaal aan dat dit op te lossen is met text-align:center, alleen dat doet niks bij mij. Ziet iemand het probleem/de oplossing?

Mijn menu is gewoon standaard

1
2
3
4
5
6		<nav> 
<ul>
    <li><a href="link.html">text</a></li>
        etc etc
</ul>
</nav>

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		nav {
     display: inline-block;
     padding: 2px;
     margin: 2px;
     list-style: none;
     margin:auto;
     text-align: center;
}

nav ul li {
    display: inline-block;
    list-style:none;
}

nav li a {
    color: silver;
    font-family: "Courier New", Courier, Monospace;
    font-size: 16px;
    width: 18%;
    line-height: auto;
    text-decoration: none;
    margin:1px;

}

Heb overigens die text-align ook toegevoegd bij 'nav li a' en 'nav li ul' maar het mocht niet baten helaas.
  dinsdag 2 oktober 2012 @ 09:37:21 #235
137776 boem-dikkie
Jedi Mind Baby!
pi_117495893
Ik snap je probleem niet zo goed?

En waarom inline-block gebruiken, als ik je stuk zo lees doet inline precies hetzelfde voor je, en kun je ook gewoon margin en padding gebruiken op je list item.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
pi_117497758
Nou het probleem/de vraag is eigenlijk hoe ik met inline-block mijn menu centreer ten opzichte van de wrapper. Ik kan het wel optisch inline oplossen maar ik heb het idee dat dat niet echt de meest nette oplossing is, en een beetje 'een lapje voor het bloeden'. Ik wil het gewoon op de juiste manier kunnen :P
  dinsdag 2 oktober 2012 @ 11:07:46 #237
12221 Tijn
Powered by MS Paint
pi_117497986
quote:
0s.gif Op dinsdag 2 oktober 2012 11:00 schreef Meteoric het volgende:
Nou het probleem/de vraag is eigenlijk hoe ik met inline-block mijn menu centreer ten opzichte van de wrapper.
Euh, zo?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23		<!DOCTYPE html>
<html>
  <head>
    <style>
      #wrapper
      {
        text-align: center;
      }
      
      #wrapper > nav
      {
        display:  inline-block;
      }
    </style>
  </head>
  <body>
    <div id="wrapper">
      <nav>
        hallo, dit is gecentreerd
      </nav>
    </div>
  </body>
</html>
Verberg de nieuwsticker
pi_117508169
Je text align valt binnen je UL dus moet je de align center defineren in het gedeelte rond regel 10 (denk ik :@ )
Avatar mede-mogelijk gemaakt door buurpoes
  dinsdag 2 oktober 2012 @ 16:19:44 #239
267443 Cue_
Cuecumbergirl
pi_117508683
Een JS vraagje.
Hoe zet ik de focus op een veld aan de hand van de tabindex?
Dus ik stond eerst op veld A met tabindex 2.. en nu wil ik naar tabindex 3.

De tabindex verkrijgen via JS is geen probleem. Maar nu wil ik dus de focus zetten op het veld dat die verkregen tabindex + 1 heeft.

De voorbeelden die ik tegenkom die maken allemaal gebruik van het veldID en die is eigenlijk soort van onbekend (of ik moet hem aan de hand van de next-tabid moeten kunnen ophalen).

Iemand ideeen?

[ Bericht 16% gewijzigd door Cue_ op 02-10-2012 16:27:54 ]
pi_117509651
Gebruik je een library (jquery)? Of doe je plain old js?
Met iets als jquery is dit namelijk wel erg gemakkelijk, maar het is wat overbodig het alleen hiervoor te includen. Zonder library ga je in elk geval een functie nodig hebben die elementen op attribuut kan vinden.

Zoiets als dit zou werken:

1
2
3
4
5
6
7
8
9
10
11
12		function getElementByAttributeValue(attribute, value)
{
  var allElements = document.getElementsByTagName('*');
  for (var i = 0; i < allElements.length; i++)
  {
    if (allElements[i].getAttribute(attribute) == value)
    {
      // Element exists with attribute. Add to array.
      return allElements[i];
    }
  }
}

dus dan geeft:
1var nextElement = getElementByAttributeValue('tabindex', currentTabIndex + 1);
je het betreffende element, waarna je daar weer dingen mee kan doen.

Dus dan zou je die kunnen gebruiken door te zeggen:

Let wel dat dit script dus door alle elementen loopt, en op grote pagina's dat nog best wel wat kan zijn.
  dinsdag 2 oktober 2012 @ 16:46:20 #241
267443 Cue_
Cuecumbergirl
pi_117509911
Maak idd gebruik van Jquery.
  dinsdag 2 oktober 2012 @ 17:12:08 #242
56176 Catch22-
Ben je Blind?!
pi_117511014
1$("input[tabindex='" + (curTabindex + 1) + "']").focus();
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_117511268
quote:
11s.gif Op dinsdag 2 oktober 2012 17:12 schreef Catch22- het volgende:

[ code verwijderd ]

Dan dat ja :D.
  woensdag 3 oktober 2012 @ 10:23:26 #244
267443 Cue_
Cuecumbergirl
pi_117538121
quote:
11s.gif Op dinsdag 2 oktober 2012 17:12 schreef Catch22- het volgende:

[ code verwijderd ]

Straks eens uit proberen
pi_117539477
ben niet zo bekend met javascript
maar is het mogelijk om een directory met foto's uit te lezen?

met php is het me wel gelukt maar ik wil de foto's lokaal zetten en er is geen mogelijkheid voor wamp oid

doeleinde is voor mijn werk, om snel 2 series foto's (voor en na een bepaalde handeling)
naast elkaar te kunnen zien zonder deze eerst in powerpoint oid te zetten
Zijn vaak veel foto's, +500
Als iemand een andere slimme oplossing weet om dit op te lossen dan hoor ik het graag
pi_117539536
locale directories benaderen is gelukkig onmogelijk.

Je kunt natuurlijk wel gewoon <img src="file:///home/user/image.jpg"> doen als de pagina maar op een systeem hoeft te draaien en je weet waar de foto's staan.
zcflevo.nl
  woensdag 3 oktober 2012 @ 11:15:43 #247
56176 Catch22-
Ben je Blind?!
pi_117539615
Als je het pad weet en de fotos een vast formaat hebben (bijvoorbeeld DSC_{NUMMER}.JPG) kan je er gewoon overheen itereren. Uitlezen is inderdaad niet echt mogelijk.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_117539881
quote:
11s.gif Op woensdag 3 oktober 2012 11:15 schreef Catch22- het volgende:
Als je het pad weet en de fotos een vast formaat hebben (bijvoorbeeld DSC_{NUMMER}.JPG) kan je er gewoon overheen itereren. Uitlezen is inderdaad niet echt mogelijk.
ik weet idd het pad (een dir op het netwerk)
en de foto's hebben een redelijk vast formaat..

dus er is iets voor te maken

en hoe heet zoiets in js?
dan kan ik gerichter zoeken naar voorbeelden
pi_117540015
quote:
0s.gif Op woensdag 3 oktober 2012 11:24 schreef MrNiles het volgende:

[..]

ik weet idd het pad (een dir op het netwerk)
en de foto's hebben een redelijk vast formaat..

dus er is iets voor te maken

en hoe heet zoiets in js?
dan kan ik gerichter zoeken naar voorbeelden
Het heeft niet zoveel met JS te maken. je zou hooguit een loopje kunnen maken zodat je geen gigantisch lange HTML-code krijgt voor 200 afbeeldingen, maar of dat nou echt een voordeel is...
zcflevo.nl
pi_117540161
Ik heb ook iets raars trouwens. Ik heb een pagina die nogal wat JSON requests doet en een hoop jqeury bevat.

Op een of andere manier loopt het script in IE9 altijd vast de eerste keer dat je de pagina laadt (onbekend waarop), maar daarna gaat het gewoon goed. Ookal gooi ik de chache leeg, start ik de browser opnieuw op, enz. Kortom zie dat maar eens te debuggen ;(
Weet iemand misschien of er bekende bugs zijn in IE die zoiets kunnen veroorzaken? We zitten hier een beetje te denken dat misschien jQuery (of een van de plugins) nog niet geladen is terwijl het script al doorloopt ofzo... maar volgens mij zou je het dan moeten kunnen reproduceren door de cache leeg te gooien...
zcflevo.nl
pi_117540218
quote:
14s.gif Op woensdag 3 oktober 2012 11:29 schreef KomtTijd... het volgende:

[..]

Het heeft niet zoveel met JS te maken. je zou hooguit een loopje kunnen maken zodat je geen gigantisch lange HTML-code krijgt voor 200 afbeeldingen, maar of dat nou echt een voordeel is...
ja..dat is een voordeel
want anders moet ik met de hand al die foto's er in gaan zetten
pi_117540257
een for-loopje kom je wel uit toch? ;)
zcflevo.nl
  woensdag 3 oktober 2012 @ 12:36:53 #253
56176 Catch22-
Ben je Blind?!
pi_117542176
quote:
14s.gif Op woensdag 3 oktober 2012 11:34 schreef KomtTijd... het volgende:
Ik heb ook iets raars trouwens. Ik heb een pagina die nogal wat JSON requests doet en een hoop jqeury bevat.

Op een of andere manier loopt het script in IE9 altijd vast de eerste keer dat je de pagina laadt (onbekend waarop), maar daarna gaat het gewoon goed. Ookal gooi ik de chache leeg, start ik de browser opnieuw op, enz. Kortom zie dat maar eens te debuggen ;(
Weet iemand misschien of er bekende bugs zijn in IE die zoiets kunnen veroorzaken? We zitten hier een beetje te denken dat misschien jQuery (of een van de plugins) nog niet geladen is terwijl het script al doorloopt ofzo... maar volgens mij zou je het dan moeten kunnen reproduceren door de cache leeg te gooien...
initieer je alles wel op het juiste moment? Niet toevallig wat console.log dingetjes aanstaan zonder dat er een console is?
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_117542769
Er staan wel wat console.logs in de code ja. Kan dat zo'n probleem veroorzaken?

Ik kwam er ook achter dat het google charts script nog wat scripts van de google servers aanroept. Die heb ik maar even helemaal onderaan gezet.
zcflevo.nl
  woensdag 3 oktober 2012 @ 12:56:21 #255
56176 Catch22-
Ben je Blind?!
pi_117542806
Ja. Als je dingen naar het console schrijft en er geen console is, naait IE vast.

zet dit bovenin je script/pagina en je bent daarvan af
quote:
if(typeof(console) === 'undefined') {
var console = {}
console.log = console.error = console.info = console.debug = console.warn = console.trace = console.dir = console.dirxml = console.group = console.groupEnd = console.time = console.timeEnd = console.assert = console.profile = function() {};
}
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_117542874
quote:
11s.gif Op woensdag 3 oktober 2012 12:56 schreef Catch22- het volgende:
Ja. Als je dingen naar het console schrijft en er geen console is, naait IE vast.

zet dit bovenin je script/pagina en je bent daarvan af

[..]

IE9 heeft volgens mij met de ontwikkeltoolbar wel ondersteuning voor console.log.
pi_117543007
quote:
14s.gif Op woensdag 3 oktober 2012 12:58 schreef Scorpie het volgende:

[..]

IE9 heeft volgens mij met de ontwikkeltoolbar wel ondersteuning voor console.log.
But then, met console open krijg ik het probleem niet gereproduceerd. (met console gesloten ook nauwelijks maar heb ik het af-en-toe). Zou dus inderdaad weleens dit kunnen zijn.

Heb catch22's code erin gezet, maar voor de productieomgeving mogen die logs er sowieso wel uit eigenlijk.
zcflevo.nl
pi_117543346
Daarom je eigen logger class bouwen die dit soort dingen afvangt en je aan/uit kan zetten al naar gelang.
  woensdag 3 oktober 2012 @ 13:22:56 #259
56176 Catch22-
Ben je Blind?!
pi_117543704
quote:
14s.gif Op woensdag 3 oktober 2012 12:58 schreef Scorpie het volgende:

[..]

IE9 heeft volgens mij met de ontwikkeltoolbar wel ondersteuning voor console.log.
Als die open staat wel ja :) Als je de devtools niet open hebt looptie er op stuk
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_117629372
Ik zoek iemand met JS en PHP kennis die mij even zou kunnen helpen.
pi_117629494
quote:
0s.gif Op vrijdag 5 oktober 2012 15:32 schreef pascal08 het volgende:
Ik zoek iemand met JS en PHP kennis die mij even zou kunnen helpen.
Post maar raak.
  vrijdag 5 oktober 2012 @ 15:37:29 #262
292596 Faux.
Fan van zichzelf
pi_117629504
quote:
0s.gif Op vrijdag 5 oktober 2012 15:32 schreef pascal08 het volgende:
Ik zoek iemand met JS en PHP kennis die mij even zou kunnen helpen.
[PHP/(My)SQL] voor dummies #104 Waar veiligheid > alles
Misschien ook wat meer informatie geven?
Hier schreef tong80 het volgende:
Faux is een FOK!held, zoals dat vroeger Gellarboy en Brechtje waren. Users die je koestert.
pi_117629717
quote:
14s.gif Op vrijdag 5 oktober 2012 15:37 schreef Scorpie het volgende:

[..]

Post maar raak.
PHP-codes, kan je die ook lokaal vanaf een Windows computer URL's laten aanroepen? Kan ik dan ook communiceren met een server of moet de code dan op een Apache server staan?
pi_117629905
Als je PHP-scripts wilt uitvoeren moet je PHP geinstalleerd hebben.

Als het de bedoeling is dat de output in een webpagina komt is een webserver ook wel handig ja.

Het makkelijkste is gewoon een alles-in-een pakket te installeren zoals WAMP http://www.wampserver.com/en/

Of om gewoon een webhostingpakketje aan te schaffen.
zcflevo.nl
pi_117630331
quote:
14s.gif Op vrijdag 5 oktober 2012 15:49 schreef KomtTijd... het volgende:
Als je PHP-scripts wilt uitvoeren moet je PHP geinstalleerd hebben.

Als het de bedoeling is dat de output in een webpagina komt is een webserver ook wel handig ja.

Het makkelijkste is gewoon een alles-in-een pakket te installeren zoals WAMP http://www.wampserver.com/en/

Of om gewoon een webhostingpakketje aan te schaffen.
Ik heb XAMPP geļnstalleerd, dat is gewoon hetzelfde idee als WAMP toch?
  vrijdag 5 oktober 2012 @ 16:02:56 #266
56176 Catch22-
Ben je Blind?!
pi_117630412
Klopt.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
pi_117630619
Oké mooi. Dus stel voor ik heb een PHP-code die inloggegevens bevat en ik draai 'm via localhost met XAMPP. Hoe zorg ik er dan voor dat er ook daadwerkelijk wordt ingelogd? Heb ik dan echt een webserver nodig?
pi_117630657
Watvoor foutmelding geeft het script als je het probeert?
zcflevo.nl
pi_117630816
quote:
14s.gif Op vrijdag 5 oktober 2012 16:08 schreef KomtTijd... het volgende:
Watvoor foutmelding geeft het script als je het probeert?
Als ik in de browser: "localhost/.../test.php" typ bedoel je? Ik heb geen flauw idee hoe ik XAMPP gebruik. :P

Nvm, ik ga wel even googlen. ;)

[ Bericht 10% gewijzigd door pascal08 op 05-10-2012 16:25:53 ]
pi_117771273
Dit kom ik net tegen in onze backend:

1
2
3
4
5
6		<tr class="Row0" onmouseover="this.className = 'RowHighlight';" onmouseout="this.className = 'Row0';" onclick="markRow(this);">
...
</tr>
<tr class="Row1" onmouseover="this.className = 'RowHighlight';" onmouseout="this.className = 'Row1';" onclick="markRow(this);">
...
</tr>

En dat 250x herhaald onder elkaar.
pi_117771337
quote:
9s.gif Op dinsdag 9 oktober 2012 13:21 schreef picodealion het volgende:
Dit kom ik net tegen in onze backend:
[ code verwijderd ]

En dat 250x herhaald onder elkaar.
Handig toch, unieke ID`s voor elke rij.
pi_117771701
Wat we vroeger al niet uithaalden om IE6-compatible te zijn.
zcflevo.nl
  dinsdag 9 oktober 2012 @ 14:07:10 #273
12221 Tijn
Powered by MS Paint
pi_117772907
quote:
9s.gif Op dinsdag 9 oktober 2012 13:21 schreef picodealion het volgende:
Dit kom ik net tegen in onze backend:
[ code verwijderd ]

En dat 250x herhaald onder elkaar.
Dit soort Javascript was pre-jQuery niet zo raar. Maar waarom in godsnaam 250 keer onder elkaar? Waarom niet gewoon 1 loopje die dat doet?
Verberg de nieuwsticker
pi_117773143
quote:
10s.gif Op dinsdag 9 oktober 2012 14:07 schreef Tijn het volgende:

[..]

Dit soort Javascript was pre-jQuery niet zo raar. Maar waarom in godsnaam 250 keer onder elkaar? Waarom niet gewoon 1 loopje die dat doet?
Dit komt ongetwijfeld uit een loop ;)
pi_117805511
quote:
7s.gif Op dinsdag 9 oktober 2012 14:13 schreef Scorpie het volgende:

[..]

Dit komt ongetwijfeld uit een loop ;)
PHP loop, maar idd.
pi_117830014
hey, ik heb een probleempje.

ik wilde een afbeelding op mijn site plaatsen, maar het lukt niet.
zo orgineel als ik ben moet dat natuurlijk een appeltje zijn :')


ik krijg "apple" (dat was mijn alt="code.) ipv de afbeelding te zien.

hoe moet ik dat oplossen?

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
29
30
31
32
33
34
35
36
37
38
39
40
41
42		<!DOCTYPE html>
<head>
<title>HTML LEREN</title>
<style type="text/css">
.fontArial { font-family: Arial; font-size: 40 px; }
.fontTimes { font-family:"Times New Roman"; font-size: 40px;}
.borderSolid { border-style: solid; border-color: grey; }
.borderDouble { border-style: double; border-color: green; }
.borderDotted {border-style:dotted;border-color:white;border width:12px;}
p {font-family:"arial";font-size:17px;}
p.A {font-family:"comic sans ms";font-size:40px;}

body
{margin: 2px;padding: 20px;background-color:red;border-style:solid;border-color:black;border width:12px;}

h1
{color:black; text-align:center;}
{border: 20px dotted #64FA00}
</style>
</head>

<body>
<h1>
HTML AND CSS
</h1>

<p class="one">
Mijn naam is ... en ik ben bezig met mijn eerste HTML.
</p><p><center><img src="C:\Users\appleocean\Documents\www\AppleLogo.png" alt="apple"></center></p>

<p>
tekst en border in 1 regel:</p>
<p class="fontArial borderSolid">Lettertype Arial + solid border</p>
<p class="fontTimes borderSolid">Lettertype Times New Roman + solid border</p>
<p class="fontArial borderDouble">Lettertype Arial + double border</p>
<p class="fontTimes borderDouble">Lettertype Times New Roman + double border</p>

<p class="A">
Font Test
</p>
</body>
</html>

wie weet het?

het gaat om regel 29 :).
 | Macbook pro i5 mid 2012 | The New iPad 64 GB cellular | 
  woensdag 10 oktober 2012 @ 21:04:26 #277
292596 Faux.
Fan van zichzelf
pi_117830194
Je volgt een verouderde HTML-tutorial, lijkt me. Om antwoord te geven op je vraag: ik zou het plaatje eerst uploaden naar het web (via imgur.com of zo) en daarna de src-waarde vervangen met de online link van het plaatje.
Hier schreef tong80 het volgende:
Faux is een FOK!held, zoals dat vroeger Gellarboy en Brechtje waren. Users die je koestert.
pi_117830223
C:\Users\appleocean\Documents\www\AppleLogo.png

je moet de relative map nemen
dus van waar je website (index.html) staat
Avatar mede-mogelijk gemaakt door buurpoes
  woensdag 10 oktober 2012 @ 21:05:24 #279
12221 Tijn
Powered by MS Paint
pi_117830252
Zet het plaatje en je html-file in dezelfde map en gebruik daarna gewoon de bestandsnaam.

1<img src="plaatje.png" alt="mijn toffe plaatje" />
Verberg de nieuwsticker
pi_117830299
quote:
7s.gif Op woensdag 10 oktober 2012 21:04 schreef Faux. het volgende:
Je volgt een verouderde HTML-tutorial, lijkt me. Om antwoord te geven op je vraag: ik zou het plaatje eerst uploaden naar het web (via imgur.com of zo) en daarna de src-waarde vervangen met de online link van het plaatje.
fuck :')

http://cesarsite.com/html/bouwjesite/stap5.php
deze is het, ziet er idd vrij oud uit :')
 | Macbook pro i5 mid 2012 | The New iPad 64 GB cellular | 
pi_117830330
www.w3schools.com

HTML5 :)
Avatar mede-mogelijk gemaakt door buurpoes
pi_117830357
quote:
14s.gif Op woensdag 10 oktober 2012 21:05 schreef Tijn het volgende:
Zet het plaatje en je html-file in dezelfde map en gebruik daarna gewoon de bestandsnaam.
[ code verwijderd ]

dit werkt, thanx :).

laat ik idd maar een andere tut nemen :')
 | Macbook pro i5 mid 2012 | The New iPad 64 GB cellular | 
pi_117830375
quote:
0s.gif Op woensdag 10 oktober 2012 21:07 schreef VorteXxX het volgende:
www.w3schools.com

HTML5 :)
heb ik geen html 5?
 | Macbook pro i5 mid 2012 | The New iPad 64 GB cellular | 
pi_117830398
quote:
0s.gif Op woensdag 10 oktober 2012 21:07 schreef AppleOcean het volgende:

[..]

heb ik geen html 5?
ik dacht dat <!DOCTYPE html> voor HTML5 stond :')
 | Macbook pro i5 mid 2012 | The New iPad 64 GB cellular | 
  woensdag 10 oktober 2012 @ 21:08:32 #285
292596 Faux.
Fan van zichzelf
pi_117830422
quote:
0s.gif Op woensdag 10 oktober 2012 21:06 schreef AppleOcean het volgende:

[..]

fuck :')

http://cesarsite.com/html/bouwjesite/stap5.php
deze is het, ziet er idd vrij oud uit :')
Probeer W3Schools, zij hebben actuele tutorials.

SPOILER
Om spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.
Hier schreef tong80 het volgende:
Faux is een FOK!held, zoals dat vroeger Gellarboy en Brechtje waren. Users die je koestert.
  woensdag 10 oktober 2012 @ 21:10:23 #286
12221 Tijn
Powered by MS Paint
pi_117830507
quote:
0s.gif Op woensdag 10 oktober 2012 21:08 schreef AppleOcean het volgende:

[..]

ik dacht dat <!DOCTYPE html> voor HTML5 stond :')
Dat is ook zo.
Verberg de nieuwsticker
pi_117830542
quote:
10s.gif Op woensdag 10 oktober 2012 21:08 schreef Faux. het volgende:

[..]

Probeer W3Schools, zij hebben actuele tutorials.

SPOILER
Om spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.
klopt <center> niet meer?

hoorde al wel dat <i>, <u> en <b>. niet meer klopten.

volgens mij heb ik het gewoon keihard fout geleerd :(
 | Macbook pro i5 mid 2012 | The New iPad 64 GB cellular | 
pi_117830556
quote:
14s.gif Op woensdag 10 oktober 2012 21:10 schreef Tijn het volgende:

[..]

Dat is ook zo.
ohke, mooi :).
 | Macbook pro i5 mid 2012 | The New iPad 64 GB cellular | 
  woensdag 10 oktober 2012 @ 21:11:40 #289
292596 Faux.
Fan van zichzelf
pi_117830579
quote:
0s.gif Op woensdag 10 oktober 2012 21:11 schreef AppleOcean het volgende:

[..]

klopt <center> niet meer?

hoorde al wel dat <i>, <u> en <b. niet meer klopten.

volgens mij heb ik het gewoon keihard fout geleerd :(
<center> is inderdaad verouderd :P
Hier schreef tong80 het volgende:
Faux is een FOK!held, zoals dat vroeger Gellarboy en Brechtje waren. Users die je koestert.
pi_117830618
quote:
10s.gif Op woensdag 10 oktober 2012 21:11 schreef Faux. het volgende:

[..]

<center> is inderdaad verouderd :P
kut.

klopt de rest wel, of is dat ook oude meuk?
 | Macbook pro i5 mid 2012 | The New iPad 64 GB cellular | 
  woensdag 10 oktober 2012 @ 21:13:28 #291
12221 Tijn
Powered by MS Paint
pi_117830683
h1, p en img zijn nog steeds gangbare elementen, ook in HTML5.
Verberg de nieuwsticker
  woensdag 10 oktober 2012 @ 21:13:57 #292
292596 Faux.
Fan van zichzelf
pi_117830705
quote:
0s.gif Op woensdag 10 oktober 2012 21:12 schreef AppleOcean het volgende:

[..]

kut.

klopt de rest wel, of is dat ook oude meuk?
Ik zou opnieuw beginnen.
Hier schreef tong80 het volgende:
Faux is een FOK!held, zoals dat vroeger Gellarboy en Brechtje waren. Users die je koestert.
pi_117830739
qua HTML zit je (redelijk) goed alleen word nu over het algemeen CSS gebruikt voor de opmaak
Avatar mede-mogelijk gemaakt door buurpoes
  woensdag 10 oktober 2012 @ 21:15:35 #294
12221 Tijn
Powered by MS Paint
pi_117830781
quote:
0s.gif Op woensdag 10 oktober 2012 21:14 schreef VorteXxX het volgende:
qua HTML zit je (redelijk) goed alleen word nu over het algemeen CSS gebruikt voor de opmaak
Hij gebruikt toch CSS? Het zit alleen niet in een externe file, maar dat maakt qua werking en syntax niks uit.
Verberg de nieuwsticker
pi_117830825
quote:
2s.gif Op woensdag 10 oktober 2012 21:15 schreef Tijn het volgende:

[..]

Hij gebruikt toch CSS? Het zit alleen niet in een externe file, maar dat maakt qua werking en syntax niks uit.
ik zie het nu ook :) niet helemaal goed gelezen
Avatar mede-mogelijk gemaakt door buurpoes
pi_117830877
quote:
7s.gif Op woensdag 10 oktober 2012 21:13 schreef Tijn het volgende:
h1, p en img zijn nog steeds gangbare elementen, ook in HTML5.
heb p.A toch maar even veranderd.

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		<!DOCTYPE html>
<head>
<title>HTML LEREN</title>
<style type="text/css">
.fontArial { font-family: Arial; font-size: 40 px; }
.fontTimes { font-family:"Times New Roman"; font-size: 40px;}
.borderSolid { border-style: solid; border-color: grey; }
.borderDouble { border-style: double; border-color: green; }
.borderDotted {border-style:dotted;border-color:white;border width:12px;}
.fontArial {font-family:"arial";font-size:17px;}
.fontComic {font-family:"comic sans ms";font-size:40px;}

body
{margin: 2px;padding: 20px;background-color:red;border-style:solid;border-color:black;border width:12px;}

h1
{color:black; text-align:center;}
{border: 20px dotted #64FA00}
</style>
</head>

<body>
<h1>
HTML AND CSS
</h1>

<p class="one">
Mijn naam is ... en ik ben bezig met mijn eerste HTML.
</p><p><center><img src="AppleLogo.png" alt="apple"></center></p>

<p>
tekst en border in 1 regel:</p>
<p class="fontArial borderSolid">Lettertype Arial + solid border</p>
<p class="fontTimes borderSolid">Lettertype Times New Roman + solid border</p>
<p class="fontArial borderDouble">Lettertype Arial + double border</p>
<p class="fontTimes borderDouble">Lettertype Times New Roman + double border</p>
<p class="fontComic borderDouble">lettertype comic sans + double border</p>

<p class="fontComic">
Font Test
</p>
</body>
</html>

dit is vrij nieuw hoop ik?
 | Macbook pro i5 mid 2012 | The New iPad 64 GB cellular | 
  woensdag 10 oktober 2012 @ 21:19:20 #297
292596 Faux.
Fan van zichzelf
pi_117830972
In plaats van in de CSS de fonts te definiėren zou je ook <span style='font-family: blablabla'> kunnen doen. Is wellicht sneller :)
Hier schreef tong80 het volgende:
Faux is een FOK!held, zoals dat vroeger Gellarboy en Brechtje waren. Users die je koestert.
  woensdag 10 oktober 2012 @ 21:19:48 #298
12221 Tijn
Powered by MS Paint
pi_117831007
quote:
7s.gif Op woensdag 10 oktober 2012 21:19 schreef Faux. het volgende:
In plaats van in de CSS de fonts te definiėren zou je ook <span style='font-family: blablabla'> kunnen doen. Is wellicht sneller :)
Nee, geen inline styles gaan zitten promoten.
Verberg de nieuwsticker
pi_117831044
quote:
7s.gif Op woensdag 10 oktober 2012 21:19 schreef Faux. het volgende:
In plaats van in de CSS de fonts te definiėren zou je ook <span style='font-family: blablabla'> kunnen doen. Is wellicht sneller :)
Css was toch juist goed?
 | Macbook pro i5 mid 2012 | The New iPad 64 GB cellular | 
  woensdag 10 oktober 2012 @ 21:20:56 #300
292596 Faux.
Fan van zichzelf
pi_117831069
quote:
13s.gif Op woensdag 10 oktober 2012 21:19 schreef Tijn het volgende:

[..]

Nee, geen inline styles gaan zitten promoten.
Sorry, maar het is soms zo verleidelijk ;(
Hier schreef tong80 het volgende:
Faux is een FOK!held, zoals dat vroeger Gellarboy en Brechtje waren. Users die je koestert.
actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
[html, css, js] met font tags :) #28
Index

» digital corner

» development

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