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.
quote:Op donderdag 20 oktober 2011 13:31 schreef Catch22- het volgende:
hm oke.
als je in een liveomgeving MOET werken, gebruik dan firebug om het live aan te passen en te testen, kan je werkende fixes in je code zetten en kan er weinig misgaan (buiten cross-browser issues)
De pest is dat ze zelf hebben aangegeven dat zo moestquote:Op donderdag 20 oktober 2011 13:40 schreef Tijn het volgende:
Een ongesloten tag voor je content verklaart een hoop.
Ik ben voor mezelf de code wat aan het opschonen, maar als er gezegd wordt: dat doe je zo, dan doe ik dat zo, want ik ben geen pro, verre van zelfs. Zat wel al te bedenken om 'm door een code-checker heen te gooien van W3S ofzo, maar toen kwamen ze hier mee aanzetten.
It's not just sex, it's love
It's two people connecting
With four other people
And aliens
It's two people connecting
With four other people
And aliens
Als je uitzoekt welke selector het override kun je net zo goed de originele rule aanpassen.quote:
[..]
[ code verwijderd ]
zou het moeten oplossen. Wel even uitzoeken welke selector het override.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
klopt, maar dan hoef je niet in hun rommel te kutten.
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?
Gratis tip van de dag. "<A name=betalen></A> neerzetten alsquote:Op donderdag 20 oktober 2011 13:22 schreef Etcetera het volgende:
[ code verwijderd ]
De eerste zorgde voor de vetgedrukte tekst, de tweede zorgt ervoor dat het niet gebeurde.
| 1 | <a name="betalen"></a> |
Dag lieve mensen, ik heb de volgende vraag, ik heb een horizontaal menu met daaronder een soort uitklappanelen net als bovenaan op de frontpage van fok! Nu wil ik echter dat die panelen niet onder het kopje verschijnen waar de muis overheen gaat maar altijd helemaal links dus bij elk item in het horizontale menu op dezelfde positie als het frontpage paneel.
Iemand een idee hoe ik dat kan doen?
Iemand een idee hoe ik dat kan doen?
Ja. Met CSS. Waarom wil je dat in hemelsnaam? Is nogal een usabilityfail.
Ik zou een UL opzetten met de hoofdmenuitems en met jQuery een set divs met submenus laten tonen bij een hover op het hoofdmenuitem.
Ik zou een UL opzetten met de hoofdmenuitems en met jQuery een set divs met submenus laten tonen bij een hover op het hoofdmenuitem.
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?
Wat maakt dat precies voor verschil?quote:Op vrijdag 21 oktober 2011 09:31 schreef GI het volgende:
[..]
Gratis tip van de dag. "<A name=betalen></A> neerzetten als
[ code verwijderd ]
It's not just sex, it's love
It's two people connecting
With four other people
And aliens
It's two people connecting
With four other people
And aliens
Het is semantisch correct, valide HTML. Zo parsen alle browsers deze HTML correct.quote:
[..]
Wat maakt dat precies voor verschil?
quote:
[..]
Het is semantisch correct, valide HTML. Zo parsen alle browsers deze HTML correct.
Ik duik er maandag nog even in om het recht te zetten
It's not just sex, it's love
It's two people connecting
With four other people
And aliens
It's two people connecting
With four other people
And aliens
Ik wil net zoiets maken als op de site van wehkamp, een div over de hele breedte van de pagina.quote:
Ja. Met CSS. Waarom wil je dat in hemelsnaam? Is nogal een usabilityfail.
Ik zou een UL opzetten met de hoofdmenuitems en met jQuery een set divs met submenus laten tonen bij een hover op het hoofdmenuitem.
Alleen welke div is dus afhankelijk van boven welk menuitem gehoverd wordt.
Wat jij voorstelt heb ik allemaal al, alleen verschijnen de divs nu onder het menuitem waarboven gehoverd wordt en ik wil ze naar links hebben naar de rand waar de pagina begint. Alleen vraag ik me af hoe ik dat moet doen, ik kan volgens mij geen absolute positioning gebruiken omdat de marge aan de linkerkant van de pagina afhangt van de breedte van het browserscherm. En ook geen relative omdat de afstand die ik ze naar links wil verplaatsten steeds verschilt. Stukje sterk versimpelde code, maar het idee is hetzelfde:
| 1 2 3 4 5 | <ul class="menu"> <li id="1"> menuitem 1 <div class="panel"> inhoud submenu 1 </div> </li> <li id="2"> menuitem 2 <div class="panel"> inhoud submenu 2 </div> </li> <li id="3"> menuitem 3 <div class="panel"> inhoud submenu 3 </div> </li> </ul> |
ja je gaat geeikel krijgen als je het zo oplost.
Ik zou het lostrekken
Een li met een data-id, onzichtbare div een data-reffering-id ofzo, als je hovered op de LI zoek je de div die daarbij hoort, die maak je zichtbaar met jQuery en zet je in de submenucontainer
ah, de wehkamp heeft het anders. Die hebben er geen hoverstate in. Die hebben een aparte container voor het submenu dat gevuld wordt met het actieve submenu. Dat is toch niet zo lastig?
Ik zou het lostrekken
Een li met een data-id, onzichtbare div een data-reffering-id ofzo, als je hovered op de LI zoek je de div die daarbij hoort, die maak je zichtbaar met jQuery en zet je in de submenucontainer
ah, de wehkamp heeft het anders. Die hebben er geen hoverstate in. Die hebben een aparte container voor het submenu dat gevuld wordt met het actieve submenu. Dat is toch niet zo lastig?
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?
Maak er dan gelijk <a href="#" name="betalen"></a> van.quote:
[..]
Gratis tip van de dag. "<A name=betalen></A> neerzetten als
[ code verwijderd ]
http://developer.yahoo.com/performance/rules.html#emptysrc correctie: blijkt alleen relevant voor images...
[ Bericht 15% gewijzigd door KomtTijd... op 21-10-2011 17:40:40 ]
Dag heren,
Op dit moment is er, door mij, een klein javascriptprobleempje gecreëerd op mijn website. Bij het laden van een een site wordt er een div gevuld dmv een stukje jQuery en .load die dus een bepaalde pagina in een div zet.
Wat ik inlaad zijn formulieren, maar die posten wel naar zichzelf toe (niet via PHP_SELF), om vervolgens weer een ander formulier te laten zien.
Nu heb ik al heel wat gegoogled op 'jquery load submit form' en dergelijke termen, maar ik kan niet vinden hoe ik dat nou toepas dat dus eigenlijk de response (het nieuwe formulier) in diezelfde div komt.
Hoe doe ik dat nou?
Op dit moment is er, door mij, een klein javascriptprobleempje gecreëerd op mijn website. Bij het laden van een een site wordt er een div gevuld dmv een stukje jQuery en .load die dus een bepaalde pagina in een div zet.
Wat ik inlaad zijn formulieren, maar die posten wel naar zichzelf toe (niet via PHP_SELF), om vervolgens weer een ander formulier te laten zien.
Nu heb ik al heel wat gegoogled op 'jquery load submit form' en dergelijke termen, maar ik kan niet vinden hoe ik dat nou toepas dat dus eigenlijk de response (het nieuwe formulier) in diezelfde div komt.
Hoe doe ik dat nou?
ik heb bij een icon menu een probleem als ik met mijn muis over het menu ga dat de iconen 1 x knipperen ( dan worden de images opgeslagen in Cache geheugen als ik het goed heb?)
is dit te verhelpen? ik las dat het aan de grootte kan liggen maar de iconen hebben een grootte van 8kb. Gif/Jpeg/Png geprobeerd als file.
is dit te verhelpen? ik las dat het aan de grootte kan liggen maar de iconen hebben een grootte van 8kb. Gif/Jpeg/Png geprobeerd als file.
"Dubbelop alsof ik een quote citeer"
Ligt het aan mij of is hier echt geen touw aan vast te knopen? Probeer eerst eens voor jezelf duidelijk te krijgen wat nou precies het probleem is (het oorspronkelijke probleem, niet een (te) moeilijke oplossing), anders ga je nooit verder komen.quote:
Dag heren,
Op dit moment is er, door mij, een klein javascriptprobleempje gecreëerd op mijn website. Bij het laden van een een site wordt er een div gevuld dmv een stukje jQuery en .load die dus een bepaalde pagina in een div zet.
Wat ik inlaad zijn formulieren, maar die posten wel naar zichzelf toe (niet via PHP_SELF), om vervolgens weer een ander formulier te laten zien.
Nu heb ik al heel wat gegoogled op 'jquery load submit form' en dergelijke termen, maar ik kan niet vinden hoe ik dat nou toepas dat dus eigenlijk de response (het nieuwe formulier) in diezelfde div komt.
Hoe doe ik dat nou?
Een sprite gebruiken.quote:
ik heb bij een icon menu een probleem als ik met mijn muis over het menu ga dat de iconen 1 x knipperen ( dan worden de images opgeslagen in Cache geheugen als ik het goed heb?)
is dit te verhelpen? ik las dat het aan de grootte kan liggen maar de iconen hebben een grootte van 8kb. Gif/Jpeg/Png geprobeerd als file.
Goed, via jQuery laad ik een andere pagina in met behulp van:
Dat houdt dus in dat als je op een linkje klikt met als a href "#wijzigpagina" dat hij wijzigpagina.php in de div, met als class="content", zet. In dit geval en formulier.
Nu submit ik dat formulier (van wijzigpagina.php) naar zijn eigen pagina, via de paginanaam (wijzigpagina.php) in de form action in te vullen. Nu wil ik, dat als ik op Submit druk, dat de uitkomst van het stuk wat in zijn werk gaat na het klikken op die knop weer in diezelfde div met class="content" komt. Want nu gaat hij, na het drukken, naar wijzigpagina.php, maar hij moet blijven op die index.php waar je dus de verwerkte pagina te zien krijgt.
| 1 2 3 4 | $ ("a[href=\"#wijzigpagina\"]").click (function () { $ (".content").load ("wijzigpagina.php"); }); |
Dat houdt dus in dat als je op een linkje klikt met als a href "#wijzigpagina" dat hij wijzigpagina.php in de div, met als class="content", zet. In dit geval en formulier.
Nu submit ik dat formulier (van wijzigpagina.php) naar zijn eigen pagina, via de paginanaam (wijzigpagina.php) in de form action in te vullen. Nu wil ik, dat als ik op Submit druk, dat de uitkomst van het stuk wat in zijn werk gaat na het klikken op die knop weer in diezelfde div met class="content" komt. Want nu gaat hij, na het drukken, naar wijzigpagina.php, maar hij moet blijven op die index.php waar je dus de verwerkte pagina te zien krijgt.
Ik denk dat dat het beste gaat met ajax.quote:
Goed, via jQuery laad ik een andere pagina in met behulp van:
[ code verwijderd ]
Dat houdt dus in dat als je op een linkje klikt met als a href "#wijzigpagina" dat hij wijzigpagina.php in de div, met als class="content", zet. In dit geval en formulier.
Nu submit ik dat formulier (van wijzigpagina.php) naar zijn eigen pagina, via de paginanaam (wijzigpagina.php) in de form action in te vullen. Nu wil ik, dat als ik op Submit druk, dat de uitkomst van het stuk wat in zijn werk gaat na het klikken op die knop weer in diezelfde div met class="content" komt. Want nu gaat hij, na het drukken, naar wijzigpagina.php, maar hij moet blijven op die index.php waar je dus de verwerkte pagina te zien krijgt.
Een A kan op 2 manieren worden gebruikt:quote:
[..]
Wat maakt dat precies voor verschil?
1 - Je maakt van alles wat tussen <a href="" >LINKNAAM</a> staat een klikbare link
2 - Je maakt van een A een punt in een pagina waar je heen kan springen dmv een link
<a name="springhierheen"></a>
als je dan achter de url zet http://site.nl/pagina.html#spinghierheen
springt de pagina naar dat punt in de pagina.
[ Bericht 0% gewijzigd door #ANONIEM op 23-10-2011 22:36:40 ]
Voor dat tweede hoef je geen <a> te gebruiken, en ook geen name. Je kunt het ook doen door een div (of een andere tag) de gewenste id mee te geven. (Weer een reden waarom id's uniek moeten zijn.)quote:
[..]
Een A kan op 2 manieren worden gebruikt:
1 - Je maakt van alles wat tussen <a href="" >LINKNAAM</a> staat een klikbare link
2 - Je maakt van een A een punt in een pagina waar je heen kan springen dmv een link
<a name="springhierheen"></a>
als je dan achter de url zet http://site.nl/pagina.html#spinghierheen
springt de pagina naar dat punt in de pagina.
ja dat weet ik, maar ik ging er vanuit dat ze dit voor dit doeleinde gebruikten. waarom zou je anders een lege tag ergens neerzetten?quote:
[..]
Voor dat tweede hoef je geen <a> te gebruiken, en ook geen name. Je kunt het ook doen door een div (of een andere tag) de gewenste id mee te geven. (Weer een reden waarom id's uniek moeten zijn.)
Dan moet je ofwel je formulier submitten met een ajax-call ipv een normale submit button, ofwel in je PHP-code een redirect opnemen.quote:
Goed, via jQuery laad ik een andere pagina in met behulp van:
[ code verwijderd ]
Dat houdt dus in dat als je op een linkje klikt met als a href "#wijzigpagina" dat hij wijzigpagina.php in de div, met als class="content", zet. In dit geval en formulier.
Nu submit ik dat formulier (van wijzigpagina.php) naar zijn eigen pagina, via de paginanaam (wijzigpagina.php) in de form action in te vullen. Nu wil ik, dat als ik op Submit druk, dat de uitkomst van het stuk wat in zijn werk gaat na het klikken op die knop weer in diezelfde div met class="content" komt. Want nu gaat hij, na het drukken, naar wijzigpagina.php, maar hij moet blijven op die index.php waar je dus de verwerkte pagina te zien krijgt.
Maar waarom moet je uberhaupt met ajax content in een div laden enzo?
Geen idee, maar als dat het enige doel is, kan het geen kwaad alternatieven aan te geven.quote:
[..]
ja dat weet ik, maar ik ging er vanuit dat ze dit voor dit doeleinde gebruikten. waarom zou je anders een lege tag ergens neerzetten?
thx
quote:
[..]
Het is semantisch correct, valide HTML. Zo parsen alle browsers deze HTML correct.
Dat websysteem haalt al mijn <A name="bestelling"></A> haakjes wegquote:
[..]
Een A kan op 2 manieren worden gebruikt:
1 - Je maakt van alles wat tussen <a href="" >LINKNAAM</a> staat een klikbare link
2 - Je maakt van een A een punt in een pagina waar je heen kan springen dmv een link
<a name="springhierheen"></a>
als je dan achter de url zet http://site.nl/pagina.html#spinghierheen
springt de pagina naar dat punt in de pagina.
It's not just sex, it's love
It's two people connecting
With four other people
And aliens
It's two people connecting
With four other people
And aliens
Hoe bedoel je?quote:
[..]
[..]
Dat websysteem haalt al mijn <A name="bestelling"></A> haakjes weg
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
Ik bewerk de html code in een .txt bestand (want het websysteem is kut), plak het geheel in het websysteem, sla het op, controleer het... en alle " " zijn weggehaald bij de verwijzingen.quote:
It's not just sex, it's love
It's two people connecting
With four other people
And aliens
It's two people connecting
With four other people
And aliens
Zet het even neer als \"quote:
[..]
Ik bewerk de html code in een .txt bestand (want het websysteem is kut), plak het geheel in het websysteem, sla het op, controleer het... en alle " " zijn weggehaald bij de verwijzingen.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
quote:
Goed, via jQuery laad ik een andere pagina in met behulp van:
[ code verwijderd ]
Dat houdt dus in dat als je op een linkje klikt met als a href "#wijzigpagina" dat hij wijzigpagina.php in de div, met als class="content", zet. In dit geval en formulier.
Nu submit ik dat formulier (van wijzigpagina.php) naar zijn eigen pagina, via de paginanaam (wijzigpagina.php) in de form action in te vullen. Nu wil ik, dat als ik op Submit druk, dat de uitkomst van het stuk wat in zijn werk gaat na het klikken op die knop weer in diezelfde div met class="content" komt. Want nu gaat hij, na het drukken, naar wijzigpagina.php, maar hij moet blijven op die index.php waar je dus de verwerkte pagina te zien krijgt.
| 1 2 3 4 5 | $ ("a[href=\"#wijzigpagina\"]").click (function (e) { e.preventDefault(); $ (".content").load ("wijzigpagina.php"); }); |
of return false;
Maar die is SEO-technisch erg onverstandig.
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?
Waarom is return false SEO technisch onverstandig in deze kwestie?
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
Schijnt te werkenquote:
Niet dus. Kutsysteem
[ Bericht 4% gewijzigd door Etcetera op 24-10-2011 10:21:49 ]
It's not just sex, it's love
It's two people connecting
With four other people
And aliens
It's two people connecting
With four other people
And aliens
beide doen hetzelfde. Het is onverstandig omdat de aangeroepen pagina waarschijnlijk geen opmaak of navigatie heeft. Als iemand die link in de SERP aanklikt krijgt hij dus alleen de content van die pagina, zonder verdere layout. Tenzij je detecteert of de pagina asynch wordt aangeroepen of niet, waardoor je zelf bepaalt of de layout moet worden gerendered of niet.quote:Op maandag 24 oktober 2011 09:54 schreef boem-dikkie het volgende:
Waarom is return false SEO technisch onverstandig in deze kwestie?
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?
Heb een probleem met CSS. Hoe krijg ik de background van de container net zo lang als de content? Inhoud van rcontent en lcontent variëren vandaar dat ik er geen vaste hoogte aan kan geven.
CSS
HTML Body
CSS
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 | html { height:100%; } body { margin:0; padding:0; background-color:#E6E6E6; widht:100%; height:100%; } #container { position:relative; margin:0 auto; width:1020px; background-color:#FFF; } #lheader { position:absolute; top:0px; left:0px; height:242px; width:670px; background-color:#39C; } #rheader { position:absolute; top:0px; left:670px; height:490px; width:350px; background-color:#F00; } #images { position:absolute; left:0px; top:242px; width:670px; height:248px; background-color:#060; } #lcontent { position:absolute; left:0; top:490px; width:670px; background-color:#633; margin:0; padding:0; } #rcontent { position:absolute; top:490px; left:670px; width:350px; background-color:#99C; } |
HTML Body
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 | <div id="container"> <div id="lheader"> </div> <div id="rheader"> </div> <div id="images"> </div> <div id="lcontent"> test1 </div> <div id="rcontent"> test2 </div> </div> |
Anonieme tievesclown
Door niet alles als een malloot een fixed width, fixed height en absolute positionering te geven
Nee.
Werkt wel lekker snel zo. Maar goed als ik niet op absolute ga stylen moet het opgelost zijn?quote:
Door niet alles als een malloot een fixed width, fixed height en absolute positionering te geven
Anonieme tievesclown
Heb je uberhaupt iets gelezen over CSS en positionering...?
Gebruik gewoon floats i.p.v. dingen absoluut te positioneren. Absoluut positioneren heeft zeker nut voor bepaalde scenario's, maar niet/nauwelijks voor het layouten van een pagina.
Gebruik gewoon floats i.p.v. dingen absoluut te positioneren. Absoluut positioneren heeft zeker nut voor bepaalde scenario's, maar niet/nauwelijks voor het layouten van een pagina.
Nee.
Ja ik weet genoeg van CSS maar moet in een korte tijd een HTML pagina als voorbeeld opsturen. Vandaar dat ik het snel doe met absolutes. Uiteindelijk komt alles in %.quote:
Heb je uberhaupt iets gelezen over CSS en positionering...?
Gebruik gewoon floats i.p.v. dingen relatief te positioneren.
Maar dat gaat blijkbaar niet werken
.
Anonieme tievesclown
Positioneren met percentages heeft niets te maken met positioneren?quote:
Je roept volgens mij maar wat. Opmaken in percentages heeft niks te maken met positionering.
Anonieme tievesclown
Opmaken in % heeft niets te maken met de problemen waar je tegenaan loopt dat je site niet flexibel is.
Probleem is dat ik wanneer ik alles een absolute geef de container ook een vaste hoogte moet hebben. Maar dit is niet op een snelle manier op te lossen?
Nvm, gooi de hele zooi wel om. Denk dat dat sneller is.
Nvm, gooi de hele zooi wel om. Denk dat dat sneller is.
Anonieme tievesclown
Ik ben even kwijt hoe het komt dat mijn 'wrapper' div zichzelf niet langer maakt zodra de content daarbinnen langer wordt.
wrapper heeft gewoon een min-height van 300px en een height: auto;
Zou toch moeten werken?
wrapper heeft gewoon een min-height van 300px en een height: auto;
Zou toch moeten werken?
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
Waarschijnlijk is al je content gefloat of absoluut gepositioneerd.
Doe 'm even overflow: hidden geven. (of in dat laatste geval: even de posts hierboven lezen)
Doe 'm even overflow: hidden geven. (of in dat laatste geval: even de posts hierboven lezen)
Ik heb op een site een linkje naar een telefoonnummer <a href="tel:06xxxxxx">06-xxxxxxx</a>.
Ik weet dat het mogelijk is om aparte css te maken voor een handheld. Mijn vraag is of ik die css kan instellen voor enkel linkjes die een href met tel: hebben zonder deze elementen een aparte class of id mee te geven.
Ik denk zelf eigenlijk dat het niet kan, ik zou in ieder geval niet weten hoe. Wellicht dat er met javascript wel wat gedaan kan worden door alle linkjes te bekijken en degene met tel: als prefix van de href een class mee te geven, maar mischien is er een optie om dit gelijk binnen css te doen die ik niet ken.
Ik weet dat het mogelijk is om aparte css te maken voor een handheld. Mijn vraag is of ik die css kan instellen voor enkel linkjes die een href met tel: hebben zonder deze elementen een aparte class of id mee te geven.
Ik denk zelf eigenlijk dat het niet kan, ik zou in ieder geval niet weten hoe. Wellicht dat er met javascript wel wat gedaan kan worden door alle linkjes te bekijken en degene met tel: als prefix van de href een class mee te geven, maar mischien is er een optie om dit gelijk binnen css te doen die ik niet ken.
http://www.howtocreate.co.uk/tutorials/css/mediatypesquote:
Ik heb op een site een linkje naar een telefoonnummer <a href="tel:06xxxxxx">06-xxxxxxx</a>.
Ik weet dat het mogelijk is om aparte css te maken voor een handheld. Mijn vraag is of ik die css kan instellen voor enkel linkjes die een href met tel: hebben zonder deze elementen een aparte class of id mee te geven.
Ik denk zelf eigenlijk dat het niet kan, ik zou in ieder geval niet weten hoe. Wellicht dat er met javascript wel wat gedaan kan worden door alle linkjes te bekijken en degene met tel: als prefix van de href een class mee te geven, maar mischien is er een optie om dit gelijk binnen css te doen die ik niet ken.
@media handheld {
#foo { position: static; }
}
Weet niet hoe goed dit werkt though. Of een telefoon dit oppakt.
Hij moet niet langer worden? Dan inderdaad een overflow hidden. Moet je echter wel een height definieren. Wat je nu hebt, is een halve min-height hack.quote:
Ik ben even kwijt hoe het komt dat mijn 'wrapper' div zichzelf niet langer maakt zodra de content daarbinnen langer wordt.
wrapper heeft gewoon een min-height van 300px en een height: auto;
Zou toch moeten werken?
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?
Hallo, ik ben een newbie en ik krijg iets niet voor elkaar.
Wat ik wil is de header bovenin hebben, wat is gelukt en daar links onder een lijst met pagina's waar je naartoe kunt gaan. Ik probeer dit nu met een <ul> tag alleen dit wil niet werken. De linkjes moeten als een soort tegels onder elkaar komen te staan.
Dit is de code die ik gebruik:
HTML
CSS
Nu komen ze door elkaar te staan en dat is niet wat ik wil. Tevens wil ik ook niet dat die bolletjes voor de list komen te staan. Wat zou ik kunnen doen om het zo te krijgen als ik wil?
Wat ik wil is de header bovenin hebben, wat is gelukt en daar links onder een lijst met pagina's waar je naartoe kunt gaan. Ik probeer dit nu met een <ul> tag alleen dit wil niet werken. De linkjes moeten als een soort tegels onder elkaar komen te staan.
Dit is de code die ik gebruik:
HTML
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | <body> <div id="header"> <img src="images/logo.gif" style="width:110px; height:110px;" alt="logo"/> <img id="top_picture" src="images/HeaderHome.jpg" alt="header"/> </div> <div id="menu"> <ul> <li><a class="link" href="#">Home</a></li> <li><a class="link" href="#">Home</a></li> <li><a class="link" href="#">Home</a></li> <li><a class="link" href="#">Home</a></li> <li><a class="link" href="#">Home</a></li> </ul> </div> </body> |
CSS
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 | body { margin: 0 auto; width: 950px; background: #FF9932; font-family: Candara; } #header { margin-top: 20px; margin-bottom: 20px; position: relative; } #top_picture { border: 3px solid #FFDE82; margin-left: 25px; } #menu { position: relative; margin-top: 30px; } .link { text-decoration: none; position: relative; color: #E8C31F; background: #744F03; border: 1px black solid; width: 20px; height: 20px; } ul { margin-top:20px; } |
Nu komen ze door elkaar te staan en dat is niet wat ik wil. Tevens wil ik ook niet dat die bolletjes voor de list komen te staan. Wat zou ik kunnen doen om het zo te krijgen als ik wil?
algemeen:
- wat is het nut van de extra div om het menu?
- waarom geef je al je UL's een classname?
- waarom maak je willekeurig allerlei elementen position:relative?
En wat staat er precies door elkaar? want een list zonder enige vorm van opmaak bestaat al gewoon uit elementen die netjes onder elkaar staan. En ik zie niets in je CSS wat dat zou kunnen veranderen.
en tot slot:
http://www.w3schools.com/cssref/pr_list-style.asp
- wat is het nut van de extra div om het menu?
- waarom geef je al je UL's een classname?
- waarom maak je willekeurig allerlei elementen position:relative?
En wat staat er precies door elkaar? want een list zonder enige vorm van opmaak bestaat al gewoon uit elementen die netjes onder elkaar staan. En ik zie niets in je CSS wat dat zou kunnen veranderen.
en tot slot:
http://www.w3schools.com/cssref/pr_list-style.asp
Dan doe ik altijd een halve min-height hack.quote:
[..]
http://www.howtocreate.co.uk/tutorials/css/mediatypes
@media handheld {
#foo { position: static; }
}
Weet niet hoe goed dit werkt though. Of een telefoon dit oppakt.
[..]
Hij moet niet langer worden? Dan inderdaad een overflow hidden. Moet je echter wel een height definieren. Wat je nu hebt, is een halve min-height hack.
Zeg maar min-height is gewoon 300, en height: auto, want zodra hij dan langer wordt dan 300 neemt height: auto het over en past hij de height aan naar hoelang hij wordt.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
Wat is er in hemelsnaam "hack" aan een min-height?
height:auto is trouwens de standaard waarde van een div dus die hoef je niet te specificeren.
height:auto is trouwens de standaard waarde van een div dus die hoef je niet te specificeren.
http://www.dustindiaz.com/min-height-fast-hack/quote:Op vrijdag 28 oktober 2011 16:06 schreef KomtTijd... het volgende:
Wat is er in hemelsnaam "hack" aan een min-height?
height:auto is trouwens de standaard waarde van een div dus die hoef je niet te specificeren.
Voor browser-compatibility issues is dat wel handig.Maar min-height impliceert al dat als hij minimaal die hoogte heeft en anders meeschaalt, dat is default behaviour.
Als je hem wél en height geeft geen overflow-hidden, schaalt hij overigens ook gewoon mee als het goed is.
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?
Als je 'm een height geeft (behalve "auto") schaalt'ie juist níét mee. Ongeacht de overflow. Daarmee bepaal je alleen wat er gebeurt als de content groter is dan de div. En overflow op iets anders dan visible (=default) zetten triggert eveneens dat het element weer meeschaalt met childs die gefloat zijn.quote:
http://www.dustindiaz.com/min-height-fast-hack/
Maar min-height impliceert al dat als hij minimaal die hoogte heeft en anders meeschaalt, dat is default behaviour.
Als je hem wél en height geeft geen overflow-hidden, schaalt hij overigens ook gewoon mee als het goed is.
Hij schaalt dus niet mee, zal morgen eens overflow: hidden; proberen.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
moet hij nu wel of niet schalen?
Als hij niet moet schalen, geef je een height met overflow:hidden aan. Moet hij wel schalen, geef je hem een min-height
@KomtTijd je hebt gelijk. Heb zelf dusdanig vaste patronen ontwikkeld dat daarbuiten denken wat lastig gaat soms
Als hij niet moet schalen, geef je een height met overflow:hidden aan. Moet hij wel schalen, geef je hem een min-height
@KomtTijd je hebt gelijk. Heb zelf dusdanig vaste patronen ontwikkeld dat daarbuiten denken wat lastig gaat soms
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?
Haha. Mijn wrapper duwt als het ware de footer naar beneden. Daarom zit er ook een min-height aan de wrapper, zodat als er weinig content in staat de lay-out in ieder geval goed is. Wat er nu gebeurt is dat hij zodra de content groter is dan de wrapper, hij buiten de wrapper valt, de footer op zijn plek blijft en de content vervolgens onder de footer uit komt.quote:
moet hij nu wel of niet schalen?
Als hij niet moet schalen, geef je een height met overflow:hidden aan. Moet hij wel schalen, geef je hem een min-height
@KomtTijd je hebt gelijk. Heb zelf dusdanig vaste patronen ontwikkeld dat daarbuiten denken wat lastig gaat soms
Ik wil dus dat de content 'in' de wrapper blijft zitten zodat de wrapper als de pagina langer wordt door content alsnog de footer naar beneden blijft drukken.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
Geen height (of minheight) opgeven en je content een float meegeven
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?
En de elementen ín de wrapper zijn gefloat?quote:
[..]
Haha. Mijn wrapper duwt als het ware de footer naar beneden. Daarom zit er ook een min-height aan de wrapper, zodat als er weinig content in staat de lay-out in ieder geval goed is. Wat er nu gebeurt is dat hij zodra de content groter is dan de wrapper, hij buiten de wrapper valt, de footer op zijn plek blijft en de content vervolgens onder de footer uit komt.
Ik wil dus dat de content 'in' de wrapper blijft zitten zodat de wrapper als de pagina langer wordt door content alsnog de footer naar beneden blijft drukken.
Elementen in de wrapper zijn inderdaad gefloat.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
Dan moet je inderdaad van de wrapper de overflow propertie op iets niet-standaards zetten (bijv. hidden).
Of je moet onder de gefloate elementen een extra element plaatsen dat zelf niet gefloat is, met clear:both. Maar dan moet je dus je HTML aanpassen.
Of je moet onder de gefloate elementen een extra element plaatsen dat zelf niet gefloat is, met clear:both. Maar dan moet je dus je HTML aanpassen.
als die wrapper float en zijn elementen ook, schaalt die wrapper toch gewoon mee? Of let ik niet goed op?
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?
Ik denk dat ik dat maar doe, wellicht handiger.quote:
Dan moet je inderdaad van de wrapper de overflow propertie op iets niet-standaards zetten (bijv. hidden).
Of je moet onder de gefloate elementen een extra element plaatsen dat zelf niet gefloat is, met clear:both. Maar dan moet je dus je HTML aanpassen.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
quote:
Ik heb op een site een linkje naar een telefoonnummer <a href="tel:06xxxxxx">06-xxxxxxx</a>.
Ik weet dat het mogelijk is om aparte css te maken voor een handheld. Mijn vraag is of ik die css kan instellen voor enkel linkjes die een href met tel: hebben zonder deze elementen een aparte class of id mee te geven.
| 1 2 3 | a:link[href^=tel:]{ -- je l33te css-code } |
Zou moeten werken in alle moderne browsers. Specifieke CSS uitleveren kun je idd met een mediaquery doen, of met een tool als Modernizr checken of je op een touch-device zit.
Nee.
Ik ben niet zo goed nog met html en css, maar snap je wat ik wil krijgen?quote:
algemeen:
- wat is het nut van de extra div om het menu?
- waarom geef je al je UL's een classname?
- waarom maak je willekeurig allerlei elementen position:relative?
En wat staat er precies door elkaar? want een list zonder enige vorm van opmaak bestaat al gewoon uit elementen die netjes onder elkaar staan. En ik zie niets in je CSS wat dat zou kunnen veranderen.
en tot slot:
http://www.w3schools.com/cssref/pr_list-style.asp
Hoe zou jij dat dan in de code doen?
| 1 2 3 4 5 | <ul id="menu"> <li><a href="#">home</a></li> <li><a href="#">home</a></li> <li><a href="#">home</a></li> </ul> |
| 1 2 3 4 5 6 7 | #menu li { background: #744F03; border: 1px solid black; /* <-- deze volgorde is correct overigens */ width: 20px; height: 20px; list-style-type: none; } |
weet iemand waar ik een plugin kan vinden voor jquery zoals deze:
http://vaasje.amstel.nl/contact/ (klik even op 'Klik hier om te kijken of het antwoord op je vraag bij de veelgestelde vragen staat.') dan zie je een faq, dat zoek ik ook! maar kan het niet vinden
http://vaasje.amstel.nl/contact/ (klik even op 'Klik hier om te kijken of het antwoord op je vraag bij de veelgestelde vragen staat.') dan zie je een faq, dat zoek ik ook! maar kan het niet vinden
The people who lost my respect will never get a capital letter for their name again.
Like trump...
Like trump...
Zoek even op 'jquery accordion' - zat voorbeelden te vinden. Volgens mij zit het ook standaard in de jQuery UI library.
Nee.
Correct, dit is de jQuery UI versie volgens mijquote:
Zoek even op 'jquery accordion' - zat voorbeelden te vinden. Volgens mij zit het ook standaard in de jQuery UI library.
Ik heb een klein css probleempje met 2 knoppen.
Het gaat hier om een
<input type>
<button type>
Deze 2 verschillen geen moer van css.
maar toch willen ze net iets anders weergeven.
Hoe kan ik dit oplossen?
Betreffende pagina:
http://www.clickenweb.nl/(...)aantal=20000&prijs=1
Het gaat hier om een
<input type>
<button type>
Deze 2 verschillen geen moer van css.
maar toch willen ze net iets anders weergeven.
Hoe kan ik dit oplossen?
Betreffende pagina:
http://www.clickenweb.nl/(...)aantal=20000&prijs=1
Redacted
Input en Button in css beiden dezelfde eigenschappen geven (zelfde font, zelfde fontgrootte)quote:
Ik heb een klein css probleempje met 2 knoppen.
Het gaat hier om een
<input type>
<button type>
Deze 2 verschillen geen moer van css.
maar toch willen ze net iets anders weergeven.
Hoe kan ik dit oplossen?
Betreffende pagina:
http://www.clickenweb.nl/(...)aantal=20000&prijs=1
Op dinsdag 16 maart 2010 18:45 schreef henrydg het volgende:
Wat is er mis met de Prius?
[ afbeelding ]
Ik vind 't een hele mooie auto.
Wat is er mis met de Prius?
[ afbeelding ]
Ik vind 't een hele mooie auto.
| 1 2 3 4 | input[type='submit'], button { border:none; background:transparent; //of je eigen kleur } |
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?
zijn er goede site die je kunnen helpen met de opbouw van je site,
dus de opmaak van alle blokken?
kan het wel zelf uitvogelen, maar het is vaak wel leerzaam om te zien hoe het opgebouwt wordt
dus de opmaak van alle blokken?
kan het wel zelf uitvogelen, maar het is vaak wel leerzaam om te zien hoe het opgebouwt wordt
Vrijwel iedere website kan dat.
rechtermuis->bron weergeven.
(alleen FOK! is misschien géén goed voorbeeld)
rechtermuis->bron weergeven.
(alleen FOK! is misschien géén goed voorbeeld)
ik bedoel eigenlijk een site die je helpt met het bouwen van je opmaakquote:
Vrijwel iedere website kan dat.
rechtermuis->bron weergeven.
(alleen FOK! is misschien géén goed voorbeeld)
