quote:Op zondag 23 oktober 2011 22:25 schreef Xanland het volgende:
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"); }); |
Schijnt te werkenquote:
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?
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; } |
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> |
Werkt wel lekker snel zo. Maar goed als ik niet op absolute ga stylen moet het opgelost zijn?quote:Op donderdag 27 oktober 2011 20:24 schreef PimD het volgende:
Door niet alles als een malloot een fixed width, fixed height en absolute positionering te geven
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:Op donderdag 27 oktober 2011 20:26 schreef PimD het volgende:
Heb je uberhaupt iets gelezen over CSS en positionering...?
Gebruik gewoon floats i.p.v. dingen relatief te positioneren.
Positioneren met percentages heeft niets te maken met positioneren?quote:Op donderdag 27 oktober 2011 20:29 schreef PimD het volgende:
Je roept volgens mij maar wat. Opmaken in percentages heeft niks te maken met positionering.
http://www.howtocreate.co.uk/tutorials/css/mediatypesquote:Op vrijdag 28 oktober 2011 12:24 schreef Alfje het volgende:
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.
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:Op donderdag 27 oktober 2011 21:37 schreef boem-dikkie het volgende:
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?
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> |
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; } |
Dan doe ik altijd een halve min-height hack.quote:Op vrijdag 28 oktober 2011 12:58 schreef Catch22- het volgende:
[..]
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.
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.
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:Op vrijdag 28 oktober 2011 16:06 schreef Catch22- het volgende:
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.
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:Op vrijdag 28 oktober 2011 16:12 schreef Catch22- het volgende:
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
En de elementen ín de wrapper zijn gefloat?quote:Op vrijdag 28 oktober 2011 16:40 schreef boem-dikkie het volgende:
[..]
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.
Ik denk dat ik dat maar doe, wellicht handiger.quote:Op vrijdag 28 oktober 2011 16:55 schreef KomtTijd... het volgende:
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.
quote:Op vrijdag 28 oktober 2011 12:24 schreef Alfje het volgende:
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 } |
Ik ben niet zo goed nog met html en css, maar snap je wat ik wil krijgen?quote:Op vrijdag 28 oktober 2011 15:51 schreef KomtTijd... het volgende:
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
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; } |
Correct, dit is de jQuery UI versie volgens mijquote:Op zaterdag 29 oktober 2011 08:53 schreef PimD het volgende:
Zoek even op 'jquery accordion' - zat voorbeelden te vinden. Volgens mij zit het ook standaard in de jQuery UI library.
Input en Button in css beiden dezelfde eigenschappen geven (zelfde font, zelfde fontgrootte)quote:Op woensdag 2 november 2011 23:43 schreef cablegunmaster het volgende:
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
1 2 3 4 | input[type='submit'], button { border:none; background:transparent; //of je eigen kleur } |
ik bedoel eigenlijk een site die je helpt met het bouwen van je opmaakquote:Op maandag 7 november 2011 10:25 schreef KomtTijd... het volgende:
Vrijwel iedere website kan dat.
rechtermuis->bron weergeven.
(alleen FOK! is misschien géén goed voorbeeld)
Daar heb je design bureau`s voor.quote:Op maandag 7 november 2011 10:30 schreef MrNiles het volgende:
[..]
ik bedoel eigenlijk een site die je helpt met het bouwen van je opmaak
Probeer eerst eens een opmaak in blokken met pen en papier te maken. En dan in Photoshop. En dat dan 1-op-1 nabouwen in HTML.quote:Op maandag 7 november 2011 09:06 schreef MrNiles het volgende:
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
Forum Opties | |
---|---|
Forumhop: | |
Hop naar: |