DIG Digital Corner
Alles wat je altijd al over computers, hardware, software, internet en elektronische gadgets had willen weten, maar niet op Tweakers.net durft te vragen.
row, span en offset zit volop in bootstrap hoor.quote:Op woensdag 16 oktober 2013 13:32 schreef KomtTijd... het volgende:
Nouja bij bootstrap is het (voor zover ik het gebruikt heb) nog redelijk beperkt. Je hebt wel classes als big en small maar die zijn nog redelijk obvious.
Zodra je classes offset-3 of roundall gaan heten enzo, wordt het eng. Stel dat je op een gegeven moment tot de conclusie komt dat een offset van 2 pixels toch mooier is en dat rounded corners niet meer hip zijn, zit je ineens met allemaal .offset-3{ margin: 2} en .roundall{border-radius: none} declaraties.
Hier even een stukje van een collega dat ik laatst maar heb weggepoetst en vervangen met 4 regels html:
| 1 |
Dit was nog maar de helft (letterlijk), en fungeerde om drie simpele elementen (links-floatend logo, zoekbalk midden, rechts-floatende knop) te tonen die op mobiel en desktop verschillend zijn.
[ Bericht 51% gewijzigd door picodealion op 17-10-2013 23:06:47 ]
Vraagje,
Voor deze pagina moet ik de wrapper aanpassen http://www.dfsk-citytruck.eu/nl/citytransporter/test-2.html
Via CSS heb ik het al een stuk mooier gemaakt, heb de rand erom heen weg gehaald, via HTML de tekst aangepast echter moet het blok nog wat breder. Moet ik dit nou in de HTML of CSS zoeken. Ben aan het kijken in de debuger van Firefox maar kan het niet aanpassen of kijk er over heen. Het gaat dus om twee dingen, de tekst moet naar rechts lopen en bij provincie Overijssel staan 4 dealers echter kan ik niet scrollen. Het rare is als ik de CSS witdht aanpas van iframe dan verandert het blok mee echter de tekst niet.
Voor deze pagina moet ik de wrapper aanpassen http://www.dfsk-citytruck.eu/nl/citytransporter/test-2.html
Via CSS heb ik het al een stuk mooier gemaakt, heb de rand erom heen weg gehaald, via HTML de tekst aangepast echter moet het blok nog wat breder. Moet ik dit nou in de HTML of CSS zoeken. Ben aan het kijken in de debuger van Firefox maar kan het niet aanpassen of kijk er over heen. Het gaat dus om twee dingen, de tekst moet naar rechts lopen en bij provincie Overijssel staan 4 dealers echter kan ik niet scrollen. Het rare is als ik de CSS witdht aanpas van iframe dan verandert het blok mee echter de tekst niet.
Dat scrollen kun je fixen door de div met id 'provincies' overflow: auto; te geven. De uitlijning van de tekst kan dmv: text-align: right;quote:Op donderdag 17 oktober 2013 13:52 schreef stoeltafel het volgende:
Vraagje,
Voor deze pagina moet ik de wrapper aanpassen http://www.dfsk-citytruck.eu/nl/citytransporter/test-2.html
Via CSS heb ik het al een stuk mooier gemaakt, heb de rand erom heen weg gehaald, via HTML de tekst aangepast echter moet het blok nog wat breder. Moet ik dit nou in de HTML of CSS zoeken. Ben aan het kijken in de debuger van Firefox maar kan het niet aanpassen of kijk er over heen. Het gaat dus om twee dingen, de tekst moet naar rechts lopen en bij provincie Overijssel staan 4 dealers echter kan ik niet scrollen.
Thnx! Ga het direct testen, moet alleen ff kijken waarom de tekst niet door loopt. Normaal zit er twee widgets aan de rechterkant maar die heb ik al uitgezet.
De iframe staat ook nog in een div met een beperkte breedte. Maar daar was je natuurlijk al lang achter met de developmenttools van je browser.quote:
Vraagje,
Voor deze pagina moet ik de wrapper aanpassen http://www.dfsk-citytruck.eu/nl/citytransporter/test-2.html
Via CSS heb ik het al een stuk mooier gemaakt, heb de rand erom heen weg gehaald, via HTML de tekst aangepast echter moet het blok nog wat breder. Moet ik dit nou in de HTML of CSS zoeken. Ben aan het kijken in de debuger van Firefox maar kan het niet aanpassen of kijk er over heen. Het gaat dus om twee dingen, de tekst moet naar rechts lopen en bij provincie Overijssel staan 4 dealers echter kan ik niet scrollen. Het rare is als ik de CSS witdht aanpas van iframe dan verandert het blok mee echter de tekst niet.
Ja, dat zie ik in de debuger van Firefox, dat kan ik wel aanpassen maar geen nut. Even kijken waar het zit. Firefox is toch prima hiervoor of prefereer jij Chrome?quote:
[..]
De iframe staat ook nog in een div met een beperkte breedte. Maar daar was je natuurlijk al lang achter met de developmenttools van je browser.
Ik gebruik zelf nog steeds Firebug, maar de standaard debugtools van zowel (de nieuwste) firefox als chrome zijn ook prima.
En als je ze beide aanpast zie je dat meteen.
En als je ze beide aanpast zie je dat meteen.
De iframe kan het beste een breedte van 950 hebben. Je moet dan de content en contentpane (class) div's nog even width: auto; meegeven.quote:
Thnx! Ga het direct testen, moet alleen ff kijken waarom de tekst niet door loopt. Normaal zit er twee widgets aan de rechterkant maar die heb ik al uitgezet.
Dit zocht ik, thnx! Is het dan alleen voor deze pagina of verandert het overal op de site?quote:
[..]
De iframe kan het beste een breedte van 950 hebben. Je moet dan de content en contentpane (class) div's nog even width: auto; meegeven.
Ligt eraan waar je die rules neer hebt gezet. Als het in het CSS bestand is (zoals het hoort) dan zou het overal zichtbaar moeten zijn, mits je overal dezelfde class en id referenties gebruikt.quote:
[..]
Dit zocht ik, thnx! Is het dan alleen voor deze pagina of verandert het overal op de site?
Ga het eerst even zoeken. De overflow werkt nog niet met scroll. Heb verder srollbalk aangezet in het menu, ook met nee geprobeerd maar nog geen resultaat.
| 1 2 | <div id="provincies"> <div class="provincie current" id="prov-1" overflow:auto;> |
Doe eens:
<div id="provincies" style="overflow: auto;">
<div class="provincie current" id="prov-1">
Als dit werkt in je CSS de volgende rule toevoegen en de inline style weghalen:
#provincies {
overflow: auto;
}
<div id="provincies" style="overflow: auto;">
<div class="provincie current" id="prov-1">
Als dit werkt in je CSS de volgende rule toevoegen en de inline style weghalen:
#provincies {
overflow: auto;
}
Heb het anders gedaan, heb in de CSS overflow: hidden; weg gehaald en nu doet die het wel, relax!
Het werkt alleen hier http://jsfiddle.net/robdegekste/P9Kgs/11/ en niet hier
Ga jou oplossing nu proberen.
Het werkt alleen hier http://jsfiddle.net/robdegekste/P9Kgs/11/ en niet hier
Ga jou oplossing nu proberen.
Overflow moet sowieso op auto staan. Op die manier krijg je een scrollbalk te zien als de content niet binnen de ingestelde hoogte past.quote:
Heb het anders gedaan, heb in de CSS overflow: hidden; weg gehaald en nu doet die het wel, relax!
Het werkt alleen hier http://jsfiddle.net/robdegekste/P9Kgs/11/ en niet hier
Ga jou oplossing nu proberen.
Verandering door gevoerd maar iets blokkeert de scrollbalken. Jsfiddle geeft het wel goed weer.
Bij Joomla, wrapper staat Instellingen scrollbalken op automatish, lijkt me prima zo.
Bij Joomla, wrapper staat Instellingen scrollbalken op automatish, lijkt me prima zo.
content en contentpane hebben beide width: auto ? iframe heb je ook aangepast naar breedte van 950?quote:
Verandering door gevoerd maar iets blokkeert de scrollbalken. Jsfiddle geeft het wel goed weer.
Bij Joomla, wrapper staat Instellingen scrollbalken op automatish, lijkt me prima zo.
Content op auto, contentpane staat niet in de style.css en breede is naar 950 gegaan.quote:Op donderdag 17 oktober 2013 14:39 schreef bondage het volgende:
[..]
content en contentpane hebben beide width: auto ? iframe heb je ook aangepast naar breedte van 950?
Het werkt! Hoppa, fucking relax fokkers! Nu nog even fine tunen, tekst iets meer naar links zodat het er mooier uit ziet. Gelukkig ziet er site er nog goed uit.
Op je site zie ik het nog niet. Ik zag daar echter wel dat de content div nog geen width: auto; had.quote:
[..]
Content op auto, contentpane staat niet in de style.css en breede is naar 950 gegaan.
Het werkt! Hoppa, fucking relax fokkers! Nu nog even fine tunen, tekst iets meer naar links zodat het er mooier uit ziet. Gelukkig ziet er site er nog goed uit.
quote:
[..]
Op je site zie ik het nog niet. Ik zag daar echter wel dat de content div nog geen width: auto; had.
| 1 2 3 4 5 6 7 8 9 10 | #content { width:609px; float:left; overflow:auto; color:#545454; font-size:12px; position:relative; z-index:1; margin-top:45px; } |
Zo heb ik het aangepast en geupload. Verder heb ik de breedte 950 gemaakt. Het liefste heb ik natuurlijk dat de hele scroll balk naar rechts weg gaat, naar beneden snap ik wel. Even kijken of dit mogelijk is.
Zo moet hij, dan gaat die horizontale balk weg:quote:
[..]
[ code verwijderd ]
Zo heb ik het aangepast en geupload. Verder heb ik de breedte 950 gemaakt. Het liefste heb ik natuurlijk dat de hele scroll balk naar rechts weg gaat, naar beneden snap ik wel. Even kijken of dit mogelijk is.
#content {
width: auto;
float:left;
overflow:auto;
color:#545454;
font-size:12px;
position:relative;
z-index:1;
margin-top:45px;
}
Is het mogelijk de witdh aan het passen voor één pagina. Zie namelijk nu dat de widget Twitter/Facebook overal naar beneden is gegaan. Even kijken wat er gebeurt als ik de breedte iets aanpas.quote:
[..]
Zo moet hij, dan gaat die horizontale balk weg:
#content {
width: auto;
float:left;
overflow:auto;
color:#545454;
font-size:12px;
position:relative;
z-index:1;
margin-top:45px;
}
No prob. Voordeel wat je nu hebt is dat mocht je ooit de iframe groter maken dat de content automatisch de breedte overneemt en je die elementen niet aan hoeft te passen.quote:
Gelukt, ziet er netjes uit! Super bedankt:)
Dat kan, moet je op die pagina even een losse class toevoegen en daarvoor in je CSS de rules defineren die alleen op die pagina gebruikt moeten wordenquote:
[..]
Is het mogelijk de witdh aan het passen voor één pagina. Zie namelijk nu dat de widget Twitter/Facebook overal naar beneden is gegaan. Even kijken wat er gebeurt als ik de breedte iets aanpas.
