Light | dinsdag 22 september 2009 @ 23:42 | |||
[CSS] voor dummies. [CSS] voor dummies - Deel 2 [CSS] voor dummies - Deel 3 [CSS] voor dummies - Deel 4 [CSS] voor dummies - Deel 5 [CSS] voor dummies - deel 6 [CSS] voor dummies - Deel 7 [CSS] voor dummies - Deeltje 8 [CSS] voor dummies - deel 9 [CSS] voor dummies - deel 10 [CSS] voor dummies - deel 11 [CSS] voor dummies - deel 12 Game on | ||||
Roy_T | dinsdag 22 september 2009 @ 23:50 | |||
quote:Wat dacht je van simpelweg een class aan de body hangen, en "body.className #whatever" onderaan je stylesheet zetten, waarmee je "#whatever" overruled? Net zoveel werk als een extra CSS includen, zelfde effect, een request minder. | ||||
Light | woensdag 23 september 2009 @ 00:30 | |||
quote:Kan ook. Er zijn, zoals altijd, meerdere wegen die naar Rome leiden. De beste oplossing voor situatie A hoeft niet de beste te zijn voor situatie B. | ||||
Chandler | woensdag 23 september 2009 @ 08:34 | |||
mee lees post | ||||
doppendoosch | woensdag 23 september 2009 @ 09:04 | |||
quote:Volgens mij gaat het dan haast automatisch goed. Als je die div #frontpage float:left geeft, gaat de inline inhoud uit de parent div automatisch de overgebleven ruimte vullen. Als #frontpage er niet is, staat'ie ook niet in de weg. Als je voor een oplossing als hierboven gaat, mag ik er dan aan herinneren dat er ook nog altijd inline-styles bestaan? Voor dit soort pagina-specifieke opmaak nog altijd uiterst geschikt. | ||||
Roy_T | woensdag 23 september 2009 @ 09:40 | |||
quote:True. Al is een request minder per definitie een betere weg, als het verder geen extra code kost | ||||
snkr-xxx | woensdag 23 september 2009 @ 12:29 | |||
tvp | ||||
Swetsenegger | woensdag 23 september 2009 @ 14:57 | |||
Ik heb een box van 200px breed met een overflow:hidden. Als ik een image nest die breder is dan 200px valt de overflow in FF en safari keurig weg. IE 7 en 8 tonen de image gewoon volledig en loopt dus buiten de box. Hoe ga ik dit oplossen? -edit- al opgelost, had de image in een extra div genest die er gewoon uit kon. [ Bericht 15% gewijzigd door Swetsenegger op 23-09-2009 15:20:15 ] | ||||
doppendoosch | woensdag 23 september 2009 @ 15:59 | |||
quote:Jahoor, volledig CSS-complient. Maar wel op zijn IE's. | ||||
Mirel | zondag 27 september 2009 @ 15:34 | |||
www.mirelmasic.nl Ik wil het menubalkje precies laten grenzen aan bovenste balkje. Dat doet ie allemaal heel goed, maar wanneer ik mijn unordered list aanzet, dan verspringt ie naar beneden.
bgtop is het achtergrond balkje. css:
Een leraar zei tegen me dat die afstand komt vanwege de punten in de unordered list. Hij zegt dat ze wel weggehaald zijn met de css code (list-style-type: none;), maar dat de afstand nog niet eruit is. Wat ik wel opmerk is dat als hij op horizontaal staat, de punten sowieso niet verschijnen. Die afstanden kan ik allemaal mee lopen kutten via #menu, #menulist li en ook nog gewoon #menulist. Padding op 0 zetten doet niks. Hij komt niet boven die leegte terecht. [ Bericht 2% gewijzigd door Mirel op 27-09-2009 15:53:05 ] | ||||
Roy_T | zondag 27 september 2009 @ 16:20 | |||
Je <ul> met id #menulist moet "margin: 0" hebben. | ||||
Mirel | zondag 27 september 2009 @ 17:15 | |||
Yep dat is het. Wat ik heb er trouwens ene pesthekel aan als je zoveel probeert dat iets wat voor de hand ligt je denkt "dat was het eerste wat ik geprobeerd had" Code he | ||||
Roy_T | zondag 27 september 2009 @ 23:09 | |||
Even Firebug voor Firefox installeren, en je had het in 1 minuut gezien | ||||
Swetsenegger | woensdag 30 september 2009 @ 12:59 | |||
Iets vreemds. relevante css
html
Onder IE7 en FF 3.0.11 is de div 'cart' niet zichtbaar | ||||
snkr-xxx | woensdag 30 september 2009 @ 13:27 | |||
Heb je geen URL waar we even kunnen spieken? Gooi anders je CSS van de a;tjes er ook even bij. | ||||
Roy_T | woensdag 30 september 2009 @ 13:37 | |||
Off topic, maar waarom gebruik je geen list voor die opsomming van links? | ||||
snkr-xxx | woensdag 30 september 2009 @ 13:42 | |||
er zijn wel meer dingen een beetje off, color:white, font size in PT's. een z-index op 1 element? ik moet de rest even zien. | ||||
Swetsenegger | woensdag 30 september 2009 @ 13:44 | |||
Omdat ik in dit geval geen zin hebt in een hoop css voor een simpel menuutje wat niet uitbreidt. Links hiervan staat een menu wat uit mijn css komt rollen en omdat die dynamisch is is dat inderdaad een list. Nou het probleem was dat hij onder IE7 en FF ging wrappen. Omdat de overflow op hidden stond zag je de layer dus niet. Waarom er gewrap werd is me niet duidelijk, dus ik heb er nu maar 2 floats van gemaakt en het werkt nu crossbrowser in Safari 4 (OSX/XP), FF 3 (OSX/XP), Opera (OSX/XP), Chrome, IE7 en IE8 | ||||
Swetsenegger | woensdag 30 september 2009 @ 13:45 | |||
quote:Wat is er mis met een color: white en font size in pt ? Z-index was ene overblijfseltje van wat tests waarom die layer niet zichtbaar was en er stond dus gewoon op 2 elementen een z-index. | ||||
snkr-xxx | woensdag 30 september 2009 @ 13:46 | |||
heeft toch niet zoveel met uitbreiding te maken, is gewoon semantiek.. | ||||
Swetsenegger | woensdag 30 september 2009 @ 13:47 | |||
quote:Het is hier geen lijst het is een rijtje Dus over semantiek kan je twisten. | ||||
snkr-xxx | woensdag 30 september 2009 @ 13:48 | |||
quote:Bij white maakt het geen snars uit, maar als je dat vaker doet, bij bijv orange, of pink en dergelijke, zit je er mooi mee dat verschillende browsers de kleur anders interpreteren, dus gewoon lekker hex codes gebruiken, is net zo easy. Punten zijn voor print, niet voor web. Gewoon px of nog liever em's gebruiken | ||||
snkr-xxx | woensdag 30 september 2009 @ 13:49 | |||
quote:Alles wat een opsomming is hoort in een lijst, of dit nu een rijtje of kolom of van mijn part diagonaal gaat. Maar goed, ieder z'n ding idd | ||||
Swetsenegger | woensdag 30 september 2009 @ 13:50 | |||
quote:Dus je probleem is? quote:En waar haal je vandaan dat ik dat niet zou doen? Als ik al preset colors gebruik naast white en black is het voor test doeleinden. quote:Ja dat is ook echt belangrijk. | ||||
Swetsenegger | woensdag 30 september 2009 @ 13:51 | |||
quote:Dat vind ik niet. Als het semantisch zo bedoeld was is het wel erg lullig dat een <ul> onder elkaar geplaatst wordt en je voor 5 linkjes een stuk CSS moet gaan schrijven. | ||||
snkr-xxx | woensdag 30 september 2009 @ 13:51 | |||
Ik heb geen probleem hoor Succes verder! | ||||
snkr-xxx | woensdag 30 september 2009 @ 14:20 | |||
Als je nog geinteresseerd bent in waarom punten kut zijn voor web. | ||||
Roy_T | woensdag 30 september 2009 @ 17:05 | |||
quote:Je verwart nu semantiek met de standaard rendering van browsers, terwijl ze niets met elkaar te maken hebben. | ||||
Mirel | vrijdag 2 oktober 2009 @ 17:17 | |||
Hoi, op http://mirelmasic.nl/portfolio.html wil ik dat het fototje links wordt uitgelijnd en de tekst rechts. Als ik de breedte en hoogte van de foto instel, gaat ie naar het midden. Ik heb dan geprobeerd margins en paddings te gebruiken, maar ze doen niks. Foto is #thumb.
Zonder de width en height gaat ie wel naar links, maar dan over het kopje heen, en de border trekt door naar rechts naar de rand van het grijze vlak. | ||||
twirky | vrijdag 2 oktober 2009 @ 17:31 | |||
De foto is niet #thumb, de foto staat in een div die ID #thumb heeft. Daardoor maak je het jezelf alleen maar lastiger. Zonder die div gaat het zonder enige css al goed (naja alleen de border). -edit- Ik zie dat je echt OVERAL waar mogelijk divs omheen hebt lopen zetten. Doe dat niet. Is alleen maar lastig. [ Bericht 25% gewijzigd door twirky op 02-10-2009 17:36:55 ] | ||||
Mirel | vrijdag 2 oktober 2009 @ 17:34 | |||
Hoe zou ik het anders doen zonder div? Het is niet de bedoeling dat ik die plaatjes ga verwijzen in het css bestand. | ||||
twirky | vrijdag 2 oktober 2009 @ 17:39 | |||
quote:In je css hoeft niets anders. Je moet alleen die div weghalen en het ID (waarom eigenlijk een ID ipv een class?) in de <img>-tag zetten. | ||||
Mirel | vrijdag 2 oktober 2009 @ 17:43 | |||
Ja ok, de div is weg en hij doet het goed. En vertel me maar eens goed wat het verschil is tussen een id en een class want van m'n leraar word ik ook niet wijzer. Ik dacht altijd dat je met classes meerdere divs van dezelfde naam neer kon zetten, maar ik heb datzelfde nu op m'n pagina met id's en het werkt. Dus ik heb gewoon het foute idee [ Bericht 46% gewijzigd door Mirel op 02-10-2009 17:49:48 ] | ||||
twirky | vrijdag 2 oktober 2009 @ 17:52 | |||
Het belangrijkste verschil waar je tegenaan loopt, is dat een ID altijd uniek moet zijn. Dat betekent dus dat je een ID per pagina maar één keer mag gebruiken. Een class mag je zo vaak herhalen als je zelf wilt. Verder zijn er niet echt strikte regels wanneer je wat gebruikt. Maar om bovenstaande reden zijn ID's vaak nuttig voor gebruik met javascript en formulieren, en classes voor CSS. Maar nogmaals, zolang je een element maar één keer gebruikt maakt het geen biet uit wat je kiest. Loop je de kans dat een element vaker terugkomt, gebruik dan een class. -edit- Ja je CSS kijkt er wel overheen, maar als je je pagina door de W3-validator haalt, geeft die foutmeldingen. Op zich voor jou niet zo'n ernstige, maargoed als het toch niet uitmaakt, waarom dan toch stug een ID gebruiken heh | ||||
Roy_T | vrijdag 2 oktober 2009 @ 18:00 | |||
quote:Ja, het werkt. Helaas voldoet het op geen enkele manier aan de specificaties, en heb je dus geen HTML geschreven maar een eigen taal gebaseerd op HTML | ||||
Mirel | vrijdag 2 oktober 2009 @ 18:06 | |||
Als ik even voor de grap alles vervang met classes dan gaat m'n layout stuk. Was het nou zo dat je de eerste instantie van een naam eerst als id moet doen en de rest als class? | ||||
twirky | vrijdag 2 oktober 2009 @ 18:18 | |||
quote:Heb je ook in je css alle hekjes (#) door punten (.) vervanen dan? | ||||
Mirel | vrijdag 2 oktober 2009 @ 18:21 | |||
*kwartje valt | ||||
Mirel | vrijdag 2 oktober 2009 @ 18:29 | |||
Zo, alles is vervangen. denk dat ik er nu wel uitkom. Nog een vraagke echter Kan ik hyperlinks los van elkaar definieren? Ik probeerde wat en het ging niet goetttt. Gaf een link een id en ging die toen proberen te opmaken in m'n css bestand, maar ik het gevoel dat ik de syntax weer fout had. | ||||
twirky | vrijdag 2 oktober 2009 @ 18:35 | |||
Je kunt een link net als ieder ander element stijlen door er een id of class aan te geven. Of als je alle links wilt stijlen gewoon naar de tag verwijzen. Lees ook dit even door, misschien verduidelijkt dat het hele verhaal wat: http://www.w3schools.com/Css/css_syntax.asp | ||||
Roy_T | vrijdag 2 oktober 2009 @ 18:48 | |||
Of naar alle links binnen een onderdeel verwijzen, scheelt vaak een hoop code (voor alle links in de header dus "#header a" bijv.). | ||||
Mirel | vrijdag 2 oktober 2009 @ 18:58 | |||
quote:nog handiger, scheelt mij weer achteraf alle a's een class te geven. | ||||
Mirel | zondag 4 oktober 2009 @ 14:33 | |||
En daar ben ik weer. Ik heb heel sterk het vermoeden dat ik iets compleet fout doe met mijn menu (eigenlijk geen vermoeden ). Ik heb geprobeerd de woorden in het midden te krijgen, maar uiteindelijk heb ik het los gepositioneerd ipv in het midden uit te lijnen. Als ik nu een dropdown maak, dan gaat dat helemaal fout. De dropdown komt standaard niet onder de juiste knop terecht vanwege alle margins en paddins die ik zorgeloos overal neer heb gesmeten. Momenteel heb ik de dropdown alleen onder http://www.mirelmasic.nl/portfolio.html staan, als je over de portfolio knop heen gaat.
(laatste 3 dingetjes heb ik vluchtig gedaan)
Komt er op neer, hoe maak ik het menu initieel goed zodat de dropdown straks het ook goed doet? Maar wat ik niet snap, hoe kan ik de dropdown ooit goed krijgen als ik sowieso padding-left moet gebruiken om de menuitems elk wat uitelkaar te plaatsen? Dan zal ik die alsnog weer los moeten doen. | ||||
Roy_T | zondag 4 oktober 2009 @ 15:04 | |||
Ik heb nu even geen tijd, maar wat me wel meteen opvalt (en nee, dat heeft hier niets mee te maken ) is de <br> achter een <li>, die daar écht niet hoort (<li>'s staan altijd al onder elkaar; het zijn block-level elementen). En dan nog: <br> is niet echt XHTML, terwijl je in je doctype zegt dat je dat gebruikt Goed, dat was mijn reactie waar je verder niets aan hebt | ||||
Light | zondag 4 oktober 2009 @ 15:12 | |||
Je kunt de hoofdmenu-items en submenu-items apart stylen. Een div om het menu is eigenlijk ook niet nodig, je kunt ook de ul opmaken. Voor het maken van een dropdownmenu gebruik ik meestal de techniek die wordt beschreven op http://htmldog.com/articles/suckerfish/dropdowns/ . | ||||
Mirel | zondag 4 oktober 2009 @ 15:21 | |||
quote:Ja de <br> was daar omdat anders de dropdown naast etlkaar ging, weet niet waarom | ||||
Mirel | zondag 4 oktober 2009 @ 19:53 | |||
Alleen de ul overlaten en die stylen lukt me niet. Hij neemt geen kleuren of width en height over. Hoe krijg ik de menulinks gecentered? Ik heb OVERAL geprobeerd margin: 0 auto in te doen, werkt niet. | ||||
Mirel | zondag 4 oktober 2009 @ 20:09 | |||
Even met foto's, ben overnieuw begonnen. Dit is met de code:
en
Achtergrond is tijdelijk rood voor de duidelijkheid. Wat moet ik nú doen om de menulinks gecentered te krijgen, met een afstand tussen elke menu item? Ik heb tot nu toe geprobeerd margin: 0 auto eigenlijk overal al in te doen Kijk, als ik dat zelf een padding-left of margin-left doe om ze in het midden te krijgen, en padding-right om ruimte te maken tussen elk menu item, dan gaat dat straks backfiren met een dropdown, want die zal dan die afstanden meenemen. Bij de uitklap krijg je dan het woord met een heleboel lege ruimte zoals: De uitklap moest ik trouwens ook precies daar onder positioneren, hij kwam er niet standaard onder. | ||||
Mirel | zondag 4 oktober 2009 @ 20:53 | |||
IK HEB HET WAAAA (text align center, en dan ipv het gehele linkgeval uit elkaar zetten alleen het a gedeelte edit: nou heb ik de kanker op die dropdown, display staat op block maar de 2 links staan nog steeds onder elkaar. Ik ga het gewoon brak fixen met een <br>. [ Bericht 47% gewijzigd door Mirel op 04-10-2009 21:21:40 ] | ||||
daReaper | zondag 4 oktober 2009 @ 21:06 | |||
als ik nou deze html heb:
Hoe zorg ik er dan voor dat de tekst netjes naast de radiobutton komt te staan? In FF krijg ik het wel voor elkaar, maar IE wil absoluut niet wat ik wil. ongeveer zo dus: o Dit is de tekst die over meerdere regels doorloopt maar op alle regels is geïndent. | ||||
Swetsenegger | zondag 4 oktober 2009 @ 22:02 | |||
quote:table? | ||||
Swetsenegger | zondag 4 oktober 2009 @ 22:08 | |||
quote:Nee ik zet mijn vraagtekens bij het indelen van een rij als lijst. Ik zou het dan nog eerder onder tabulaire data scharen (tab delimited). Verder weet ik dat je uren slap kan lullen of het nu tussen <ul> tags moet met een berg CSS of gewoon een rijtje hrefs achter elkaar kan zetten waarbij het uiteindelijk voor de functionaliteit geen ruk uitmaakt. Zolang ik een website heb die perfect rendert in IE7,8 firefox 3, safari 4, chrome en Opera 10 op 3 verschillende OS' EN goed geindexeerd wordt door google zal semantiek me voor dat rijtje links aan mijn reet roesten eigenlijk. Semantiek is mooi, maar laten we in godsnaam niet doorslaan en als we twee linkjes naast elkaar hebben dit gaan betitelen als 'lijst'. Kom op zeg. | ||||
Light | zondag 4 oktober 2009 @ 22:54 | |||
quote:Die <p> een breedte meegeven en float:left geven misschien? | ||||
Light | zondag 4 oktober 2009 @ 23:09 | |||
quote:Ik heb een zodanige afkeer van tabellen dat ik die dingen alleen gebruik als er geen andere oplossing is. Je kunt erover discussieren of het een lijst moet zijn, maar een tabel is wmb geen optie. Een tabel is niet fatsoenlijk te stylen. Of iig, ik heb er altijd ruzie mee. En ik durf te stellen dat ik wel enige CSS-kennis heb. quote:Het ligt natuurlijk ook aan het ontwerp of je wegkomt met een rijtje <a>'s achter elkaar. quote:Goed renderen en goed geindexeerd worden is idd ook belangrijk. Belangrijker dan de vraag of je twee linkjes wel of niet als lijst moet zien. | ||||
Swetsenegger | maandag 5 oktober 2009 @ 09:03 | |||
quote:In een semantische discussie is dat geen argument natuurlijk quote:Uiteraard, als je echt 'knoppen' wil is het sowieso al handiger om een stijlbaar element te pakken. quote:Dat is eigenlijk wat ik bedoel. Ik denk dat er de laatste jaren iets te strak gepredikt wordt met betrekking tot de 'tabellen zijn evil', 'STANDAARDEN VERDOMME!!!!' en 'Semantiek is King' discussies. Als jij met een simpel tabelletje crossbrowser precies dat kan doen wat je nodig hebt op jouw website moet je dat niet willen omzetten naar een ander, wellicht semantisch iets correcter, methode die bv weer meer styling nodig heeft. Dus ja, probeer headers tussen de tags te zetten die ervoor bedoeld zijn, en vermijd tabellen voor opmaak en zet een doctype in je documenten. Maar verlies vooral niet uit het oog dat een website goed moet renderen voor een zo'n groot mogelijk publiek. | ||||
Mirel | maandag 5 oktober 2009 @ 10:25 | |||
achhhh [ Bericht 95% gewijzigd door Mirel op 05-10-2009 10:40:24 ] | ||||
Roy_T | maandag 5 oktober 2009 @ 11:29 | |||
quote: | ||||
woopehh | maandag 5 oktober 2009 @ 11:58 | |||
Iemand enig idee hoe ik dit voor alle browsers (IE<6 hoeft niet) voor elkaar krijg? (zonder quirksmode) | ||||
n8n | maandag 5 oktober 2009 @ 12:00 | |||
CSS | ||||
woopehh | maandag 5 oktober 2009 @ 12:02 | |||
Ja dat was wel de bedoeling maar hoe? | ||||
n8n | maandag 5 oktober 2009 @ 12:16 | |||
quote:Wil het graag voor je uitvogelen, het lukt me nu alleen (niet meer) uit mn hoofd en ik zit op een openbare, alleen van een browser voorziene, computer. | ||||
Swetsenegger | maandag 5 oktober 2009 @ 12:29 | |||
quote:Wat? | ||||
Swetsenegger | maandag 5 oktober 2009 @ 12:29 | |||
quote:met flow elementen. Dus een relatief gepositioneerd header element met een vaste hoogte dan 2 div's met left flow (of de linker flow:left; en de rechter flow:right;) en een overflow op de linker layer. Dan een relatief gepositioneerde footer (vergeet de clear:both niet in de CSS) | ||||
woopehh | maandag 5 oktober 2009 @ 12:33 | |||
quote:Flow elementen?? Oja nog vergeten.. het totaal moet dus 100% height zijn.. | ||||
Swetsenegger | maandag 5 oktober 2009 @ 12:36 | |||
quote:
| ||||
Swetsenegger | maandag 5 oktober 2009 @ 12:37 | |||
quote:Ah, DAT vertelde je er niet bij. 100% height van het canvas ga je niet redden zonder nasty hacks of met.... tabellen. | ||||
Swetsenegger | maandag 5 oktober 2009 @ 12:43 | |||
Deze werkt iig in IE7/8 en Safari 4: http://www.xs4all.nl/~peterned/examples/csslayout1.html | ||||
woopehh | maandag 5 oktober 2009 @ 12:47 | |||
quote:Ja, vrij essentieel inderdaad en bedacht me iets te laat dat dat niet echt duidelijk werd in de tekening. Bedoel je niet float ipv flow trouwens? | ||||
snkr-xxx | maandag 5 oktober 2009 @ 12:51 | |||
Denk 't ook , flow bestaat niet | ||||
woopehh | maandag 5 oktober 2009 @ 12:53 | |||
Weet er iemand trouwens wel een manier om het zonder quirksmode aan te zetten voor elkaar te krijgen? Liever wat hackjes dan dat of tabellen/frames :p | ||||
Roy_T | maandag 5 oktober 2009 @ 16:49 | |||
quote:Dat iedereen vooral een eigen mening moet hebben, maar die instelling is tegenwoordig toch echt niet meer overeind te houden in de beroepspraktijk (ja, ik weet het, dit is een hobbyforum). | ||||
Swetsenegger | maandag 5 oktober 2009 @ 19:11 | |||
quote:Ja | ||||
Swetsenegger | maandag 5 oktober 2009 @ 19:12 | |||
quote:Dus je denkt dat de gemiddelde commerciele ontwikkelaar voor 5 linkjes liever een stuk css ontwikkeld dan gewoon 5 linkjes achter elkaar zet als er geen 'knop' idee noodzakelijk is? Ik denk van niet en ik geef 'm groot gelijk. | ||||
n8n | maandag 5 oktober 2009 @ 19:15 | |||
Gelukkig zijn er specifieke navigatie-elementen in HTML5 | ||||
snkr-xxx | maandag 5 oktober 2009 @ 19:31 | |||
Voordat HTML 5 overal ondersteund wordt zijn we wel weer een tijdje verder.. Al werk ik nu ook niet in HTML 4 maar in XHTML 1 dus waarschijnlijk ga ik eerder over op XHTML 2. Ik persoonlijk ben gewoon iemand die er van houdt net werk af te leveren, dus ik werk graag semantisch en met Doctype Strict en alles ook valid. Maar goed, ik ben hiervoor opgeleid, heb hier plezier in en mijn werkgever hecht hier ook erg veel waarde aan. Moet zeggen dat als bijv front enden je beroep is, dat dit toch echt wel aspecten zijn die een hedendaagse werkgever van je verwacht hoor. Je zal er raar van opkijken. | ||||
Roy_T | maandag 5 oktober 2009 @ 19:37 | |||
quote:Sterker nog: dat weet ik wel zeker. | ||||
Light | maandag 5 oktober 2009 @ 19:40 | |||
quote:Daar zijn wel oplossingen voor. Even uit m'n hoofd: html en body een height: 100% meegeven. De container waar de site in moet komen ook een height: 100% en een margin-bottom van min de footerhoogte. Als laatste elementen in de container zet je een clearfooter (met dezeflde hoogte als de footer) en de footer zelf. De clearfooter moet voorkomen dat er tekst door de footer kan lopen (vanwege de negatieve margin-bottom van de container). Height zou ook min-height kunnen zijn, dat weet ik niet zeker meer. Als je menu en content een andere achtergrond wilt geven, moet je eens zoeken op faux columns. -- Oh, ik lees nu dat de content-div een scrollbalk moet krijgen bij teveel tekst. Punt 1, dat wil je niet. Als je het toch doet, zul je waarschijnlijk naar javascript moeten grijpen om de hoogte van de content-div in te stellen. Met alleen css ga je dat niet redden, voor zover ik weet althans. | ||||
Swetsenegger | maandag 5 oktober 2009 @ 20:11 | |||
quote:Tja das fijn. Ik heb andere ervaringen. Wat wil je nu bereiken met dit soort stupide oneliners? | ||||
Swetsenegger | maandag 5 oktober 2009 @ 20:18 | |||
quote:Semantiek is simpelweg voor interpretatie vatbaar. En een website hooft echt niet semantisch correct te zijn om te valideren. | ||||
woopehh | maandag 5 oktober 2009 @ 21:25 | |||
quote:Nog een reden die ik aan kan dragen voor het niet willen van die scrollbalk? (Het is niet voor mezelf) | ||||
n8n | maandag 5 oktober 2009 @ 21:39 | |||
quote:Het kan wel:
Getest onder Safari 4, Opera 10 & Firefox 3.5 En ja ik gebruik een reset css maar dat is een andere discussie | ||||
Dhr.Donder | maandag 5 oktober 2009 @ 22:15 | |||
quote:Tip: open 'm niet met IE. En al helemáál niet met IE6. Scheelt je een hoop frustraties. | ||||
n8n | maandag 5 oktober 2009 @ 22:20 | |||
quote:Trekken 7 en 8 'm ook niet dan, want dat is wel zorgelijk | ||||
n8n | dinsdag 6 oktober 2009 @ 10:27 | |||
Kan iemand trouwens ff een screenshot onder IE7/8 produceren? Heb er nu zelf geen mogelijkheid toe en ben wel benieuwd | ||||
Dhr.Donder | dinsdag 6 oktober 2009 @ 10:44 | |||
quote:is browsershots.org down dan? | ||||
n8n | dinsdag 6 oktober 2009 @ 10:51 | |||
quote:Kan op mijn eigen computer niet van internet gebruik maken en op deze geen website hosten, mede omdat de ftp-poort geblokkerd is | ||||
Roy_T | dinsdag 6 oktober 2009 @ 11:12 | |||
quote:Jij stelt een vraag, ik geef antwoord. Validatie is gewoon overrated; ik kan een site bouwen met tabellen waar Google e.d. niets mee kunnen en die prima valideert. Maar dat is nog geen reden om het te doen. Semantiek is zoveel meer belangrijker dan validatie, etc. Als je dat niet wilt snappen, prima. Dan hoef ik verder niet uit te leggen waar HTML voor is (betekenis geven aan data, niet de weergave ervan op een grafische manier). | ||||
Dhr.Donder | dinsdag 6 oktober 2009 @ 11:41 | |||
quote:...En dan toch doen heh.. | ||||
woopehh | dinsdag 6 oktober 2009 @ 13:37 | |||
quote:Haha ja het was dus wél de bedoeling dat het in ie6 zou werken | ||||
Dhr.Donder | dinsdag 6 oktober 2009 @ 13:43 | |||
quote:Dan ook een tip voor jou: maak je site zo dattie perfect werkt in standard-compliant browsers en IE7 en IE8, en zorg dat'ie in IE6 opzich wel bruikbaar, maar heb schijt aan glitches en layout-imperfecties. | ||||
Banzaiaap | woensdag 7 oktober 2009 @ 21:56 | |||
Verdorie, dacht dat ik wel wat wist van CSS maar het schiet hier nu een beetje te kort. http://youtubehd.banzaidesign.nl De box rechtsonderin, met de "Want to Share?" header erboven, zit naar beneden verschoven. Why? Niet in IE getest, dus gewoon lekker in Firefox of Safari openen. | ||||
Swetsenegger | woensdag 7 oktober 2009 @ 22:29 | |||
quote:Retorische vragen ontgaan je blijkbaar. quote:Dat was dan ook geen punt van mij quote:Wijs me even aan waar ik precies zeg dat semantiek uberhaupt NIET belangrijk is? Ik zeg dat semantiek a. voor interpretatie vatbaar is b. je door kan slaan in je semantische dwangneurose. quote:En als jij niet wil snappen dat het gewoon voor kan komen dat je 5 linkjes achter elkaar zet omdat je... 5 linkjes nodig hebt zonder dat je daar een lijst omheen gaat bouwen INCLUSIEF css omdat ik anders simpelweg 5 linkjes onder elkaar krijgt in plaats van naast elkaar zoals het bedoeld was hoef ik je niet uit te leggen dat er zoiets bestaat als rendement. | ||||
Dhr.Donder | donderdag 8 oktober 2009 @ 02:32 | |||
quote:Omdat #sidebar ul in de weg staat. Had je deze nog niet? | ||||
Banzaiaap | donderdag 8 oktober 2009 @ 10:09 | |||
quote:Okee even kijken, die heb ik wel hoor, maar zelfs daarmee kon ik het niet vinden.. | ||||
Banzaiaap | maandag 12 oktober 2009 @ 17:38 | |||
Hmm, waarom krijgt de OL in de comments div geen hoogte door de content die er in zit? http://youtubehd.banzaidesign.nl/gymkhana-awesome/ Hij collapsed nu gewoon die hele div.. | ||||
Roy_T | maandag 12 oktober 2009 @ 17:43 | |||
Zonder te kijken: je zal de li's vast floaten | ||||
Dhr.Donder | maandag 12 oktober 2009 @ 17:50 | |||
quote:Omdat je alle elementen uit de natuurlijke float haalt. element met clear:both eronder knallen, of de parent overflow:hidden geven, heeft als side-effect het zelfde resultaat. | ||||
Banzaiaap | maandag 12 oktober 2009 @ 21:26 | |||
Gelukt!! Nu nog die crossbrowser rommel opruimen. Ik durf em niet eens in Internet Explorer te openen. | ||||
Banzaiaap | dinsdag 13 oktober 2009 @ 10:31 | |||
Ik klop hier nog maar een keer aan. Laatste keer, hopelijk. Als je op de pagina van een video kijkt, zijn alle div's niet opgevuld in de achtergrond. Dit gebeurt sowieso in IE 7. http://www.youtubehd.nl/2009/10/8-bit-trip/ | ||||
LeeHarveyOswald | dinsdag 13 oktober 2009 @ 12:06 | |||
Weet iemand waarom met onderstaande code, mijn <div id='top'> niet gewoon blijft zweven bovenin?
mijn "top" div scrolled nu gewoon mee, en dat is niet de bedoeling :P Op mijn blackberry gaat dit wel goed, onder Chrome wisselend, en in IE8 doet hij het niet .. De website is voor mobiele layout, dus enkel IE die niet mee werkt is geen ramp. Ah, en de zwevende balk "trilt" bij het scrollen op mn blackberry, is dat te verhelpen? :) Alvast dank! | ||||
Dhr.Donder | dinsdag 13 oktober 2009 @ 12:18 | |||
quote:Dat kun je verhelpen door: - Een andere browser te proberen. - Een snellere telefoon te kopen. | ||||
LeeHarveyOswald | dinsdag 13 oktober 2009 @ 12:23 | |||
quote:Andere websites doen het wel goed... quote:Zakelijke telefoon. En ik geloof niet dat er veel telefoons zijn die sneller zijn dan de BB bold 9000 ... | ||||
Dhr.Donder | dinsdag 13 oktober 2009 @ 12:28 | |||
quote:Dan trek die websites eens open en kijk wat ze anders doen. En zorg dat je nette code hebt. Tags afsluiten, niet onnodig veel stijl-elementen toevoegen, zo min mogelijk plaatjes, enz. | ||||
Banzaiaap | dinsdag 13 oktober 2009 @ 12:35 | |||
quote:Iemand? Zit echt vast.. | ||||
LeeHarveyOswald | dinsdag 13 oktober 2009 @ 12:40 | |||
quote:Ik heb nu enkel bovenstaande CSS, <div id = 'top'> <p>blaat </p></div> en <div id ='content'> <p>lorem ipsum verhaal </p></div>, dat zou toch nog te doen moeten zijn | ||||
Banzaiaap | dinsdag 13 oktober 2009 @ 13:11 | |||
Staat het ergens online? Dan kunnen we even kijken. | ||||
LeeHarveyOswald | dinsdag 13 oktober 2009 @ 13:56 | |||
http://vanwisse.nl/train | ||||
Banzaiaap | dinsdag 13 oktober 2009 @ 14:21 | |||
quote:Sowieso je margins en padding resetten. En verder blijft ie in Chrome mooi bovenaan plakken. Wrapper erom met een breedte van 480px. (Dat is geloof ik de breedte van de iPhone.) | ||||
LeeHarveyOswald | dinsdag 13 oktober 2009 @ 14:23 | |||
quote:Hij moet het op alle mobiele platformen mooi gaan doen | ||||
Dhr.Donder | dinsdag 13 oktober 2009 @ 14:31 | |||
quote:...zodat je ze later allemaal weer toe kan voegen Sorry 'k blijf tegenstander van datsoort resets. Margins gewoon aangeven waar je ze nodig hebt en verder niet. | ||||
Banzaiaap | dinsdag 13 oktober 2009 @ 16:19 | |||
quote:Ja dat zeg ik toch ook. Maar om dat te kunnen doen, moet je ze eerst wel allemaal even resetten. Die standaard margins zijn in elke browser anders en geven je later alleen maar meer problemen. | ||||
Roy_T | dinsdag 13 oktober 2009 @ 17:39 | |||
quote:En vervolgens ga je ze dus alsnog allemaal aanpassen Je wilt immers nergens gokken op de rendering van een willekeurige browser. | ||||
Dhr.Donder | dinsdag 13 oktober 2009 @ 18:11 | |||
quote:In 99% van de gevallen wil ik juist GRAAG gokken op de rendering van een willekeurige browser. Stel, ik doe een CSS reset, alle margins en paddings naar 0. Vervolgens komt iemand anders op het idee ergens op een pagina een unordered list te gebruiken. Hangt'ie gelijk bij mij aan de lijn want dan ziet het er niet uit. Als ik nou geen wilde reset had gedaan, maar gewoon alleen dat menutje wat ook een unordered-list gebruikt gestijld had, was er niets aan het handje geweest. Die standaard stijlen zitten er niets voor niets in. Waar je het anders wilt veranderen, maar waar je (nog) niets mee doet, gewoon laten staan. | ||||
Roy_T | dinsdag 13 oktober 2009 @ 19:08 | |||
Ben het nog steeds niet met je eens, maar dat mag De meningen zijn er overal over verdeeld, al is het redelijk gangbaar om te resetten tegenwoordig. | ||||
Light | dinsdag 13 oktober 2009 @ 19:35 | |||
quote:Ik heb ondertussen redelijk wat sites in elkaar gezet, en 'k heb nog nooit zo'n css reset gebruikt. Als er een element is waar de standaardstyles niet goed zijn, pas ik gewoon die betreffende styles aan. Sowieso ontgaat mij het nut van eerst alles op 0 zetten en er daarna een andere waarde aan toekennen. Wat ik tegenwoordig wel vaak doe, is het aanpassen van de line-height, omdat sommige browsers de tekst anders wel heel dicht op elkaar zetten. | ||||
Roy_T | dinsdag 13 oktober 2009 @ 20:06 | |||
Ik heb er ook aardig wat in elkaar gezet, en ik doe het wel. Dus echt een graadmeter is het niet Dat partijen als Yahoo! (die heel veel geld besteden aan onderzoek naar front-end technieken) en bijvoorbeeld een Eric Meyer dat wel doen is dat misschien wel. Maar goed, het blijft een persoonlijke voorkeur. Voor mij is het voordeel dat je het nergens vergeet omdat het toevallig goed uit komt. Een andere browser doet dat dan net niet, en dat wil ik niet. | ||||
Dhr.Donder | dinsdag 13 oktober 2009 @ 22:57 | |||
om niet in een eindeloze discussie te verzanden maar weer even ontopic quote:Waarschijnlijk ook even overflow:hidden gebruiken? | ||||
Banzaiaap | dinsdag 13 oktober 2009 @ 23:41 | |||
quote:Voor al die divs? | ||||
Intrepidity | woensdag 14 oktober 2009 @ 12:24 | |||
Hehehe, de nieuwe website van de W3C valideert niet met hun eigen CSS validator http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http%3A%2F%2Fwww.w3.org%2F | ||||
Dhr.Donder | woensdag 14 oktober 2009 @ 12:55 | |||
quote:Dr is maar één manier om er achter te komen! | ||||
Banzaiaap | woensdag 14 oktober 2009 @ 14:13 | |||
quote:Werkt niet. | ||||
woopehh | donderdag 15 oktober 2009 @ 16:08 | |||
quote:
Als ik daar de url absoluut maak werkt het bij mij wel, misschien wordt het plaatje gewoon niet gevonden? | ||||
Mirel | donderdag 15 oktober 2009 @ 23:11 | |||
Ik heb een enorm simpele vraag, maar zoiets heb ik nu ik zo nadenk nooit geprobeerd, dusja Op http://www.mirelmasic.nl/minus heb ik nu nog slechts een header staan. In de header wil ik een minus in het midden hebben als menubalk. (google maar naar minus logo) Nou weet ik wel hoe ik die in het midden krijg op de X as, maar niet op de Y. Hoe krijg je dat handig voor elkaar?
*ik weet dat ik de header in principe kan opmaken met 'border 10px blabla', maar op die manier komt de rand naar buiten, en dat wil ik niet. ookal kan ik de breedte 780px maken ipv 800, ik heb het liever netjes. Als er een manier is om binnen een element de border te maken ipv d'r buiten, dan hoor ik het graag | ||||
woopehh | vrijdag 16 oktober 2009 @ 09:20 | |||
Als de hoogte en breedte van de header altijd vast zijn kan je de margins van .menu gewoon op vaste waarden instellen toch? | ||||
Dhr.Donder | vrijdag 16 oktober 2009 @ 10:20 | |||
quote:In dat geval zul je het antwoord niet graag horen. http://www.w3.org/TR/CSS2/box.html quote:Waarom zou dat anders niet kunnen dan? | ||||
invine | vrijdag 16 oktober 2009 @ 10:45 | |||
Ik weet niet of het in dit topic moet maar ik neem aan van wel. Ik ben momenteel bezig met mijn portfolio aan te passen en aangezien ik het dan gelijk goed wil doen wil het w3c correct maken. Maar nu heb ik links die niet in dezelfde pagina moeten openen, ze moeten dus een nieuw tabblad openen. Zover ik weet doe je dit normaal met:
Nu zegt de validatie dat dit fout is, ik mag geen target="_blank" gebruiken. Dus nu haal ik dit weg en ga ik kijken hoe het dan wel zou moeten op google, en dan zegt w3schools toch dat het met _blank moet, terwijl dit niet correct is. Het gaat trouwens om: http://www.2nd-studio.net/tes/t (alleen de index ben ik aan het optimaliseren, de rest komt later wel ) Het gaat om de links rechtsonderin, die naar facebook en hyves gaan. | ||||
woopehh | vrijdag 16 oktober 2009 @ 11:32 | |||
quote:Ik bedoelde vast in een aantal pixels, beetje slecht verwoord | ||||
woopehh | vrijdag 16 oktober 2009 @ 11:35 | |||
quote:Target is deprecated in xhtml, er is geen "juiste" manier meer om dit in html te doen (behalve als je je eigen dtd gaat maken). Kan dus wel met javascript, maar dan werkt het natuurlijk alleen als javascript aanstaat | ||||
Skonk | vrijdag 16 oktober 2009 @ 11:45 | |||
Ik heb ff een klein vraagje: Ik had een website gemaakt, maar ik had alles absolute gepositioneerd. Nu heb ik er een relative DIVje omheen gezet, en ben alles goed aan het positioneren, alleen stuit ik op 1 probleempje. Er zitten ook wat buttons in de HTML, maar die krijg ik niet goed gepositioneerd. Als ik namelijk nu control ingedrukt houd en ga scrollen, gaan alle andere elementen gewoon goed mee, maar de buttons veranderen steeds van positie. Hoe los ik dit op? | ||||
invine | vrijdag 16 oktober 2009 @ 11:51 | |||
quote:Ja zover was ik ook al, maar ik wil geen javascript in mijn site dus dan houd ik het maar op target, ik snap ook niet waarom dat niet netjes zo zijn.. Want op w3schools geven ze aan dat het gewoon met target moet. | ||||
woopehh | vrijdag 16 oktober 2009 @ 11:52 | |||
quote:Omdat mensen liever zelf bepalen wanneer ze een link in een nieuw venster/nieuwe tab openen | ||||
woopehh | vrijdag 16 oktober 2009 @ 11:53 | |||
quote:Heb je ergens een voorbeeld online staan? | ||||
Skonk | vrijdag 16 oktober 2009 @ 12:06 | |||
quote:Ik kan het wel even online zetten, hoewel het natuurlijk nog niet goed eruit ziet [edit]Ik heb het hier even opgezet: http://burrrr.webs.com/School/index.html [ Bericht 13% gewijzigd door Skonk op 16-10-2009 12:12:31 ] | ||||
woopehh | vrijdag 16 oktober 2009 @ 12:07 | |||
quote:Wat makkelijker te zien dan als er iets fout zit ofzo | ||||
invine | vrijdag 16 oktober 2009 @ 13:39 | |||
quote:Nou ik heb liever een link die linkt naar een andere website dat die opent in een nieuwe pagina. Als de link te maken heeft met de website die je bezoekt dan vind ik het wel logisch dat je wil dat die het opent in dezelfde pagina. | ||||
woopehh | vrijdag 16 oktober 2009 @ 13:48 | |||
quote:En wat is precies het probleem? Gebeurt niet echt veel aparts hier.. Waarom alles absoluut gepositioneerd trouwens? | ||||
woopehh | vrijdag 16 oktober 2009 @ 13:49 | |||
quote:Ik vind het ook logisch, maar heb er toch liever zelf controle over | ||||
invine | vrijdag 16 oktober 2009 @ 14:47 | |||
quote:Ik vind het irritant als je een pagina hebt die dan opent in hetzelfde scherm en dan klik je dat weg en ben je ook nog is die andere pagina kwijt.. Dat is pas irritant | ||||
Mirel | vrijdag 16 oktober 2009 @ 15:59 | |||
quote:margin-top deed niets. Maar ik heb in dit geval top en left gebruikt, met een absolute. | ||||
GripOpDeZaak | dinsdag 20 oktober 2009 @ 10:40 | |||
quote:Er is nog een optie waar niemand rekening mee schijnt te houden: Schijt hebben aan de W3C-validator. Mits bewust toegepast een hele goede optie. | ||||
Mirel | donderdag 22 oktober 2009 @ 21:13 | |||
Is het mogelijk om met alleen de body tag een balkje te maken die gecentreerd is en oneindig doorloopt naar beneden? Ik krijg hem met repeat-y wel naar beneden, maar de body lijkt me niet gecentered te kunnen worden. Of is het zo dat je een afbeelding binnen een tag wel kan centeren? Als ik het in een div stop, dan krijg ik die niet ingesteld dat die helemaal doorloopt naar beneden, dat lukt me alleen als ik er maar genoeg tekst in flikker. http://www.mirelmasic.nl/test/ de linkerkleur is het balkje, de rechterkleur de algemene background color. In principe wat deze site heeft maar dan zonder de tekst: http://www.bankassociates.de/ Want de site die ik maak heeft niet veel tekst om een div zo naar beneden te trekken. | ||||
Light | donderdag 22 oktober 2009 @ 21:27 | |||
quote:Als je 1 kleur gebruikt, hoef je geen plaatjes te gebruiken. En om een balk over de volledige hoogte te krijgen, kun je die balk in een containerdiv zetten. Dan zet je in je css html en body op een min-height: 100% en de containerdiv krijgt een height van 100% (en een ingestelde breedte uiteraard). Margin en padding voor die dingen moet je op nul zetten. | ||||
Mirel | donderdag 22 oktober 2009 @ 23:15 | |||
Ik had gedaan wat je zei, en dat werkte niet. Op een andere site las ik dat height: 100% alleen werkt als de parent items dat ook hebben. In dit geval had jij gezegd dat die min-height zouden moeten zijn, en de container height. Ik heb ze allemaal height gemaakt, en het werkt, alleen loopt ie nu wel ineens net zo lang door dat ik iets moet scrollen, en dat komt omdat ik een margin-top heb ingesteld bij m'n header. Da's het gekke. Site waar ik het over had: http://www.webmasterworld.com/forum83/200.htm [ Bericht 15% gewijzigd door Mirel op 22-10-2009 23:31:25 ] | ||||
Light | donderdag 22 oktober 2009 @ 23:45 | |||
Hmm.. vreemd... voor zover ik weet zou min-height gewoon moeten werken. Maar 'k heb het even getest en het lijkt niet te werken met een xhtml-doctype. Wel met een html-doctype. Dat had ik nog niet eerder gezien. En de scrollbalk kan ook nog komen door margin-top op het eerste element in de container. | ||||
woopehh | vrijdag 23 oktober 2009 @ 09:20 | |||
En als je de container een float:left meegeeft? (En alles op height: 100%) | ||||
Mirel | zondag 25 oktober 2009 @ 20:28 | |||
Ik had bij een andere site die ik deed een div met alleen ingestelde kleur en breedte, en als ik daar heel veel tekst in kreeg, ging hij gewoon uitrekken. Dat was bij http://www.mirelmasic.nl Nu heb ik iets op http://www.mirelmasic.nl/minus wat dus niet werkt zoals je ziet. Ik heb wel height: 100% een aantal keren gebruikt. main is het zwarte:
en de dingen waar ik dat height in moest zetten:
| ||||
invine | maandag 26 oktober 2009 @ 16:02 | |||
Zet er een overflow in? En die container, is dit de div waar de tekst instaat? want die zet zichzelf nu op 100% van de 100% van de body, wat jij wil is nu pak en beet 80%, maar als je dit invult word het niet echt mooier op. 100% height met divs is sowieso lastig! | ||||
Mirel | maandag 26 oktober 2009 @ 17:41 | |||
Even kijken. De div container bevat: .header .header heeft daarin .minus (menu) vervolgens . main (het zwarte) in .main zitten paragrafen. Als ik een overflow instel dan komt de tekst erin maar heb ik geen scrollbalk. En ik heb 100% staan in de dingen die je in mijn vorige post ziet. Het moet in al die dingen ingesteld worden, als er eentje mist dan werkt het niet. Als ik .main { verander naar .main div { dan doet ie het wel goed, maar de breedte is dan nog niet ingesteld en die loopt door tot de rand van de tekst. Als ik die instel, gaat het youtube schermpje naar beneden. Als dit niet gaan werken dan ga ik die 100% heights wegflikkeren edit: en gedaan, op de gouwe ouwe manier. Per pagina issie maar zo groot als de hoeveelheid tekst. ach ja. [ Bericht 17% gewijzigd door Mirel op 26-10-2009 21:21:56 ] | ||||
Mirel | maandag 26 oktober 2009 @ 23:13 | |||
Hey boys, nieuwe vraag. Ik wil graag een flash introtje hebben die komt wanneer ik de website naam invul. In principe moet hij dan naar index.html gaan, maar ik wil dus voordat die dat doet, dat hij een flashfilmpje afspeelt. Hoe kan je zoiets maken? Ik kom telkens uit op 'introductie HTML' pagina's als ik het woordje intro bij m'n keywords doe tijdens het googlen. Als ik zo moet gokken, komt er vast javascript bij kijken. (en flashintro's zijn lelijk ja, maar het is voor school en er moet ergens flash in, dusja. ) edit: heb dat ook al. Een .htaccess file. [ Bericht 11% gewijzigd door Mirel op 26-10-2009 23:28:31 ] | ||||
invine | dinsdag 27 oktober 2009 @ 15:23 | |||
Ik weet niet of lightbox dingen hier ook mogen? Probeer het toch, want ik wil dat hij een sildeshow maakt van een paar afbeeldingen (dat je met next & back kan scrollen) maar ik wil dat ik maar 1 thumbnail heb ipv 3 (bij 3 afbeeldingen dus). Het idee is dus als volgt, je hebt 1 thumbnail en daar klik je op en kan je doorgaan naar de volgende (waar dus geen thumb van zichtbaar is). | ||||
woopehh | dinsdag 27 oktober 2009 @ 16:23 | |||
Ik zeg niet dat het een hele mooie oplossing is, maar heeft bij mij ooit wel gewerkt :) Voor de images die er niet in staan doe je
Je laat dus gewoon de image weg. (wat je ook kan doen is ze wel allemaal neerzetten en dan verbergen met js, maar of dat nou beter is..) | ||||
invine | dinsdag 27 oktober 2009 @ 16:42 | |||
Ah ja, als het maar werkt dan ben ik blij | ||||
daReaper | dinsdag 27 oktober 2009 @ 16:55 | |||
http://www.stekloevropy.ru/josstelling.nl/html/index.html Kan iemand mij vertellen hoe ik er voor zorg dat de achtergrond ook in IE doorgetrokken wordt? Hij lijkt het voor gezien te houden, zodra hij de onderkant van het venster bereikt heeft. Daar onder valt de achtergrond weg. Werkt prima in FF. | ||||
woopehh | dinsdag 27 oktober 2009 @ 17:08 | |||
Helpt het als je dit:
toevoegt onder:
? | ||||
daReaper | dinsdag 27 oktober 2009 @ 17:11 | |||
quote:Nee, maakt geen verschil | ||||
woopehh | dinsdag 27 oktober 2009 @ 17:21 | |||
In welke versie van IE heb je het dan? (krijg het hier niet namelijk) | ||||
daReaper | dinsdag 27 oktober 2009 @ 17:22 | |||
quote:IE7 | ||||
woopehh | dinsdag 27 oktober 2009 @ 17:29 | |||
Als ik daar heenga staat er ook geen <br style="clear:both;" /> in? of heb je dat alweer weggehaald? | ||||
daReaper | dinsdag 27 oktober 2009 @ 17:30 | |||
quote: Lol, locaal aangepast en vervolgens remote gecheckt Blijkt dus wel degelijk prima te werken. Bedankt! | ||||
Skonk | woensdag 28 oktober 2009 @ 09:06 | |||
quote:Nou, die knoppen blijven bij mij verspringen als ik van resolutie verander. Maar hoe zou ik het volgens jou moeten positioneren dan? Wat ik begrijp is dat je een box relative moet positioneren, en daar naar toe alles absolute, of zit ik verkeerd? | ||||
Light | woensdag 28 oktober 2009 @ 09:13 | |||
quote:Als je absoluut wilt positioneren, doe je dat bij voorkeur in een box met position:relative. Dan zijn de randen van die box je uitgangspositie. Anders gelden de randen van het scherm/de pagina als uitgangspositie, en dan krijg je problemen als het scherm in de breedte wordt aangepast. | ||||
Skonk | woensdag 28 oktober 2009 @ 09:16 | |||
quote:Ok, dan heb ik het toch goed begrepen. Alles blijft ook goed staan in die box, behalve buttons, die blijven ongeveer goed staan, is daar iets aan te doen? | ||||
Skonk | woensdag 28 oktober 2009 @ 09:21 | |||
Ah, ik ben er volgens mij achter. Het zijn niet de buttons die van grootte veranderen, het is dit:
Ik denk dat het komt omdat size="85", dat is een getal en dus niet relatief. Zit ik er ver naast? Weet iemand hoe ik dit kan verbeteren? | ||||
invine | woensdag 28 oktober 2009 @ 10:10 | |||
quote:het werkt, alleen nu bugged die met mijn stylesheet switcher | ||||
woopehh | woensdag 28 oktober 2009 @ 10:19 | |||
quote:Heb je het ergens online staan? Wat makkelijker te zien dan misschien | ||||
woopehh | woensdag 28 oktober 2009 @ 10:22 | |||
quote:Met css de breedte van de inputs instellen | ||||
invine | woensdag 28 oktober 2009 @ 10:29 | |||
quote:ja hoor, www.2nd-studio.net/test/portfolio/page.php?id=2 | ||||
Skonk | woensdag 28 oktober 2009 @ 10:35 | |||
quote:Ik heb het ingesteld, maar ik heb nog steeds hetzelfde probleem: Kijk maar naar die balken, ze verschuiven de hele tijd. | ||||
woopehh | woensdag 28 oktober 2009 @ 10:38 | |||
quote:Had je dit eerst ook al? Het gaat namelijk ook niet goed als je die "lege" link weghaalt | ||||
woopehh | woensdag 28 oktober 2009 @ 10:41 | |||
quote:Als ik het bij je oude voorbeeld verander werkt het wel goed hier, staat het ergens online met de breedte ingesteld in de css? | ||||
woopehh | woensdag 28 oktober 2009 @ 10:41 | |||
oeps dubbel | ||||
Skonk | woensdag 28 oktober 2009 @ 10:54 | |||
quote:Ik heb hem opnieuw geupload: http://burrrr.webs.com/School/index.html | ||||
woopehh | woensdag 28 oktober 2009 @ 11:00 | |||
quote:Stel de width nu is in op de input zelf, niet op de div die je eromheen hebt gezet | ||||
Skonk | woensdag 28 oktober 2009 @ 11:22 | |||
quote:Ik heb het nu zo:
En heb het bij de CSS weggehaalt, maar ik zie niet echt een verschil (behalve dan dat de border precies om de input zit). :? | ||||
woopehh | woensdag 28 oktober 2009 @ 11:24 | |||
In de css, dus iets van
| ||||
invine | woensdag 28 oktober 2009 @ 11:36 | |||
quote:Nee dit kwam pas toen ik die stylesheet switcher erin zetten.. | ||||
Skonk | woensdag 28 oktober 2009 @ 11:43 | |||
quote:perfect! Dat zijn dus die dingen waardoor ik nog een noob ben. | ||||
woopehh | woensdag 28 oktober 2009 @ 12:02 | |||
quote:Als je die weghaalt werkt het wel weer normaal? Hier niet namelijk Edit: Ehh je hebt nergens lightbox styling? Dan gaat het niet werken denk ik | ||||
invine | woensdag 28 oktober 2009 @ 12:54 | |||
Oh dat is het probleem, die heb ik natuurlijk perongeluk vervangen door die andere 2 sheets stom! Dankje | ||||
Crientj | donderdag 29 oktober 2009 @ 09:44 | |||
Ik voel me echt een enorme noob. want ik krijg een onderdeel van een layout niet naar links gepositioneerd. De enige manier waarop ik die zijbalk naar links krijg is met position: absolute;, maar dan valt hij over een dropdownmenu heen. Zonder die absolute komt ie in het midden te staan & valt het menu er netjes overheen. Kortom; hoe krijg ik die balk naar links toe?
| ||||
invine | donderdag 29 oktober 2009 @ 10:13 | |||
Gebruik een z-index? Geef je de zijbalk z-index: 1; en je dropdown menu z-index: 2; | ||||
Crientj | donderdag 29 oktober 2009 @ 10:44 | |||
quote:Balk heeft 4, menu heeft 5 en nog valt die zijbalk over het menu heen? Kwam er ook achter dat als de menuopties zijn uitgeklapt hij het wel doet op het stuk waar de balk niet staat. Maar het deel dat over de balk moet vallen kan ik niet aanklikken. | ||||
woopehh | donderdag 29 oktober 2009 @ 11:13 | |||
Heb je het ergens online staan? Het is me niet echt helemaal duidelijk | ||||
Crientj | donderdag 29 oktober 2009 @ 11:17 | |||
quote:http://www.alles-wat.nl/carina/RTVutrecht/index.html | ||||
woopehh | donderdag 29 oktober 2009 @ 11:55 | |||
Misschien eerst even html & css valideren en de fouten eruit halen? Zitten nogal wat rare dingen in | ||||
invine | donderdag 29 oktober 2009 @ 11:56 | |||
quote:Heb ik daaroverheen gekeken | ||||
daReaper | donderdag 29 oktober 2009 @ 14:10 | |||
Kan iemand mij vertellen waarom het middengedeelte helemaal naar beneden zakt in FireFox? http://www.stekloevropy.ru/bonnydoggy/html/index.html | ||||
Light | donderdag 29 oktober 2009 @ 14:14 | |||
quote:Waarschijnlijk omdat #main geen float:left heeft. | ||||
InTrePidIvity | donderdag 29 oktober 2009 @ 14:15 | |||
Ik heb een probleempje met mijn navigatiebar. Ik ben pas een week bezig met CSS, dus het zal vast vrij simpel zijn, maar ik krijg het niet voor elkaar om de hyperlinks voor m'n plaatje weg te halen. Ik heb vier van zulke plaatjes: verwerkt in een navigatiebalk, waarbij ze zouden moeten werken als te zien is in het volgende plaatje: Het hover-gedeelte werkt allemaal naar behoren (zoals bij Producten), maar ik krjig de hyperlinks niet weg. Ik gebruik de volgende CSS-code:
En de volgende HTML:
Waar gaat het hier fout? Ik heb een hidden-class gemaakt, maar als ik die toepas op <ul>, dan verdwijnt het plaatje daarmee ook... Zijn er ook nog semantische dingen die ik niet goed heb neergezet? | ||||
daReaper | donderdag 29 oktober 2009 @ 14:17 | |||
quote:ik heb het geprobeerd, maar maakt geen verschil | ||||
woopehh | donderdag 29 oktober 2009 @ 14:29 | |||
quote:Wat voor lettertype is het? Ziet er nogal bekend uit en dan kan je gewoon tekst links gebruiken.. Met de HTML is verder niks mis, div is misschien een beetje onzinnig | ||||
InTrePidIvity | donderdag 29 oktober 2009 @ 14:41 | |||
quote:Het font is Calibri en het zou inderdaad misschien ook als text-only kunnen, maar ik wil graag weten waarom het niet werkt Als ik in de toekomst weer iets met hover wil doen, dan moet het wel werken natuurlijk Ik kan in de HTML wel de tekst tussen <a> </a> weghalen, maar dan blijft er nog steeds een bullet staan... | ||||
invine | donderdag 29 oktober 2009 @ 14:41 | |||
quote:Je wil dus je afbeeldingen als link en daar geen tekst boven? Wat je kan proberen (ik weet niet of het juist is) is:
Dan moet je die div dezelfde grote meegeven als je plaatje, dan word die div een onzichtbare link als het waren. Verder zou ik in je UL nog een: list-style: none; invoegen, dat haalt je bullet weg | ||||
woopehh | donderdag 29 oktober 2009 @ 14:52 | |||
quote:Naar mijn mening de beste manier (omdat het ook voor mensen werkt die images uit hebben staan): http://wellstyled.com/css-replace-text-by-image.html | ||||
Light | donderdag 29 oktober 2009 @ 14:55 | |||
quote:Een <div> in een <a> is incorrecte (x)html. Een <span> mag wel En in css kun je dan iets doen als #menu-top li a span { display: none; } om te zorgen dat de tekst in de span niet wordt weergegeven. | ||||
InTrePidIvity | donderdag 29 oktober 2009 @ 15:11 | |||
Top, hier kan ik zeker wat mee Bedankt voor de tips | ||||
Roy_T | donderdag 29 oktober 2009 @ 15:21 | |||
quote:Die span weglaten (onnodig element) en "text-indent: -9999px" op de <a> zetten. Bijkomend voordeel is dat alternatieve user agents dit ook snappen (een screen reader bijvorbeeld negeert zaken die op "display: none" staan, onder het mom van "als je het niet wilt tonen, dan hoef ik het ook niet voor te lezen"). De "more compatible mode" is gewoon ranzige HTML, en om dat nou te doen voor de mensen die CSS wel aan hebben maar plaatjes uit... dan heb je het echt over < 0,1% van de gebruikers. | ||||
Likkende_Lassie | dinsdag 3 november 2009 @ 09:50 | |||
Ik wil het volgende in css: welkomBIJmij het woord welkom moet dan blauw zijn, het woord BIJ rood, en mij weer blauw. Is hier een css oplossing voor? Dus door te werken met 1 class? | ||||
woopehh | dinsdag 3 november 2009 @ 10:31 | |||
Nee | ||||
InTrePidIvity | dinsdag 3 november 2009 @ 10:53 | |||
Hoe kan ik er voor zorgen dat een footer in principe altijd op dezelfde plaats staat, tenzij de content erboven zo lang is dat het de footer naar beneden duwt? | ||||
Light | dinsdag 3 november 2009 @ 11:35 | |||
Door het stuk boven de footer een min-height te geven. | ||||
Likkende_Lassie | dinsdag 3 november 2009 @ 11:39 | |||
quote:Ok, is dus niet mogelijk, maar een <p> tag in een andere <p> tag begint op een nieuwe regel, hoe dat op te lossen? | ||||
Roy_T | dinsdag 3 november 2009 @ 11:43 | |||
Waarom zou je een <p> binnen een <p> willen gebruiken (hint: dat wil je niet; een paragraaf heeft geen subparagrafen )? | ||||
invine | dinsdag 3 november 2009 @ 11:55 | |||
dan kan je beter een <p> in een <div> of <span> zetten.. | ||||
woopehh | dinsdag 3 november 2009 @ 11:59 | |||
quote:Een <p> mag niet in een span Maar.. hoe wil je het hiermee gaan bereiken dan? | ||||
snkr-xxx | dinsdag 3 november 2009 @ 22:05 | |||
quote:html: <p>welkom<span class="red">BIJ</span>mij</p> css : p { color: #......; } span.red { color:#......; } | ||||
Light | dinsdag 3 november 2009 @ 22:12 | |||
quote:Je kunt beter een algemene naam gebruiken voor classes en id's. Dan is het ook nog logisch als je toch eens besluit die span niet rood maar groen te maken. | ||||
n8n | dinsdag 3 november 2009 @ 22:16 | |||
Ik zou zelf eerder voor <p class="welcome">welkom <span>bij</span> mij</p> kiezen en dan p.welcome { color: blue; } p.welcome span { color: red; } in je css, als aanvulling op wat Light zegt. | ||||
snkr-xxx | dinsdag 3 november 2009 @ 22:16 | |||
dat kan, maar als ik voor een algemene teksthighlighter zou willen gaan zou ik eerder naar een em grijpen | ||||
n8n | dinsdag 3 november 2009 @ 22:22 | |||
quote:Kan ook prima maar dat is niet direct op te maken uit de originele vraag, vandaar de keuze voor het wat neutralere span | ||||
Roy_T | woensdag 4 november 2009 @ 08:42 | |||
quote:Dan nog is een kleurnaam als naam voor een class gebruiken niet echt semantisch correct | ||||
invine | woensdag 4 november 2009 @ 09:38 | |||
quote:Maar een em moet je dan weer recht zetten, want die staat uit zichzelf cursief ? | ||||
Roy_T | woensdag 4 november 2009 @ 09:59 | |||
quote:Dat is op zich geen probleem. Als je de <em> om een element zet wat je wilt benadrukken ("emphasis"), dan gebruik je het element correct. Dat de meeste browsers dit standeerd cursief weergeven wil niet zeggen dat je er geen nadruk op zou mogen leggen door het niet cursief maar in een andere kleur weer te geven. | ||||
invine | woensdag 4 november 2009 @ 10:41 | |||
quote:Ok, wist ik niet. Het is sowieso mooier dan een span. | ||||
woopehh | woensdag 4 november 2009 @ 10:55 | |||
Mooier dan een span? Waarom zou je hier nadruk leggen op het woord bij? | ||||
Fipotje | woensdag 4 november 2009 @ 15:22 | |||
Ja dit is een soort van script request (normaal zou ik dat nooit doen zonder zelf iets te proberen) maar in dit geval kan ik niet anders. ik probeer dit idee te krijgen: Dus bij mouseover komt het item in aan de linker kant. van http://www.feyenoord.nl/p(...)000002/homepage.aspx hier is het in flash maar ik weet dat het ook in css kan. Ik heb dit gevonden, maar krijg dit niet correct aangepast dus "menu" rechts etc. http://www.cssplay.co.uk/menus/page_menu2 Wie zou mij kunnen helpen ? | ||||
woopehh | woensdag 4 november 2009 @ 15:29 | |||
Wat heb je nu dan? En wat werkt er niet? | ||||
Fipotje | woensdag 4 november 2009 @ 15:31 | |||
Ik heb http://www.cssplay.co.uk/menus/page_menu2 en dat krijg ik niet zoals die op feyenoord.nl staat. lijk wle een noob de laatste tijd maar kan echt wel cssen hoor | ||||
woopehh | woensdag 4 november 2009 @ 15:33 | |||
Ja hoe heb je dat toegepast? En wat krijg je niet zoals op feyenoord.nl? Beetje onduidelijk wat het probleem is | ||||
Fipotje | woensdag 4 november 2009 @ 15:40 | |||
Naja laat ik het zo zeggen. Ik heb op het moment niks en ik zoek zoiets als op feyenoord.nl (dat plaatje wat ik heb gepost) Links tekst en rechts kopjes. Ga je met je muis rechts over een kopje komt er links de tekst te voorschijn. Op het plaatje staat de muis op het middelste kopje. | ||||
Skonk | donderdag 5 november 2009 @ 15:05 | |||
Ik ben bezig met een kleine site, maar ik zou graag willen dat de tekst "getypt" word. Zeg maar zoals in de Matrix, dat je achter zo'n scherm zit en er staat zo "Hello Neo" (:') weet niet hoe ik het anders moet uitleggen). Ik heb dit al opgezocht, maar ik kon alleen ellelange javascripts vinden, waar ik niks wijzer uit werd. Zou iemand mij kunnen helpen? dit is mijn code:
| ||||
woopehh | donderdag 5 november 2009 @ 16:18 | |||
Denk dat als je even zoekt op settimeout en substring je al een eind komt Niet echt css trouwens maar javascript :p | ||||
invine | donderdag 5 november 2009 @ 16:25 | |||
quote:Dat kan alleen met javascript of eventueel flash. | ||||
GuidooH | vrijdag 6 november 2009 @ 09:01 | |||
quote:Ah, <center> ? 1998 belde... | ||||
Skonk | vrijdag 6 november 2009 @ 09:22 | |||
quote:Ja, ik kan het wel beter, maar het is een hele suffe opdracht. . Maar iedereen bedankt in ieder geval. Ik had al wat scripts gevonden maar die snapte ik niet. | ||||
invine | woensdag 11 november 2009 @ 15:37 | |||
logopvv.PNG? wilders site aan het maken? | ||||
Skonk | donderdag 12 november 2009 @ 08:58 | |||
quote:Ja, het was voor een politieke opdracht. Geen zorgen, ik had ook het CDA en de CU. | ||||
whoops | woensdag 18 november 2009 @ 20:54 | |||
Ik heb de volgende code met daarbij het resultaat in de browser. Het idee is om een navigatiebalk te maken. Bij het gebruik van UL's loop ik echter tegen een probleem, ik zoek een manier om de LI's gelijkmatig over de hele breedtje te verdelen. Zoals je ziet werkt dit in een tabel prima, maar hou zou ik dit met UL/LI's voor elkaar kunnen krijgen?
| ||||
invine | woensdag 18 november 2009 @ 21:38 | |||
Je wilt het hetzelfde als die tables? Zorg dat je parent (van je ul, in jouw geval een div met het id container) een vaste grote heeft en dan kan je geloof ik gewoon 100% doen in je ul. en dan zou ik ook je padding & margins weghalen anders hou je die stukken tussen je knoppen. | ||||
Light | woensdag 18 november 2009 @ 22:23 | |||
De li kun je ook een vaste grootte opgeven. Met 7 items is 14% wel een aardige keuze, dan blijf je net beneden de 100% (en loop je ook niet zoveel risico op afrondingsproblemen). Eventueel kun je er een paar pixels margin tussen zetten. | ||||
Wielewagen | vrijdag 20 november 2009 @ 14:59 | |||
Heb er zelf geen ervaring mee maar probeer eens wat met display:table-cell http://www.w3schools.com/css/pr_class_display.asp Kan alleen wat problematisch zijn in IE6/7 misschien, dus goed testen voordat je de boel online gooit! | ||||
whoops | zaterdag 21 november 2009 @ 22:45 | |||
Thanks Ik heb er uiteindelijk voor gekozen om de ul op een vaste waarde te zetten (770px) te zetten, en alle li's een id te geven en voor al deze items een vaste breedte. Hij ziet er hierdoor exact hetzelfde uit als in het design | ||||
Semmm | woensdag 25 november 2009 @ 16:04 | |||
Ik krijg het gewoon niet voor elkaar om m'n site te centreren via de container. Wat moet ik in m'n css zetten zodat het lukt? | ||||
TwyLight | woensdag 25 november 2009 @ 16:06 | |||
quote:margin: auto; of margin-left: auto; margin-right: auto; | ||||
Semmm | woensdag 25 november 2009 @ 16:10 | |||
quote:Dat werkt dus niet er zit trouwens wel een object in, kan dat de boosdoener zijn? | ||||
invine | woensdag 25 november 2009 @ 16:11 | |||
nee, kijk je in IE of in FF? In IE moet je namelijk in je body dit zetten: text-align: center; dan moet je in je container (die gecentreerd moet staan) dit zetten: text-align: left; (dit zorgt ervoor dat de tekst in de container weer netjes links uitgelijnt is) | ||||
TwyLight | woensdag 25 november 2009 @ 16:12 | |||
Maak gewoon een nieuwe div, noem hem #wrapper en zet je hele code tussen <div id="wrapper"> </div> in je css zet je dan: #wrapper { margin-left: auto; margin-right: auto; } | ||||
Semmm | woensdag 25 november 2009 @ 16:18 | |||
quote: quote:Werkt allebei niet | ||||
TwyLight | woensdag 25 november 2009 @ 16:19 | |||
#wrapper { margin-left: auto !important; margin-right: auto !important; } ? ja ik kan ook moeilijk de fout zien als ik je code niet kan zien | ||||
Semmm | woensdag 25 november 2009 @ 16:26 | |||
quote: html:
CSS:
| ||||
invine | woensdag 25 november 2009 @ 16:33 | |||
doet hij het ook niet in FF? | ||||
Semmm | woensdag 25 november 2009 @ 16:34 | |||
quote:Nee, hij blijft gewoon helemaal links staan | ||||
TwyLight | woensdag 25 november 2009 @ 16:47 | |||
je moet natuurlijk wel een width opgeven voor je container | ||||
Semmm | woensdag 25 november 2009 @ 16:53 | |||
quote:o dat wist ik niet Dankje!! Maar heb nu nog een probleempje, ik heb een radio op m'n site maar firefox ziet ;m niet maar IE wel, hoe los ik dit op? | ||||
Wielewagen | donderdag 26 november 2009 @ 00:13 | |||
quote:Geen activeX gebruiken. Komop zeg 't is geen 2002 meer | ||||
TwyLight | donderdag 26 november 2009 @ 00:23 | |||
quote:je bedoelt 1998 | ||||
Semmm | donderdag 26 november 2009 @ 16:17 | |||
Ik heb die code van die radio gewoon ergens van internet geplukt, ik zou niet weten hoe ik dat zelf moet maken, maar hoe krijg ik 'm dan werkend in FF? (Ik moet deze site voor school maken, ik weet heel weinig van dit allemaal ) | ||||
invine | donderdag 26 november 2009 @ 16:43 | |||
Geen radio erin stoppen? | ||||
Semmm | donderdag 26 november 2009 @ 17:05 | |||
quote:jawel dat wil ik wel | ||||
invine | donderdag 26 november 2009 @ 17:36 | |||
waarom? het is tering irritant om muziek op je site te hebben | ||||
Semmm | donderdag 26 november 2009 @ 18:29 | |||
quote:ik vraag toch niet wat jij er van vind Ik wil gewoon muziek op m'n site met autoplay uit. | ||||
woopehh | donderdag 26 november 2009 @ 18:43 | |||
Wordt waarschijnlijk iets met Flash dan | ||||
Semmm | donderdag 26 november 2009 @ 18:50 | |||
Oke maar dit wat ik nu heb is niet met FF werkend te krijgen? | ||||
TwyLight | donderdag 26 november 2009 @ 18:53 | |||
quote:nee natuurlijk niet | ||||
Semmm | donderdag 26 november 2009 @ 18:55 | |||
Weet jij dan wel een code waarmee ik zo 538 op m'n site kan zetten? | ||||
TwyLight | donderdag 26 november 2009 @ 19:02 | |||
Gast je kan ook gewoon zelf ff zoeken op google ofzo, moet alles voorgekauwd worden? zal ik anders je schoolopdracht maken? | ||||
Semmm | donderdag 26 november 2009 @ 19:04 | |||
Heb op google gezocht maar kan tot op het moment weinig vinden, ik vind bijna alleen maa dingen over het "radio" knopje, dat vierkante blokje | ||||
freeke | vrijdag 27 november 2009 @ 12:01 | |||
Na een aantal uren klooien met CSS, kom ik er nog niet uit ik wil simpel voor de meest beschikbare browsers de header in het midden. Dit is mijn css: .body { margin:0; padding:0; font: arial Arial, Helvetica, sans-serif; text-align:center; } /* Header */ #header { posotion: absolute; width: 993px; height:167px; background:url(img/header_back.gif) repeat-x; } En hier vraag ik de css in html op: <body class="body"> <div id="header">test</div> </body> in Internet explorer 8 verschijnt hij mooi in het midden, maar in firefox niet. Iemand een idee?:) | ||||
InTrePidIvity | vrijdag 27 november 2009 @ 12:11 | |||
Ik zou 'position' doen, maar ik weet niet of het daar aan ligt | ||||
Wielewagen | vrijdag 27 november 2009 @ 12:14 | |||
quote:Ook niet, met position krijg je 'm nooit gecentreerd. Volgens mij heb ik het al 30000 keer gezegd in dit topic en met mij vele anderen, maar centreren doe je met {margin: 0 auto;} -edit- zie ik daar nou <body class='body'> ???? WTF! | ||||
freeke | vrijdag 27 november 2009 @ 12:35 | |||
Dankje, Ja ik probeer ook maar wat | ||||
freeke | vrijdag 27 november 2009 @ 15:42 | |||
oke dat is dus gelukt, maar nu het volgende: <div id="header"> </div> en ik wil een foto bovenop de header hebben zeg maar, als ik dit doe : <div id="header"> <div id="header_foto"></div> </div> gaat de hele zooi weer verschuiven Dit is header_foto css: .header_foto { margin: 0 auto; width:982px; height:144px; background:url(img/header.png) repeat-x; } Hoe op te lossen? Want ik wil nog meer dingen in de header kwijt zoals tekst. een div over een div plaatsen met dat je zelf de positie bepaald dat is mogelijk toch? Hoe precies? Alvast bedankt | ||||
invine | vrijdag 27 november 2009 @ 16:03 | |||
in je header zetten text-align:left; | ||||
Wielewagen | vrijdag 27 november 2009 @ 16:24 | |||
quote:1. Gebruik [code] tags voor je code 2. kom eens met een volledig voorbeeld, met die snipplets kunnen we niets. Liefst gewoon een linkje naar je werk. 3. watvoor doctype gebruik je 4. http://w3schools.com <<-- start reading. | ||||
invine | vrijdag 27 november 2009 @ 21:39 | |||
quote:Ik denk dat je hier al teveel van hem verwacht | ||||
freeke | zaterdag 28 november 2009 @ 10:55 | |||
Nee hoor, ben al druk bezig met lezen Hier het voorbeeldje: http://www.wirdumonline.nl/drie/ mij huidige website zit vol met tables, en daar wil ik vanaf stappen Zo wil ik hem uiteindelijk hebben: http://www.wirdumonline.nl/voorbeeld.jpg [ Bericht 19% gewijzigd door freeke op 28-11-2009 11:07:54 ] | ||||
Wielewagen | zaterdag 28 november 2009 @ 12:35 | |||
't was haast wel te raden ja. Begin eens met een doctype. En knal dat "text-align" uit je body. IE5.5 hoef je echt niet meer te ondersteunen. | ||||
invine | zaterdag 28 november 2009 @ 13:17 | |||
quote:IE6 werkt daar ook mee helaas :/ | ||||
Wielewagen | zaterdag 28 november 2009 @ 13:18 | |||
quote:Heb ik zelf inmiddels ook schijt aan. | ||||
invine | zaterdag 28 november 2009 @ 13:40 | |||
quote:Ja ach, die 2 regels in je css boeit me vrij weinig | ||||
Light | zaterdag 28 november 2009 @ 13:49 | |||
quote:In IE6 kun je een site prima centreren zonder text-align: center; te gebruiken. | ||||
invine | zaterdag 28 november 2009 @ 13:50 | |||
quote:Maar als het werkt? Zoals ik al zeg, die 2 regels tekst extra in je css zijn ook geen probleem lijkt me? En dan werkt het ook nog is voor 5.5 mocht er een ergens een ouderwets iemand op je website komen. | ||||
Wielewagen | zaterdag 28 november 2009 @ 14:12 | |||
quote:Ik had toevallig even windows aanstaan om een website te testen, en die was in IE6 gewoon keurig gecentreerd met margin:0 auto;. zag er nog steeds niet uit omdat er wat PNG's in zitten, misschien moet ik daar nog maar even zo'n hack voor inbouwen dan | ||||
freeke | zaterdag 28 november 2009 @ 18:38 | |||
quote:Bedankt voor je moeite Wielewagen! Ga nu verder prutsen | ||||
TwyLight | maandag 30 november 2009 @ 21:25 | |||
laat maar ik wete het al [ Bericht 26% gewijzigd door TwyLight op 30-11-2009 21:40:15 (domme fout!) ] | ||||
invine | donderdag 3 december 2009 @ 11:06 | |||
Ik heb nu een probleem. Ik heb mijn H2 aangepast met een achtergrond, het probleem wat ik nu heb is dat ik het moet floaten om de achtergrond te laten stoppen achter de laatste letter. Maar in FF doet die (natuurlijk FF wel) precies wat ik wil maar in IE niet. http://www.2nd-studio.net is de pagina waar het om gaat. Zonder float:left; gaat de achtergrond door tot het einde van div waar die instaat. Voor de duidelijk heid de html & css html:
css:
| ||||
invine | donderdag 3 december 2009 @ 15:01 | |||
Ik ben er al uit, heb er een div omheen gezet en die width 100% gegeven. | ||||
VanderMeulen | donderdag 3 december 2009 @ 17:21 | |||
a) Een div heeft automatisch width 100% b) Je moet die h2 niet floaten, maar inline maken. | ||||
invine | donderdag 3 december 2009 @ 18:47 | |||
hmm ja had ook gekund nu je het zegt. Maar dit werkt ook | ||||
GuidooH | vrijdag 4 december 2009 @ 01:46 | |||
@invine: Background fail. | ||||
Light | vrijdag 4 december 2009 @ 07:07 | |||
quote:Een blockelement met "width: auto;" hoort net zo breed te worden als noodzakelijk is voor de inhoud. | ||||
NoShitSherlock | zaterdag 5 december 2009 @ 15:51 | |||
Weet hier iemand hoe je PHP files opmaakt met css?? Ik heb namelijk een css file die nu niet werkt met de php file. Althans niet met de tabel die in een PHP code staat. De pagina die buiten de PHp code staat wordt wel correct opgemaakt door de CSS file. Weet iemand hoe je dit oplost??? | ||||
TwyLight | zaterdag 5 december 2009 @ 16:09 | |||
PHP is geen opmaaktaal, php genereert html en de html moet je een stijl meegeven via de css. Als je je code post, en je css kan ik zien wat er fout is. | ||||
Mirel | zaterdag 5 december 2009 @ 16:11 | |||
Zo min mogelijk tabels maken voor de php code, en proberen hetzelfde effect te bereiken met een aantal divs, met de nodige php code daar in. | ||||
Light | zaterdag 5 december 2009 @ 18:32 | |||
quote:Beter nog, code en opmaak van elkaar gescheiden houden. Dus eerst een blok php waarin je alles verzamelt wat je wilt laten zien, daarna (of in een ander bestand) pas de html. In de html kun je dan nog wel php gebruiken om te zorgen dat alles goed wordt weergegeven (lussen enzo). | ||||
Mirel | zaterdag 5 december 2009 @ 19:56 | |||
Ja dat bedoel ik eigenlijk ook | ||||
wobbel | zondag 6 december 2009 @ 20:23 | |||
Hoe zorg ik ervoor dat ik allemaal divs naast elkaar kan plaatsen, en die zich vervolgens aan je browserscher maanpassen? Dus bij een groot browservenster dat er zoveel mogelijk naast elkaar komen: Maar als je je browserscherm wat smaller hebt staan, dat het automatisch onder elkaar komt | ||||
TwyLight | zondag 6 december 2009 @ 20:49 | |||
float: left; | ||||
RenRen- | woensdag 9 december 2009 @ 13:19 | |||
Hullo, ik heb een vraag. Ik heb plaatjes als knoppen (Fout, fout, ik weet er alles van), en nou wil ik bij de rollover En bij de klik dat de afbeelding verandert. Nou kan ik daar geen goede code voor vinden in HTML, maar ik hoorde dat je dit ook met CSS kan bereiken. Weet iemand hier de codes voor? Voor HTML, als het werkt, vind ik het ook prima, als ik er maar een code voor heb. Ik hoop dat de uitleg duidelijk genoeg is | ||||
RenRen- | woensdag 9 december 2009 @ 13:21 | |||
Dit maakt het programma ervan, maar het ziet er heel slordig en onlogisch uit, en de klik-actie wordt er niet bij betrokken. | ||||
Semmm | woensdag 9 december 2009 @ 18:07 | |||
Wie weet een goede en simpele methode om een <select> <option> een andere border te geven? [ Bericht 5% gewijzigd door Semmm op 09-12-2009 18:14:24 ] | ||||
TwyLight | woensdag 9 december 2009 @ 18:43 | |||
select { border: 1px solid #333; } | ||||
VanderMeulen | woensdag 9 december 2009 @ 20:15 | |||
quote:Geen inline-afbeelding gebruiken, maar een achtergrondafbeelding. Die kun je wél met css veranderen. | ||||
RenRen- | woensdag 9 december 2009 @ 21:14 | |||
quote:http://www.irenka.dds.nl Dit heb ik gedaan, maar het duurt wel even voor de plaatjes geladen zijn. (Dankje nog ) Het is dan wel maar voor school, maar voor later moet dit anders (Een eigen portfolio ofzo ) Hij is inderdaad nog niet af, daar wordt nog aan gewerkt | ||||
TwyLight | woensdag 9 december 2009 @ 21:37 | |||
quote:Ja je kan beter een imagemap gebruiken dan worden alle afbeeldingen in één keer geladen | ||||
VanderMeulen | woensdag 9 december 2009 @ 21:46 | |||
quote:Ik hoop dat je een CSS sprite bedoelt. | ||||
TwyLight | woensdag 9 december 2009 @ 22:05 | |||
background: transparent url('../images/imagemap.png') no-repeat -50px -93px; | ||||
RenRen- | woensdag 9 december 2009 @ 22:05 | |||
quote:En wat is dat? Wat ik de volgende keer wel wil doen, zijn alle drie die afbeeldingen in één afbeelding zetten, en dan de imagelocation veranderen, of iets dergelijks. Ga ik tzt wel onderzoek naar doen | ||||
TwyLight | woensdag 9 december 2009 @ 22:06 | |||
quote:da's een imagemap ja, ik pm je een voorbeeld van mezelf | ||||
Light | woensdag 9 december 2009 @ 22:12 | |||
quote:Een meer gangbare naam voor zo'n ding is een sprite. | ||||
TwyLight | woensdag 9 december 2009 @ 22:13 | |||
[CSS] voor dummies #14quote:ik las het net ja, had er nog nooit van gehoord |