Je kunt meerdere classes aan een element hangen, dit gescheiden met spaties. Je kunt dan eventueel styles overrulen door achter de rule !important te zetten. Als je in dit geval een extra class in je CSS definieert met alleen de rule die voor een enkele pagina moet gelden dan kun je die toevoegen aan de lijst met classes voor die pagina. Zo kun je voor de ene pagina width: auto; gebruiken en op de andere bijv. width: 50%quote:Op donderdag 17 oktober 2013 15:41 schreef stoeltafel het volgende:
Uhhhh losse class? Tutorial hiervoor? Begin net met CSS. Zal even kijken of google me kan helpen.
Is ook niet nodig, gewoon zelfde css bestand. Alleen ff extra class eraan toevoegen.quote:Op donderdag 17 oktober 2013 15:48 schreef stoeltafel het volgende:
Duidelijk, zal is kijken hoe het moet. Denk alleen dat het lastig is. Normaal zou dit prima kunnen in een artikel, dan voeg je het bovenaan in via de HTML/CSS echter is deze pagina een iframe waardoor ik volgens mij geen losse CSS kan toevoegen of toch wel?
ja. Behalve dat je crossbrowser gezeik krijgt en het niet onderhoudbaar is, omdat men hier geen flauw idee heeft wat ze doen.quote:Op donderdag 17 oktober 2013 15:58 schreef stoeltafel het volgende:
Als het werkt is het toch prima, ga het direct even testen.
Wat zou jij dan adviseren? Kijk, normaal pak je deze oplossing http://www.webmasterstart.nl/css/css-per-pagina.html dat snap ik alleen ik ben nogal beperkt door wrapper/iframe.quote:Op donderdag 17 oktober 2013 15:58 schreef Catch22- het volgende:
[..]
ja. Behalve dat je crossbrowser gezeik krijgt en het niet onderhoudbaar is, omdat men hier geen flauw idee heeft wat ze doen.
Als jij het zegt....quote:Op donderdag 17 oktober 2013 15:58 schreef Catch22- het volgende:
[..]
omdat men hier geen flauw idee heeft wat ze doen.
Als we je wat zouden moeten adviseren zou het zijn: Begin bij het begin, ga tutorials doen en maak ZELF een eenvoudige site om CSS e.d. onder de knie te krijgen.quote:
Beter niet aangezien Catch22- vind dat men hier geen flauw idee heeft wat ze doen. Zo leert hij het natuurlijk helemaal fout aan.quote:Op donderdag 17 oktober 2013 16:18 schreef KomtTijd... het volgende:
[..]
En kun je misschien beter maar gewoon wat aanmodderen met een paar tips van hier.
Dit lijkt me juist leuk en erg handig om van alles uit te testen. Zal deze week een site opzet om dingen uit te testen, makkelijk en leerzaam. En moet wat vaker hier mee kijken, genoeg te leren.quote:Op donderdag 17 oktober 2013 16:18 schreef KomtTijd... het volgende:
[..]
Als we je wat zouden moeten adviseren zou het zijn: Begin bij het begin, ga tutorials doen en maak ZELF een eenvoudige site om CSS e.d. onder de knie te krijgen.
Maar waarschijnlijk wil je alleen even deze website in elkaar modderen en er dan zo weinig mogelijk meer mee doen, dus dan is het nogal een hoop tijd die je erin zou moeten steken om het echt goed te doen. En kun je misschien beter maar gewoon wat aanmodderen met een paar tips van hier.
Dat is vervelend als je iets wilt leren, maar als je alleen maar even éénmalig iets in elkaar wilt modderen, is het eigenlijk best wel prima zo. Het echt goed (laten) doen kost of heel veel tijd, of heel veel geld, en dat is vaak beiden niet voor handen.quote:Op donderdag 17 oktober 2013 16:21 schreef bondage het volgende:
[..]
Beter niet aangezien Catch22- vind dat men hier geen flauw idee heeft wat ze doen. Zo leert hij het natuurlijk helemaal fout aan.
30 days to learn HTML & CSSquote:Op donderdag 17 oktober 2013 16:23 schreef stoeltafel het volgende:
[..]
Dit lijkt me juist leuk en erg handig om van alles uit te testen. Zal deze week een site opzet om dingen uit te testen, makkelijk en leerzaam. En moet wat vaker hier mee kijken, genoeg te leren.
Ik zou in ieder geval beginnen met het eruitslopen van de iframe, zijn pagina kan imo best zonder.quote:Op donderdag 17 oktober 2013 16:27 schreef KomtTijd... het volgende:
[..]
Dat is vervelend als je iets wilt leren, maar als je alleen maar even éénmalig iets in elkaar wilt modderen, is het eigenlijk best wel prima zo. Het echt goed (laten) doen kost of heel veel tijd, of heel veel geld, en dat is vaak beiden niet voor handen.
In dat geval zou ik inderdaad absoluut aanraden om even van de grond af te beginnen. Niet verwachten dat je binnen een week een website als dit uit je mouw schudt, maar je moet gewoon de basisprincipes leren. Wat je nu met die website doet zijn "quick and dirty" fixes, maar absoluut geen good practices.quote:Op donderdag 17 oktober 2013 16:23 schreef stoeltafel het volgende:
[..]
Dit lijkt me juist leuk en erg handig om van alles uit te testen. Zal deze week een site opzet om dingen uit te testen, makkelijk en leerzaam. En moet wat vaker hier mee kijken, genoeg te leren.
Thnx, vanavond is doorlezen.quote:Op donderdag 17 oktober 2013 16:28 schreef BrainOverfloW het volgende:
[..]
30 days to learn HTML & CSS
Ja snap ik, het liefste had ik het gemaakt in HTML/CSS/jQuery maar ik was hier al zo lang bezig dat het nu even deze oplossing.quote:Op donderdag 17 oktober 2013 16:34 schreef KomtTijd... het volgende:
[..]
In dat geval zou ik inderdaad absoluut aanraden om even van de grond af te beginnen. Niet verwachten dat je binnen een week een website als dit uit je mouw schudt, maar je moet gewoon de basisprincipes leren. Wat je nu met die website doet zijn "quick and dirty" fixes, maar absoluut geen good practices.
Met lezen ben je snel klaar, heb zijn een serie video tutorialsquote:
Het is gelukt!quote:Op donderdag 17 oktober 2013 15:56 schreef bondage het volgende:
Als je een betere methode weet hoor ik het graag.
1 2 3 4 5 6 7 8 9 10 | #content { width:609px; float:left; overflow:hidden; color:#545454; font-size:12px; position:relative; z-index:1; margin-top:45px; } |
Nu ben ik wel benieuwd naar die "4 regels html".quote:Op woensdag 16 oktober 2013 14:05 schreef picodealion het volgende:
[..]
row, span en offset zit volop in bootstrap hoor.
Hier even een stukje van een collega dat ik laatst maar heb weggepoetst en vervangen met 4 regels html:
[ code verwijderd ]
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.
quote:Op donderdag 17 oktober 2013 20:52 schreef pascal08 het volgende:
[..]
Nu ben ik wel benieuwd naar die "4 regels html".
1 2 3 4 | <div class="container-fluid"><div class="row-fluid visible-desktop"><div class="span3"><a class="brand pull-left" href="${createLink(uri:'/')}"><i class="companyLogoNav"></i></a></div><div class="span6"><form method="get" action=""><div class="row-fluid" ng-controller="SearchHeaderCtrl" ng-init="term = '${ searchParams?.term }'"><input type="text" id="term" name="term" ng-model="term" placeholder="<i18n:message code="header.search.input.placeholder" />" class="search-query validateRequired input-medium span8"><button type="submit" id="searchButton" class="btn btn-primarycolor btn-medium" ng-click="searchTerm($event)"><i18n:message code="header.search.button" /></button><div class="btn-group"><tiles:btnBewaarZoekopdracht cssClass="btn-medium" /></div></div></form></div><div class="span3"><div class="row-fluid"><div class="text-left" ng-controller="LoginCtrl" ng-init='url="${createLink(controller:'login', action:'angularLogin', params:[buttonclass:'btn-medium'])}";reload();'><div compile="html"></div></div> </div> </div> </div> |
Forum Opties | |
---|---|
Forumhop: | |
Hop naar: |