Ga naar inhoud

CSS hulp, hoe zit dat nu


Aanbevolen berichten

Ik ben bezig aan een website. Het moet een beetje zakelijk worden. Heb deze css code toegevoegd: <style> tr {color: #ffffff; background: #4682B4; font-weight: bold;} </style> Nu is het mooi dat precies de dingen die ik wil nu een andere kleur hebben. Wat wat minder is, is dat de rest wit is. Dit moet een andere kleur worden. Maar als ik de TD instel wordt ALLES die kleur. Weet iemand de code voor de tussenvakken??? [url=http://www.jochem.elixant.com/dcc/sms.html]LINk[/url]
Link naar reactie
[quote:4ba96c2edd="Bill Gates"]Abbonomenten? :-? "De rest is wit" is een wat vage probleem omschrijving, probeer je vraag eens helder te formuleren, dan kunnen we je veel beter helpen. Nu moeten we in de glazen bol kijken om te raden wat je percies wilt bereiken...[/quote:4ba96c2edd] sorry misschien beetje onduidelijk maar daarvoor was de link. Klik erop en je zult het begrijpen.
Link naar reactie
[quote:d34a36ab86="Anne"]Ga je CSS gebruiken voor opmaak of wat misvormde HTML? Momenteel lijkt het namelijk meer op het laatste. HTML is een taal die puur voor structuur is, niet om dingen op de juiste plaats te krijgen en dingen een kleurtje te geven, zoals hierboven gesuggereerd wordt.[/quote:d34a36ab86] html zou ik nou niet bepaald misvorm noemen :roll: Is gebaseerd op een bekende website. Heb vervolgens een tabel met 3 rows aangemaakt waarvan de 2 zij rows een fixed breete hebben. In de zij rows is vervolgens de tabel voor de info gekomen.
Link naar reactie
[quote:9827472784="sdk"] html zou ik nou niet bepaald misvorm noemen :roll: Is gebaseerd op een bekende website. Heb vervolgens een tabel met 3 rows aangemaakt waarvan de 2 zij rows een fixed breete hebben. In de zij rows is vervolgens de tabel voor de info gekomen.[/quote:9827472784] beneden aan de pagina, in de source dus vond ik dit: [code:1:9827472784] <td bgcolor="#EEEEEE"><img height="1" src="spacer.gif" width="10" /> </td> </tr> <tr> </tr> <tr> </tr> </table> [/code:1:9827472784] Een row in een row kan dus niet, dat hoor altijd in een cell wimb
Link naar reactie
Je hebt nu dit: [code:1:96f61eeedd] tr {color: #ffffff; background: #4682B4; font-weight: bold;} [/code:1:96f61eeedd] Je zou van alle elementen die je een blauwe achtergrond met witte letters wil hebben een class kunnen aanmaken. Dus zoiets: [code:1:96f61eeedd] <td class="blauw"> [/code:1:96f61eeedd] en in je css: [code:1:96f61eeedd] td.blauw {color: #ffffff; background: #4682B4; font-weight: bold;} [/code:1:96f61eeedd] Die andere regel (van de tr) dan weghalen. Ik zou het ook allemaal heel anders aanpakken, maar dat doet er niet toe.
Link naar reactie
[quote:7ae9be06d3="BasHamar"]@mw22: Het idee van CSS is natuurlijk wel dat je structuur en opmaak scheidt, dus om een klasse de naam "blauw" te geven is wat dubieus. ;) - Bas[/quote:7ae9be06d3] Het hele gebruik van class is volgens mij nogal dubieus voor de scheiding tussen structuur en opmaak, maar het werkt wel lekker makkelijk en het werkt ook in IE (erg belangrijk)
Link naar reactie
[quote:c1cbc64883="Anne"]Mwaj, volgens mij kan een CLASS gewoon semantiek toevoegen aan een DIV hoor. Geef je hem echter de naam 'blauw', dan krijg je het FONT effect waar we vanaf wilden. (Bijvoorbeeld als de bedrijfskleur ineens groen wordt.)[/quote:c1cbc64883] Ik geef toe, het is voor jezelf wel handig en verstandig als je een beetje een logische naam gebruikt, maar voor zoekmachines maakt het niets uit. Class="groen", class="geel", class="belangrijk" het is allemaal een pot nat.
Link naar reactie
[quote:e5dee100a1="WimB"][quote:e5dee100a1="sdk"] html zou ik nou niet bepaald misvorm noemen :roll: Is gebaseerd op een bekende website. Heb vervolgens een tabel met 3 rows aangemaakt waarvan de 2 zij rows een fixed breete hebben. In de zij rows is vervolgens de tabel voor de info gekomen.[/quote:e5dee100a1] beneden aan de pagina, in de source dus vond ik dit: [code:1:e5dee100a1] <td bgcolor="#EEEEEE"><img height="1" src="spacer.gif" width="10" /> </td> </tr> <tr> </tr> <tr> </tr> </table> [/code:1:e5dee100a1] Een row in een row kan dus niet, dat hoor altijd in een cell wimb[/quote:e5dee100a1] Dit is eigenlijk het hele idee: <table width=100%> <tr> <td>code zijstuk</td> <td></td> <td>code zijstuk</td> </tr> </table> mijn tekst moest colum zijn en geen row (lol weet ik veel ik gebruik die termen nooit) @Bill Gates Wel gek dat uitgerekent een moderator offtopic gaat door te beginnen over eventuele spelfouten die totaal niet van toepassing zijn :roll:
Link naar reactie
Sorry hoor, maar ik vind het gebruik van CSS hier nu echt doorslaan. Ik snap niet dat iemand durft te beweren dat een[code:1:de6aa9d033]<div class="blauw_vakje"> <p>tekst in blauw vakje</p> </div>[/code:1:de6aa9d033] Niet 'mag' omdat de zogenaamde 'class-naam' ook maar iets toevoegd aan de layout. Het is aan de webdesigner hoe hij/zij z'n div's benoemt. Als die een <div> benoemt met blauw_vakje, en hij/zij maakt het blauw vakje ook daadwerkelijk blauw, who cares. Qua code klopt het helemaal, en het is ook makkelijker voor de webdesigner, zodat hij/zij direct kan zien dat die div een blauwe kleur heeft. Je kunt die div wel benoemen met [code:1:de6aa9d033]<div class="div_58"> <p>tekst in blauw vakje</p> </div>[/code:1:de6aa9d033]Maar zo wordt het alleen maar onoverzichtelijker voor de webdesigner, en wat is de hele opzet van xhtml en CSS? overzichtelijkheid toch?
Link naar reactie
Johnny321, je hebt er dus niks van begrepen. Stel ik heb een element STRONG wat ervoor dient om iets als dit te melden:[code:1:9681ce6521]<li><strong>Waarschuwing:</strong> vul het veld "Naam" in</li>[/code:1:9681ce6521]Stel je voor dat ik in dit geval het element STRONG 'rood' wil maken en ik geen gebruik kan maken van descendent selectors of wat dan ook, wat zal ik kiezen:[code:1:9681ce6521]<strong class="rood"/>[/code:1:9681ce6521][code:1:9681ce6521]<strong class="waarschuwing"/>[/code:1:9681ce6521]Aan welke van de twee heb ik later nog wat als ik besluit dat waarschuwingen een plaatje ervoor moeten krijgen in plaats van een rode kleur? Welke is handiger als ik alle waarschuwingen wil omzetten in een element WARNING? Welke is nu eigenlijk meer semantisch? Welke is compleet onafhanklijk van stijl? Een ander voorbeeld:[code:1:9681ce6521]<div id="nav"/>[/code:1:9681ce6521][code:1:9681ce6521]<div id="left"/>[/code:1:9681ce6521]Snap je?
Link naar reactie

Om een reactie te plaatsen, moet je eerst inloggen

Gast
Reageer op dit topic

×   Geplakt als verrijkte tekst.   Herstel opmaak

  Er zijn maximaal 75 emoji toegestaan.

×   Je link werd automatisch ingevoegd.   Tonen als normale link

×   Je vorige inhoud werd hersteld.   Leeg de tekstverwerker

×   Je kunt afbeeldingen niet direct plakken. Upload of voeg afbeeldingen vanaf een URL in

×
×
  • Nieuwe aanmaken...