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.
Klinkt logisch!quote:Op vrijdag 13 juli 2012 06:20 schreef cablegunmaster het volgende:
Wat je nodig hebt is background-color: ipv color dat lost je probleem wel op.
Dit topic is toch voor dummies?quote:klinkt alsof je niet zo heel veel snapt van websites aanpassen als ik zo de pagina doorlees.
Enorm bedankt voor je uitleg, ik ga er vanavond eventjes mee stoeien.quote:Voeg bij elke <ul> tag een class toe. (welke je een blauwe achtergrond wil geven.)
Dan ziet het er zo uit: <ul class='blue'>
voeg onderstaande code aan je CSS toe en vervolgens is je website aangepast.
Dit zou je achtergrond van je menu blauw laten kleuren.
Ik zal me inderdaad weer eens wat gaan inlezen, want er is toch wel eea veranderd tov 15 jaar geleden. Zeker dat hele CSS gebeuren is nieuw voor me.quote:Best simpel knullig probleempje trouwens. ik raad je aan om je meer in CSS en html te verdiepen. Of een eigen begin van een website te maken.
Heb inderdaad zitten twijfelen tussen opnieuw beginnen of een template pakken, maar met 2 kleine kids heb ik al zo weinig tijd dus maar voor een template gekozen. Ik maak het me verder ook niet moeilijker dan nodig is, gewoon verder simpel wat tekst en plaatjes. Clean & simple, hou niet zo van 100 kleurtjes en knipperende lampjes.
Nogmaals dank en ik meld me nog dat het gelukt is (uitgaan van het positieve)!
Ik ben erachter, de selector werkt op een een of andere manier niet? Toch is de div er wel, ik weet het zeker...quote:
[..]
Dan moet je de code backtracen en kijken waar het fout gaat. voeg waar je denkt dat het fout gaat een alert(variabel naam); toe waarmee je echo't wat je eruit krijgt. Zodat je voor jezelf weet wat je eruit moet krijgen.
Snap namelijk ook niet wat je met het script probeert te bereiken.
Spel-, taal- en grammaticafouten voorbehouden.
994a040db3f025e25771e045468fc121
994a040db3f025e25771e045468fc121
Welke site gaat dit om? want als ik dit zo lees: $('.player[data-playerid=52]') is dit dan een div? o.0quote:Op vrijdag 13 juli 2012 11:13 schreef Dalando het volgende:
[..]
Ik ben erachter, de selector werkt op een een of andere manier niet? Toch is de div er wel, ik weet het zeker...
Volgens jou logica zou er een div moeten bestaan met een class="player[data-playerid=52]"
Redacted
Ja maar we gaan er wel van uit dat je er de nodige tijd insteekt!quote:Op vrijdag 13 juli 2012 10:32 schreef Sheep666 het volgende:
[..]
Klinkt logisch!
[..]
Dit topic is toch voor dummies?
[..]
Enorm bedankt voor je uitleg, ik ga er vanavond eventjes mee stoeien.
[..]
Ik zal me inderdaad weer eens wat gaan inlezen, want er is toch wel eea veranderd tov 15 jaar geleden. Zeker dat hele CSS gebeuren is nieuw voor me.
Heb inderdaad zitten twijfelen tussen opnieuw beginnen of een template pakken, maar met 2 kleine kids heb ik al zo weinig tijd dus maar voor een template gekozen. Ik maak het me verder ook niet moeilijker dan nodig is, gewoon verder simpel wat tekst en plaatjes. Clean & simple, hou niet zo van 100 kleurtjes en knipperende lampjes.
Nogmaals dank en ik meld me nog dat het gelukt is (uitgaan van het positieve)!
Bij leest en bijleert. we zijn geen "Fix het wel even voor je " topic
Redacted
Oh nee, ik bedoel een DIV met een de class player en diezelfde div moet ook als data-playerid "52" hebbenquote:
[..]
Welke site gaat dit om? want als ik dit zo lees: $('.player[data-playerid=52]') is dit dan een div? o.0
Volgens jou logica zou er een div moeten bestaan met een class="player[data-playerid=52]"
Spel-, taal- en grammaticafouten voorbehouden.
994a040db3f025e25771e045468fc121
994a040db3f025e25771e045468fc121
verander dat dan evenquote:
[..]
Oh nee, ik bedoel een DIV met een de class player en diezelfde div moet ook als data-playerid "52" hebben
Redacted
Weer iemand die dingen zit te googlen en daarna hoopt dat iemand anders uitlegt wat het doet -_-;;quote:
Dit is geen topic om zomaar een random javascript code op te zoeken!
Kijk anders hiernaar ->
http://jsfiddle.net/kDs2Q/45/
Als je hier niet wijs van word dan is de vraag, waarom heb ik dit scriptje zo hard nodig?
Redacted
Snap ik, maar had er echt al wel wat uurtjes mee zitten klooien en kwam er niet uit. Leer liever wat bij dan klakkeloos hulp inschakel, hou er ook niet van als anderen dat doen bij dingen waar ik dan weer heel veel vanaf weetquote:
[..]
Ja maar we gaan er wel van uit dat je er de nodige tijd insteekt!
Bij leest en bijleert. we zijn geen "Fix het wel even voor je " topic
De links in de openingspost staan hoog op de lijst om door te spitten in elk geval. 
Als je bij wilt leren raad ik je deze site aan: http://www.w3schools.com/css/default.asp Vaak genoeg gebruik ik dit als referentie mocht ik iets niet meer weten.quote:
[..]
Snap ik, maar had er echt al wel wat uurtjes mee zitten klooien en kwam er niet uit. Leer liever wat bij dan klakkeloos hulp inschakel, hou er ook niet van als anderen dat doen bij dingen waar ik dan weer heel veel vanaf weet
Redacted
Op 
nou, voordat hij daartegenaan loopt is hij wel even onderweg
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
True thatquote:Op vrijdag 13 juli 2012 13:14 schreef Catch22- het volgende:
nou, voordat hij daartegenaan loopt is hij wel even onderweg
Wel een paar links naar goede sitesquote:Op vrijdag 13 juli 2012 13:13 schreef Scorpie het volgende:
Hou dan ook even http://w3fools.com/ in het achterhoofd
Sinds mijn cursusje html/css/js/jquery mijn bestaande applicatie eens ombouwen naar iets wat goed opgebouwd is / goed scheiden van code.
Gaat tot nu toe nog goed
Ik heb tussen een titel dat bij een linker kolom voorkomt <h3> tags tussen gezet.
Hiervoor heb ik tevens in de css de volgende code gezet:
#content-left h3 {
font-size: 11px;
text-transform: uppercase;
margin-bottom:10px;
}
Maar de titels zijn/blijven wit. Ik heb werkelijk geen idee hoe ik die kleur nou kan veranderen, ze zijn ffffff blijkt maar ik kan dit zelfs niet in de css terugvinden..
Iemand enig idee?
Ik heb bij #content-left h3 een {color:#000000;} proberen toe te voegen maar dat werkt ook niet.
Hiervoor heb ik tevens in de css de volgende code gezet:
#content-left h3 {
font-size: 11px;
text-transform: uppercase;
margin-bottom:10px;
}
Maar de titels zijn/blijven wit. Ik heb werkelijk geen idee hoe ik die kleur nou kan veranderen, ze zijn ffffff blijkt maar ik kan dit zelfs niet in de css terugvinden..
Iemand enig idee?
Ik heb bij #content-left h3 een {color:#000000;} proberen toe te voegen maar dat werkt ook niet.
rechtermuisklik op het element > inspecteren
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
Dat ik daar nog nooit ben achter gekomen dat dat kan.. Thnx!quote:
rechtermuisklik op het element > inspecteren
Stond dus bij: widget-linklist h3 {
Hier kom ik dus echt niet uit..
Ik wil gewoon een simpele border maken:
Heb de volgende css code:
Probleem: de border toont 12 pixels boven de content menu. Er komt dus 12 witte pixels tussen de linker content en de border. Als ik de 12 pixels padding top weghaal, is het opgelost. Maar dat wil ik niet, want ik wil het gehele ding met 12 pixels omlaag. Iemand met een idee hoe dit op te lossen zonder de padding top 12px weg te halen?
Ik wil gewoon een simpele border maken:
Heb de volgende css code:
| 1 2 3 4 5 6 | #content_left{ float: left; padding-top: 12px; width: 190px; margin-right: 10px; border-top: 5px solid #000000; } |
Probleem: de border toont 12 pixels boven de content menu. Er komt dus 12 witte pixels tussen de linker content en de border. Als ik de 12 pixels padding top weghaal, is het opgelost. Maar dat wil ik niet, want ik wil het gehele ding met 12 pixels omlaag. Iemand met een idee hoe dit op te lossen zonder de padding top 12px weg te halen?
Ja nee serieus, ik dacht echt dat ik die had gebruikt en dat het niet werktequote:
Nou toch bedankt, want nu werkt het wel.
quote:
Wat je nodig hebt is background-color: ipv color dat lost je probleem wel op
klinkt alsof je niet zo heel veel snapt van websites aanpassen als ik zo de pagina doorlees.
Voeg bij elke <ul> tag een class toe. (welke je een blauwe achtergrond wil geven.)
Dan ziet het er zo uit: <ul class='blue'>
voeg onderstaande code aan je CSS toe en vervolgens is je website aangepast.
[ code verwijderd ]
Dit zou je achtergrond van je menu blauw laten kleuren.
Best simpel knullig probleempje trouwens. ik raad je aan om je meer in CSS en html te verdiepen. Of een eigen begin van een website te maken.
het lukt niet...Maar nu ik het teruglees, dit was het probleem ook niet, de achtergrond bleef ook netjes blauw maar zodra ik class=selected gebruik, dan is de hele tekst van het menu niet meer te lezen, de tekst daar is ook blauw (zie plaatje 1 vs plaatje 2):
Dit heeft toch niets met de background color te maken? Het lijkt wel of die hele tekst daar dan selected wordt
quote:
[..]
Maar nu ik het teruglees, dit was het probleem ook niet, de achtergrond bleef ook netjes blauw maar zodra ik class=selected gebruik, dan is de hele tekst van het menu niet meer te lezen, de tekst daar is ook blauw (zie plaatje 1 vs plaatje 2):
[ afbeelding ]
[ afbeelding ]
Dit heeft toch niets met de background color te maken? Het lijkt wel of die hele tekst daar dan selected wordt
| 1 | <li class="selected"><a>My Collection</a> |
Deze <li> sluit pas aan het einde, dus heeft invloed op alle <a>'s die je aanspreekt met je css.
Als je de class aan de <a> zelf geeft spreekt hij alleen die <a> aan, dus:
| 1 | <li><a class="selected">My Collection</a> |
En in je css:
| 1 2 3 4 | ul#nav li a:hover, ul#nav li a:focus, ul#nav li.selected a, ul#nav li.selected a:hover, ul#nav li.selected a:focus { color: #09D4FF; text-shadow: none; } |
Maar test het eerst eens zonder de css aan te passen
Edit: Ik weet niet of mijn oplossing de juiste is, maar het probleem is iig dat je alle <a>'s aanspreekt omdat die <li> vanwege:
| 1 | ul#nav li.selected a |
| 1 | <li class="selected"><a>My Collection</a> |
[ Bericht 5% gewijzigd door lkb9000 op 13-07-2012 23:15:14 ]
Luister naar ikb9000 Hij heeft gelijk .
ipv een eigen sectie te maken. li.selected a zou een eigen klasse moeten hebben.
ipv color: #09D4FF; en text-shadow: none;.
Haal deze uit de code en maak er li a.selected van en stop het onder de code
en
Als je alleen die ene klasse wil blauw maken of de geselecteerde link dan heeft ikb9000 gelijk.
<a class="selected">link code</a> te gebruiken ipv de huidige html en de css aan te passen.
Ik hoop voor je dat je alles niet handmatig hoeft aan te passen.
.ipv een eigen sectie te maken. li.selected a zou een eigen klasse moeten hebben.
ipv color: #09D4FF; en text-shadow: none;
.Haal deze uit de code en maak er li a.selected van en stop het onder de code
| 1 2 3 | li a.selected { color: #hexcodediejewil; } |
| 1 2 3 | <li class="selected"><a>My Collection</a></li> Veranderen in <li><a class="selected">My Collection<a/></li> |
<a class="selected">link code</a> te gebruiken ipv de huidige html en de css aan te passen.
Ik hoop voor je dat je alles niet handmatig hoeft aan te passen.
Redacted
Je html is niet goed dus. Een li is een List Item, en elke List Item moet dus een a href hebben.
Daarna kan je gewoon ul#nav li.selected a gebruiken.
[ Bericht 25% gewijzigd door #ANONIEM op 13-07-2012 23:30:37 ]
Daarna kan je gewoon ul#nav li.selected a gebruiken.
[ Bericht 25% gewijzigd door #ANONIEM op 13-07-2012 23:30:37 ]
