Er is geen verschil op het gebied van css. Het is wat je liever gebruikt en of je het ook meerdere keren nodig hebt. bijvoorbeeld de div die om alles heen zit, de wrapper heb ik hem in je code genoemd, die heb je maar een keer nodig, dus gebruik ik liever #id daarvoor.quote:Op woensdag 6 juli 2011 02:06 schreef Dimens het volgende:
[..]
Wat is het verschil eigenlijk tussen die twee en wat is het voordeel?
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Index</title> <link rel="stylesheet"type="text/css" href="css/index.css" /> </head> <body> <div id="wrapper"> <div id="top"> <div class="top"> <img src="Images/Foto.gif" style="width:110px; height:110px;" alt="Foto" /> </div> </div> </div> </body> </html> |
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 | @charset "utf-8"; /* CSS Document */ body { background: #FF9932; } #wrapper { margin: 0 auto; width: 1000px; } #wrapper:after { content: "."; display: block; clear: both; height: 0; overflow: hidden; } #top { width: 1000px; } #top .left { margin-top: 300px; } #top .right { margin-top: 15px; } .left { margin-top: 300px; } |
Dat is omdat je niet alle div's erin gelaten hebt.quote:Op woensdag 6 juli 2011 02:34 schreef Dimens het volgende:
Het wil niet lukken.![]()
[ code verwijderd ]
[ code verwijderd ]
Mijn plaatje staat nog steeds gewoon saai in de linker bovenhoek.
Hoe bedoel je?quote:Op woensdag 6 juli 2011 02:36 schreef Dalando het volgende:
[..]
Dat is omdat je niet alle div's erin gelaten hebt.
En omdat je telkens die margin erin doet waarom doe je dat?quote:Op woensdag 6 juli 2011 02:36 schreef Dalando het volgende:
[..]
Dat is omdat je niet alle div's erin gelaten hebt.
Zodat hij aan de bovenkant wat ruimte overlaat.quote:Op woensdag 6 juli 2011 02:37 schreef Dalando het volgende:
[..]
En omdat je telkens die margin erin doet waarom doe je dat?
dan gebruik je padding! niet margin!quote:Op woensdag 6 juli 2011 02:38 schreef Dimens het volgende:
[..]
Zodat hij aan de bovenkant wat ruimte overlaat.
Ik weet 300 overkill maar om te testen of hij ook daadwerkelijk naar beneden wilt gaan.
Dimens, de code die je nu hebt is helemaal fout.quote:Op woensdag 6 juli 2011 02:38 schreef Dimens het volgende:
[..]
Zodat hij aan de bovenkant wat ruimte overlaat.
Ik weet 300 overkill maar om te testen of hij ook daadwerkelijk naar beneden wilt gaan.
Ik vind die div id helemaal niets.quote:Op woensdag 6 juli 2011 02:39 schreef Dalando het volgende:
[..]
Dimens, de code die je nu hebt is helemaal fout.
Je wilt dus alleen wat ruimte aan de kanten overhouden?quote:Op woensdag 6 juli 2011 02:39 schreef Dimens het volgende:
[..]
Ik vind die div id helemaal niets.
Het wil gewoon niet lukken.
Ja, met mijn andere CSS was dit heel makkelijk.quote:Op woensdag 6 juli 2011 02:41 schreef Dalando het volgende:
[..]
Je wilt dus alleen wat ruimte aan de kanten overhouden?
Ja maar die code faalde.quote:Op woensdag 6 juli 2011 02:43 schreef Dimens het volgende:
[..]
Ja, met mijn andere CSS was dit heel makkelijk.
.icon {
margin-left: 15px;
margin-top: 10px;
}
En die icon had ruimte boven en links.
| 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 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Index</title> <link rel="stylesheet"type="text/css" href="css/index.css" </head> <body> <div id="wrapper"> <div id="left"> <div class="top"> <img src="plaatje.jpg" style="width:110px; height:110px;" alt="Foto" /> </div> </div> </div> </body> </html> ------------------------------------------------------------------------------------ @charset "utf-8"; /* CSS Document */ body { background: #FF9932; } #wrapper { margin: 0 auto; width: 1000px; } #wrapper:after { content: "."; display: block; clear: both; height: 0; overflow: hidden; } #top { width: 1000px; } #top .left { margin-top: 300px; } #top .right { margin-top: 15px; } .left { margin-top: 300px; } |
| 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 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Test</title> <link rel="stylesheet"type="text/css" href="css/index.css"> <link href="ico/index.ico" rel="shortcut icon"> </head> <body> <!-- Dit is een comment, deze zie je niet terug op de website, maar wel in de code. --> <!-- Voor grote dingen die je maar 1 keer gaat gebruiken kun je beter een #id gebruiken. --> <div id="wrapper"> <div id="left"> <div class="top"> <img src="plaatje.jpg" alt="boe" /> </div> <div class="text"> <a href="#">Dimens</a><br/> <a href="#">Hier kan je menu komen</a><br/> </div> </div> <div id="right"> <div class="top"> Hier kan je bovenste plaatje komen! </div> <div class="text"> Hier kan de inhoud van je pagina komen. </div> </div> </div> </body> </html> |
Div id onder en boven kan dus niet. Of ik moet de hele css code aanpassen, maar dat ga ik niet doen.quote:Op woensdag 6 juli 2011 02:47 schreef Dimens het volgende:
Maar wat als ik div id boven en onder wil hebben?
in een #id dat kan dus niet, of ik moet het weer gaan omgooien.quote:Op woensdag 6 juli 2011 02:49 schreef Dimens het volgende:
Dat ik zeg maar het plaatje en de header in een div id heb zitten?
Dus #id kan alleen boven en onder elkaar?quote:Op woensdag 6 juli 2011 02:50 schreef Dalando het volgende:
[..]
in een #id dat kan dus niet, of ik moet het weer gaan omgooien.
WACHT. Ik ben de kwijt kluts. leg het even opnieuw uit, paint enzo erbij zou fijn zijn.quote:Op woensdag 6 juli 2011 02:50 schreef Dimens het volgende:
[..]
Dus #id kan alleen boven en onder elkaar?
Gewoon een test website, niet iets bijzonders of iets. Gewoon om het te leren.quote:Op woensdag 6 juli 2011 03:25 schreef dirkjo het volgende:
Mag ik trouwens vragen wat je aan het maken bent Dimens? Puur uit nieuwsgierigheid
Haha okquote:Op woensdag 6 juli 2011 03:26 schreef Dimens het volgende:
[..]
Gewoon een test website, niet iets bijzonders of iets. Gewoon om het te leren.
Ik ken niet echt mensen in mijn buurt die goed met codes zijn, jammer is dat wel.quote:Op woensdag 6 juli 2011 03:29 schreef dirkjo het volgende:
[..]
Haha okGa meteen eens kijken naar PHP als je html onder de knie hebt. En mocht je een vriend hebben die de talen al beheerst moet je vooral samen iets gaan doen.
Ik heb de volledig basis van m'n kennis opgelegd via een vriend van me, eenmaal de basis onder de knie en je kan zowat alles
PHP is vooral een 'logische' taal. Niet zoals HTML waarbij je alles klakkeloos neerzat kan je bij PHP leuke 'systemen' maken die allemaal dingen voor jou uitvoeren. Daarbij komt vooral logisch nadenken naar voren, maar zoals eerst al gezegd moet je vooral eerst een lekkere fundering bouwenquote:Op woensdag 6 juli 2011 03:35 schreef Dimens het volgende:
[..]
Ik ken niet echt mensen in mijn buurt die goed met codes zijn, jammer is dat wel.
Ik deed wel een opleiding met websites bouwen, alleen nooit iets geleerd net als de rest van de studenten. Weggegooid geld dat het was, nu wil ik gewoon graag wat gaan leren in HTML en CSS.
Als ik dat onder de knie heb komt misschien PHP nog wel, maar dat is nog best moeilijk volgens sommigen.
Tevens ook wel lastig om codes te onthouden i.c.m. dyslexie.
Dat noemen ze een browser, heb ik sinds kort begrepen.quote:Op woensdag 6 juli 2011 01:39 schreef Dimens het volgende:
Wat de bedoeling is:
In iOS een app bouwen die al CSS content bevat, zo hoef je dus alleen nog maar de html te laden.
Maar helaas gaat dit dus niet door?
Dan hoef ik dat dus niet meer te maken.quote:Op woensdag 6 juli 2011 03:51 schreef henrivo het volgende:
[..]
Dat noemen ze een browser, heb ik sinds kort begrepen.
Niet al te serieus nemenquote:Op woensdag 6 juli 2011 04:08 schreef Dimens het volgende:
[..]
Dan hoef ik dat dus niet meer te maken.
In Xcode kun je App maken die ook web content binnen halen in je app, dat is de bedoeling namelijk.quote:Op woensdag 6 juli 2011 04:11 schreef henrivo het volgende:
[..]
Niet al te serieus nemen(oke dat deed je toch al vast niet
)
Ja dat moet ik zelf ook allemaal nog door krijgen, heb zelf pas mn eerste iMac gekocht maar Xcode heb ik van gehoord jaquote:Op woensdag 6 juli 2011 04:13 schreef Dimens het volgende:
[..]
In Xcode kun je App maken die ook web content binnen halen in je app, dat is de bedoeling namelijk.
Xcode is leuk, een goede SDK en de code leer je al snel.quote:Op woensdag 6 juli 2011 04:19 schreef henrivo het volgende:
[..]
Ja dat moet ik zelf ook allemaal nog door krijgen, heb zelf pas mn eerste iMac gekocht maar Xcode heb ik van gehoord ja
Succes in elk geval!
Zie mijn andere topic waar het probleem ligtquote:Op woensdag 6 juli 2011 04:35 schreef Dimens het volgende:
[..]
Xcode is leuk, een goede SDK en de code leer je al snel.
Zo hoi ben ik weer. PHP is niet moeilijk. Nouja, zoals php6 eruit ziet word het wat lastiger, maar in feite is het gewoon dit:quote:Op woensdag 6 juli 2011 03:35 schreef Dimens het volgende:
[..]
Ik ken niet echt mensen in mijn buurt die goed met codes zijn, jammer is dat wel.
Ik deed wel een opleiding met websites bouwen, alleen nooit iets geleerd net als de rest van de studenten. Weggegooid geld dat het was, nu wil ik gewoon graag wat gaan leren in HTML en CSS.
Als ik dat onder de knie heb komt misschien PHP nog wel, maar dat is nog best moeilijk volgens sommigen.
Tevens ook wel lastig om codes te onthouden i.c.m. dyslexie.
| 1 2 3 4 5 6 7 | <?php $input = "Appelmoes"; $output = functienaam($input); echo $output; ?> |
Om maar meteen met de deur in huis te vallen; dat stukje werkt dus nietquote:Op donderdag 7 juli 2011 03:06 schreef Dalando het volgende:
[..]
Zo hoi ben ik weer. PHP is niet moeilijk. Nouja, zoals php6 eruit ziet word het wat lastiger, maar in feite is het gewoon dit:
[ code verwijderd ]
Maar daar ben je voorlopig nog even niet aan toe. Eerst maar even een volledige valid website hebben, daarna wat javascript en dan gaan we denk ik pas PHP doen.
En codes onthouden? Nja, gewoon opschrijven op een blaadje enzo, leer je het vanzelf wel uit je kop![]()
wtfquote:Op woensdag 6 juli 2011 01:31 schreef Dimens het volgende:
[..]
Stel ik heb een site maar als ik daar naartoe ga wil ik dat hij de CSS van bijvoorbeeld mijn computer afhaalt?
Zeg, lieve schat, waar dacht je dat die browsercache voor is?quote:Op woensdag 6 juli 2011 01:51 schreef Dimens het volgende:
[..]
Ik ben nog een leek op dit gebied, ik dacht dat het wel handig zou zijn aangezien die toch op elke pagina hetzelfde kan zijn en het dus scheelt met snelheid.
Favicon.quote:Op maandag 18 juli 2011 13:30 schreef Dimens het volgende:
Hoe krijg ik zo'n pictogram naast de title in je tabblad?
Daar waar bij FOK! dat Fok logo staat, die kleine.
Engels: http://en.wikipedia.org/wiki/Favicon.quote:Op maandag 18 juli 2011 13:36 schreef Dimens het volgende:
[..]
Ja hoe werkt dat en welke resolutie mag/moet hij zijn?
| 1 | <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> |
| 1 2 3 4 5 6 7 8 | <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Dimens</title> <link rel="stylesheet"type="text/css" href="Index.css"> <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" /> <style type="text/css"> </style> </head> |
Het werkwoord 'willen' is een onregelmatig werkwoord. "Hij wil".quote:Op maandag 18 juli 2011 13:48 schreef Dimens het volgende:
Hij wilt het maar niet doen, dit is de code:
[ code verwijderd ]
Ja sorry, daar denk ik op dit moment niet helemaal aan.quote:Op maandag 18 juli 2011 13:53 schreef zarGon het volgende:
[..]
Het werkwoord 'willen' is een onregelmatig werkwoord. "Hij wil".
Zeker weten dat je favicon.ico in orde is en staat waar-ie staan moet?
Hard refresh gedaan? Ctrl + F5.quote:Op maandag 18 juli 2011 13:56 schreef Dimens het volgende:
[..]
Ja sorry, daar denk ik op dit moment niet helemaal aan.
Hij heet favicon.ico en staat in de map waar ook de html en css staan, dan moet dit toch genoeg zijn?
Kan het dat hij de favicon niet laat zien in test modus?quote:
|
|
| Forum Opties | |
|---|---|
| Forumhop: | |
| Hop naar: | |