quote:Op zaterdag 7 januari 2012 22:46 schreef Neraice het volgende:
Ik heb een inspiratieblock: Ik ben bezig met een theme voor telefoons. Nou heb ik een sidebar gemaakt waar plaats is voor een menu, maar ik ben er nog niet uit wat ik erin wil. Ik wil namelijk niet zo'n standaard lijstje maar iets leuks doen met de opmaak. Iemand een idee?
Hier een link: http://dahndesigns.net/theme.png
Ik ben zelf benieuwd wat de beste manier is om deze opstelling te nemen. Een body met een achtergrond (in mijn geval een patroon), met bovenaan een menucontainer, en erin 2 elementen. Dat het menu links margin-left heeft is niet zo belangrijk. Het gaat om die scheiding tussen de 2 elementen, waarbij het 2e element tot over de hele breedte van de pagina moet gaanquote:Op zondag 8 januari 2012 00:07 schreef Mirel het volgende:
Voor telefoonbrowsers? En wat zijn de menu-items? Als het bijv. over aardbeien en sinaasappels gaat, dan kan je die als knoppen doen bijvoorbeeld
Dit hele probleem lijkt simpel op te lossen door percentages mee te geven aan de lengte.quote:Op zondag 8 januari 2012 02:36 schreef picodealion het volgende:
Hmm, ik ben bang dat je gelijk hebt. Zolang je zeker weet dat dat eerste item altijd even breed is is dat geen probleem. Het probleem is als die een variabele breedte heeft, daar zou toch een manier voor moeten zijn. Ik kom er alleen niet op.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | #left{ float:left; background-color: #000 //black (short code hex 3 ipv 6) width: 5%; //of hoeveel percentage height: 20px; } #right{ float: right; background-color: #000; //black (short code hex 3 ipv 6) margin-left: 10px; width: 95%; height: 20px; } |
Border-right werkt ook niet zonder het een kleur mee te geven en een type soort. Hierover meer op: http://www.w3schools.com/css/css_border.aspquote:Op zondag 8 januari 2012 11:31 schreef Mirel het volgende:
Ik heb een background patroon voor de gehele body, kan in dat geval niet. En dan weet ik niet wat ik met border-right nog meer moet doen. Kleurtje geven is uit den boze. http://jsfiddle.net/rBmYa/4/ Hij maakt 'em weer dichthttp://jsfiddle.net/rBmYa/9/ ook niet
1 2 3 4 5 6 7 8 | div { background: silver; } body { background: red; } #left { width: 200px; float: left; border-right: 1px #000 solid; } |
1 2 3 4 5 6 | <ol> <li> iets</li> <li> iets</li> <li> iets</li> <li> iets</li> </ol> |
Nu wil ik de opmaak van die getallen veranderen. Kan dat, of moet ik er dan een unordered list van maken en zelf de getallen toevoegen aan de list items?quote:1. iets
2. iets
3. iets
4. iets
Niet dat het een probleem maar ik heb dus dit: www.mirelmasic.nl Het gedoe bovenaan is net zo lang als de post eronder, en de rest van het menu is dan gescheiden en loopt door tot het einde.quote:Op zondag 8 januari 2012 20:16 schreef cablegunmaster het volgende:
[..]
Dit hele probleem lijkt simpel op te lossen door percentages mee te geven aan de lengte.
De vraag blijft altijd waarom je perse deze opbouw wilt hebben en dat de lengte aangepast wordt?
Hoezeer dit cruciaal is. Vaste lengte's geven meestal betere resultaten dan een variabele percentage.
Maarja mijn opbouw zou zijn
[ code verwijderd ]
Is een mogelijke oplossing. Mogelijke 2e oplossing is float: left geven aan beide Divs
2 divs neer te zetten en deze percentages width mee te geven.
[..]
Border-right werkt ook niet zonder het een kleur mee te geven en een type soort. Hierover meer op: http://www.w3schools.com/css/css_border.asp
Je kan meerdere argumenten combineren bij de border, kortom je wilde een 10px border die eigenlijk niet bestond want er was geen type en kleur meegegeven.
[ code verwijderd ]
Ja, dat snap ik. Maar ik bedoel: stel ik wil de getallen die ontstaan door list-style-decimal te gebruiken bijvoorbeeld groter maken, of een andere kleur, zonder verder de inhoud van het list item te stylen.quote:Op dinsdag 10 januari 2012 15:50 schreef Catch22- het volgende:
http://www.handleidinghtm(...)ype/voorbeelden.html
list-style:decimal?
Jawel hoor, kan prima.quote:Op dinsdag 10 januari 2012 15:57 schreef Tijn het volgende:
[..]
Ik denk niet dat het kan eerlijk gezegd.
1 2 3 4 5 6 7 8 | ol { counter-reset:li; } li:before { content:counter(li); counter-increment:li; } |
Wat moet in het midden? Alles?quote:Op dinsdag 10 januari 2012 18:11 schreef Neraice het volgende:
http://jsfiddle.net/codefuze/HYjEB/1/
Iemand een idee hoe ik dit in het midden krijg met een width van 320px? Het lukt me niet met een wrapper.
1 | width: 320px; margin: 0 auto; |
Baas!quote:Op dinsdag 10 januari 2012 17:45 schreef PimD het volgende:
[..]
Jawel hoor, kan prima.
[ code verwijderd ]
Meer info: http://www.456bereastreet(...)rdered_list_numbers/
Uiteraard pas vanaf IE8 ofzo. Maar voor IE7 is normale nummering of een Javascript-fallback natuurlijk zo gemaakt, mocht je dat nog willen supporten.
Ik heb het toevallig pas nodig gehad op m'n werk, anders had ik het zo 1-2-3 ook niet geweten en was ik ws. ook gegaan voor het stylen van de li en de tekst in de li in een <span> zetten en die een andere kleur etc. gevenquote:
Nee, dat heeft te maken met leesbaarheidquote:Op woensdag 11 januari 2012 12:57 schreef Catch22- het volgende:
960 breedte, hoogte niet vast.
Contentblokken maximaal 600 breed en liever niet meer dan 2-3 alinea's per pagina (contentblokken dus)
Neee, het gaat me om wat je ziet als je een website opent, dus de bovenste x pixels. Sommige mensen willen niet scrollen, daar moet ik rekening mee houden en moet ik ze dus door de bovenste pixels teasen en de onderste pixels nieuwsgierig maken... Denk ik.quote:Op woensdag 11 januari 2012 13:19 schreef KomtTijd... het volgende:
De hoogte stuur je dmv de hoeveelheid content op de pagina. Als het te lang wordt staat er gewoon te veel content op.
1 2 3 4 | RewriteEngine On RewriteCond %{REQUEST_FILENAME} -f [OR] RewriteCond %{REQUEST_FILENAME} -d RewriteRule . index.html [L] |
SPOILEROm 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."A goal without a plan is just a wish." - Antoine de Saint-Exupery
quote:Op woensdag 11 januari 2012 17:02 schreef Neraice het volgende:
Ik heb ff een eerste opzetje gemaakt voor een mobiele website, maar het is het toch nog net niet. Wat vinden jullie? Iemand tips?Je middelste vlakken zijn kleiner dan de boven en onder vlakken.SPOILEROm 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.
Wie is dat in je avatar eigenlijk?
Netbooks verkopen ook leuk en hebben een hoogte van 600 pixels... Evengoed is het wel handig om de belangrijkste dingen zo te plaatsen dat ze altijd eerst in beeld passen, in de eerste ca. 700 pixels.quote:Op woensdag 11 januari 2012 13:42 schreef KomtTijd... het volgende:
ahzo.
Ik denk dat je dan iets van 700 pixels aan moet houden, gezien de populariteit van laptopschermen van 768 pixels...
I dunno, had zoiets gevonden dus waarom niet uitproberen?quote:Op woensdag 11 januari 2012 15:49 schreef picodealion het volgende:
Deze regel ertussen:
RewriteCond %{REQUEST_FILENAME} !\.(css|jpg|jpeg|gif|png)$
Zelf evt. bestandsextensies toevoegen die je gebruikt.
-edit-
Maar waarom doe je dat alleen als het bestaande mappen en/of bestanden zijn? Want dat is waar -f en -d op checken..
600? denk niet dat die veel in omloop zijn, dan zou het iets van 800/960*800 moeten zijn, daar hou ik persoonlijk geen rekening mee.quote:Op donderdag 12 januari 2012 00:09 schreef Light het volgende:
[..]
Netbooks verkopen ook leuk en hebben een hoogte van 600 pixels... Evengoed is het wel handig om de belangrijkste dingen zo te plaatsen dat ze altijd eerst in beeld passen, in de eerste ca. 700 pixels.
Het lijkt me een beetje een overbodige regel om gewoon wat oude pagina's naar de voorpagina te redirecten.quote:Op donderdag 12 januari 2012 09:56 schreef Crientj het volgende:
[..]
I dunno, had zoiets gevonden dus waarom niet uitproberen?
1 | img { margin:0 10px 10px 0; } |
Sorry maar ben nog heel erg noob, ik wil dat het permanent goed staat, niet dat ik het elke keer moet aanpassen. Waar moet ik dit neerzetten?quote:
In je css bestand. Waarschijnlijk hee het iets als style.cssquote:Op donderdag 12 januari 2012 17:57 schreef Yuri_Boyka het volgende:
[..]
Sorry maar ben nog heel erg noob, ik wil dat het permanent goed staat, niet dat ik het elke keer moet aanpassen. Waar moet ik dit neerzetten?
Toch bedankt.
Die margin was zodat er ruimte tussen de tekst en het plaatje zit.quote:Op donderdag 12 januari 2012 18:17 schreef Mirel het volgende:
Door die margin die je net erin zet toch?Of bedoel je nu iets anders? Is dat trouwens een oefensite ofzo? Want het ziet er heeel chaotisch uit, beter zoek je iets anders.
ergens staat text-align:justifyquote:Op donderdag 12 januari 2012 18:06 schreef Yuri_Boyka het volgende:
Gelukt.
Edit: Hoe kan het eigenlijk dat die ruimte daartussen ontstaat?
http://gyazo.com/106485d6de5d00c75a2d7aee8e2f804b
Ik heb nog niet helemaal bereikt wat ik zoek.quote:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | html { background-image:url(../images/siteachtergrond.png); background-attachment:fixed; background-position:center center; } #wrapper { margin-left: auto; margin-right:auto; margin-top: 20px; height: 650px; width: 870px; background-color: none; } |
Fixed geeft toch aan dat de achtergrond blijft staan als je door een lange site naar beneden scrolled?quote:
"de site" is inderdaad de wrapper.quote:Op zondag 15 januari 2012 01:26 schreef KomtTijd... het volgende:
Met fixed positioneer je de achtergrond t.o.v. het browser window.
Ik neem aan dat jij met "de site" gewoon je wrapper bedoelt. Dan moet je 'm dus niet fixed zetten.
1 2 3 4 | <tr> <td>Vlootnummer</td> <td><input style="text" name="vlootnr" id="vlootnr" onchange="go_vlootnr(this.form)" /> </td> </tr> |
1 2 3 | <?php window.location.href = window.location.href + "#vlootnr=" + $("#vlootnr").val() ?> |
Dat zou natuurlijk ook kunnen. De situatie.quote:Op dinsdag 17 januari 2012 11:16 schreef Catch22- het volgende:
[ code verwijderd ]
Ofzo. Maar waarom zou je dit willen? Denk namelijk dat je ergens een denkfout maakt.
Dan zou ik er inderdaad een POST van maken, of alles via AJAX.quote:Op dinsdag 17 januari 2012 11:21 schreef Cue_ het volgende:
[..]
Dat zou natuurlijk ook kunnen. De situatie.
Op het formulier vult men een vlootnr in. Vervolgens moet er een hele geschiedenislog worden weergegeven van dat betreffende vlootnr. En er zit een knop 'nieuw' bij, om dat geschiedenislog aan te vullen met nieuwe gegevens.
Ik heb dus in dat form dat de knop 'nieuw' opent wel het vlootnr dat net is ingegeven nodig.
Nu kan ik twee dingen doen volgens mij. Of er een submit button van maken waardoor het in een POST meegaat. Of het gewoon een button laten en het in de url meegeven, zodat ik hem eruit kan halen met een GET actie.
Ik weet niet welke hierin netter is.. of dat er nog andere opties zijn.
Ik denk dat de vraag eerder is wat je in hemelsnaam gedaan hebt dat dat níét meer het geval is want dat is gewoon standaard gedrag. (als je geen position:fixed gebruikt dus)quote:Op zondag 15 januari 2012 14:57 schreef karton2 het volgende:
[..]
"de site" is inderdaad de wrapper.
Ik heb geen idee hoe het voor elkaar kan krijgen.
Heb zitten experimenteren zonder de fixed maar dat levert ook niks op. Heb een speciale div gemaakt voor de achtergrond afbeelding maar dat helpt ook niet. In html de image een class gegeven en die in css bewerkt; geen resultaat.
Laatste hoop oplossing die ik nu kan bedenken is het samenvoegen van het websiteontwerp en de websiteachtergrond in 1 afbeelding, wat een rommeloplossing lijkt te zijn.
Of er moet iemand zijn die kan uitleggen hoe ik ervoor kan zorgen dat de site (aka: #wrapper) altijd opdezelfde positie tov de achtergrond blijft staan.
Heb het probleem opgelost.quote:Op dinsdag 17 januari 2012 22:39 schreef KomtTijd... het volgende:
[..]
Ik denk dat de vraag eerder is wat je in hemelsnaam gedaan hebt dat dat níét meer het geval is want dat is gewoon standaard gedrag. (als je geen position:fixed gebruikt dus)
fixed in de viewport?quote:Op donderdag 19 januari 2012 04:02 schreef n8n het volgende:
Ben een tijdje met een lay-out bezig waar ik even geen oplossing voor weet te vinden. De bedoeling is dat de header en footer fixed zijn en het scrollen horizontaal gaat. Punt is dat de content 100% van de hoogte moet gebruiken minus de hoogte van de header en footer. Dit laatste is waar het mis gaat.
Illustratie van de gewenste situatie:
[ afbeelding ]
De content mag nooit hoger zijn dan de viewfinder. Hartelijk dank voor uw inzichten
Dan kan je het wel overwegen. Bij mijn sites zit het tussen de 20 a 30%quote:Op donderdag 19 januari 2012 11:25 schreef Catch22- het volgende:
netbooks kom op zeg. In stats zie ik bijna niets langskomen onder de 1024*768/1140*???
Wickedly cool inderdaad. En bloedirritant, niet te vergeten.quote:Op donderdag 19 januari 2012 11:30 schreef ursel het volgende:
[..]
Dan kan je het wel overwegen. Bij mijn sites zit het tussen de 20 a 30%
Wat betreft het probleem van n8n, misschien dat je hier nog wat aan hebt.
http://webdesign.tutsplus(...)nted-website-design/
Betekent niet dat je er dan helemaal geen rekening mee hoeft te houden. Een normale website zal altijd te bekijken zijn op een klein scherm ookal is hij ontworpen voor grotere schermen. Met fixed headers en footers loop je gewoon heel snel het risico dat mensen met een klein scherm je website helemaal niet kunnen gebruiken.quote:Op donderdag 19 januari 2012 11:25 schreef Catch22- het volgende:
netbooks kom op zeg. In stats zie ik bijna niets langskomen onder de 1024*768/1140*???
Bedankt, maar ik kom er zelf nog niet uit na een beetje googlen.quote:
1 | <iframe data-src="http://www.w3schools.com" style="visibility:hidden;"></iframe> |
Ow zo, dat is dus niet exact vast te stellen? Op elke browser zal dat er dus anders uit gaan zien? Ik dacht dat je wel iets kon doen als, de bovenste 100 pixels van website X niet laten zien en dus daaronder pas te beginnen in de iframe.quote:Op donderdag 19 januari 2012 12:55 schreef Catch22- het volgende:
dat wordt echt een bitch. IFrame's zijn heel schraal en crossbrowser erg lastig te implementeren. De exacte hoogte weet je ook niet, dat verschilt per browser.
Viewport, dat was ’m. Voorkauwen hoeft ook niet zie het wel als een uitdaging maar het tijdstip verraad wellicht dat het vrij pittig voor me was. Ga kijken wat ik met je tip kan doenquote:Op donderdag 19 januari 2012 09:17 schreef Catch22- het volgende:
[..]
fixed in de viewport?
En wat bedoel je met viewfinder? de viewport?
Je kan die content wrapper en die laten scrollen. Dit is wel een lastige case, hier moet je gewoon goed over nadenken en kijken hoe je het op kan lossen. Het is mij net even teveel werk om het voor te kauwen.
Dat is op zich te doen omdat het om afbeeldingen gaat, client heeft een vrij specifiek ontwerp in gedachte en is hier vrij secuur over. Dit is een van die gevallen waar het met een tabel zo opgelost zou zijn. Bij een netbook en mobiel scherm kan ik met media-queries een alternatief bieden onder een bepaalde hoogte.quote:Op donderdag 19 januari 2012 11:25 schreef KomtTijd... het volgende:
Je content moet dus horizontaal met de content meegroeien?
Dat is niet mogelijk met CSS, dat wordt javascripten. Maar ik denk dat je je nog eens achter de oren moet krabben of je dat echt wilt.
Bedenk ook eens hoe je layout er uitziet op een netbook met een viewport van 450px hoog ofzo.
Bedankt voor de link maar dit is niet echt een uitdaging of waar ik naar op zoek ben. Heb iets soortgelijks al een keer gedaan waar de artikelen een skyline moesten vormen over de horizon.quote:Op donderdag 19 januari 2012 11:30 schreef ursel het volgende:
[..]
Dan kan je het wel overwegen. Bij mijn sites zit het tussen de 20 a 30%
Wat betreft het probleem van n8n, misschien dat je hier nog wat aan hebt.
http://webdesign.tutsplus(...)nted-website-design/
Waarom is een lang verhaal, niet relevant!quote:Op donderdag 19 januari 2012 13:04 schreef Catch22- het volgende:
het kan wel, maar het is gepruts. Waarom zou je het mogelijk willen?
Dit is een beetje een vraag van het niveau "ik wil een huis bouwen, ik weet al hoe een deur werkt, hoe moet de rest?"quote:Op donderdag 19 januari 2012 12:54 schreef Apekoek het volgende:
[..]
Bedankt, maar ik kom er zelf nog niet uit na een beetje googlen.
Dit is een standaard iframe code:
[ code verwijderd ]
Welke code kan ik hier aan toevoegen zodat in dit geval de w3schools.com in een iframe beland maar dan zonder het logo en het menu bovenaan?
Kijk ik heb er helaas ook niet heel veel verstand van, werk voornamelijk en alleen met wordpress. Ik dacht dat iemand zoiets hier wel zou herkennen, helaas maar toch bedankt voor jullie meedenken! Echter als ik zoek op google krijg ik allemaal lange en vage codes te zien waar ik de ballen van snap. Had gehoopt op een heel klein stukje code dat ik dan ertens tussen kan schijten.quote:Op donderdag 19 januari 2012 17:27 schreef KomtTijd... het volgende:
[..]
Dit is een beetje een vraag van het niveau "ik wil een huis bouwen, ik weet al hoe een deur werkt, hoe moet de rest?"
Wij weten ook niet alles uit ons hoofd hier. Je weet nu waar je op moet zoeken, dus probeer eerst eens zelf iets.
Lang verhaal om dat goed uit te kunnen leggen. Maar het komt er op neer dat ik mijn website gebruikers/abonnees toegang wil geven tot hun profiel zonder dat ze daadwerkelijk aan de achterkant van mijn website komen. Nu heb ik een aparte persoonlijke profiel pagina aangemaakt aan de voorkant met ee. Iframe, dit werkt goed, hetzij dat ik het dus nog iets wil tweaken.quote:Op vrijdag 20 januari 2012 01:07 schreef cablegunmaster het volgende:
Omg Iframes waarom Iframes?![]()
Laat ik het zo zeggen wat probeer je te bereiken?
Heb jij voor mij dan een alternatief zodat abonnees toch nog de achterkant van de website kunnen zien aan de voorkant? Aangezien ik de admin bar laat verdwijnen wil ik ze uberhaupt niet alleen maar aan de andere kant van de site laten.quote:
Met rechten werken?quote:Op vrijdag 20 januari 2012 09:25 schreef Apekoek het volgende:
[..]
Heb jij voor mij dan een alternatief zodat abonnees toch nog de achterkant van de website kunnen zien aan de voorkant? Aangezien ik de admin bar laat verdwijnen wil ik ze uberhaupt niet alleen maar aan de andere kant van de site laten.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | #ledenbox { vertical-align: bottom; float:left; text-align:center; background: #eee; display:block; height:72px; width:78px; margin:2px; border:1px solid #ccc; padding:0px; } #fotobox { display: block; width:76px; height:70px; background: #333; } #ledenboxtxt { font-size:12px; font-family:Arial; } |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | <div id="ledenbox"> ledenbox <div id="fotobox"> foto hier <div id="ledenboxtxt"> tekst hier bla bla </div> </div> </div> |
Forum Opties | |
---|---|
Forumhop: | |
Hop naar: |