[CSS] voor dummies - deel 11

Index

» digital corner

» development

actieve topics nieuwe topics
abonnement Unibet Coolblue
pi_66122271
Ik heb een containerdiv gemaakt, maar doet het nog steeds niet..

1
2
3
4
5		#container {
border: 1px solid;
width: 1200px;
height: 600px;
}


1
2
3
4
5
6		<div id="container">
   <div id="logo"><img src="images/logo1.png" /></div>
   <div id="menu"></div>
   <div id="search">asdf</div>
   <div id="content">adsf</div>
</div>
pi_66122362
Dat klopt. Dit maakt geen drol uit :P.

Nogmaals, denken in kolommen.

1
2		[=1=] [=3=]
[=2=] [=4=]


a. Als 1 en 2 altijd dezelfde breedte hebben, die in een div zetten.
b. Als 1 en 3 altijd dezelfde hoogte hebben, die in een div zetten (maar dan laat je die niet floaten)

Als a en b waar zijn mag je zelf kiezen :P.
pi_66122700
a is waar, heb ik gedaan, maar wat moet ik dan met 3 en 4 doen?
pi_66122723
quote:
Op maandag 16 februari 2009 15:43 schreef Nashje het volgende:

Was al van plan om een leftrow en rightrow te maken, maar toch een containertje dus. Even proberen.
Zolang je ze maar niet die namen geeft (leftrow, rightrow)
pi_66122790
quote:
Op maandag 16 februari 2009 16:00 schreef Nashje het volgende:
a is waar, heb ik gedaan, maar wat moet ik dan met 3 en 4 doen?
Je kan er een containertje omheen zetten. Container dan een vaste breedte meegeven, en de divs in die container erven die dan wel.
pi_66122930
quote:
Op maandag 16 februari 2009 16:02 schreef veldmuis het volgende:

[..]

Je kan er een containertje omheen zetten. Container dan een vaste breedte meegeven, en de divs in die container erven die dan wel.
Gelukt . Ik had al een container gemaakt voor 3 en 4 en gefloat naar left, maar deed het niet. Toen ik de container van 1 en 2 naar left had gefloat, deed ie het wel. Dank dank.
pi_66122993
Yup. Een container met floatende elementen erin moet je zelf ook laten floaten. Het is iets met de manier waarop floatende divs met niet-floatende divs 'communiceren'.
pi_66157986
Heb een vraagje, ben een formulier aan het maken voor een vragen lijst.

Nu heb ik voor de 4 woonplaatsen een selectie vakje gemaakt.
Hieronder heb ik een vraag in welke woon wijk de mensen wonen.

Nu wil ik dat als mensen bijvoorbeeld Apeldoorn aangeven de volgende vraag alleen de wijken van Apeldoorn worden getoond. En als mensen Deventer aangeven dat dan alleen de wijken van Deventer komen.
quote:
Welke plaats woont u?:
<br />
<input type="radio" id="Apeldoorn" name="gender" value="man"> <label for="man">Apeldoorn</label>
<input type="radio" id="Deventer" name="gender" value="vrouw"> <label for="vrouw">Deventer</label>
<input type="radio" id="Zuthpen" name="gender" value="vrouw"> <label for="vrouw">Zuthpen</label>
<input type="radio" id="Buitengebied" name="gender" value="man"> <label for="man">Buitengebied</label>

<div class="place">
<div class="field">

<div class="place">
<div class="field">
<text> In welke wijk woont u?
</text>
<select name="Woonwijk">
<option value="Woonwijk">De Parken</option>
<option selected value="Woonwijk">Centrum</option>
<option value="Woonwijk">De Maten</option>
<option value="Woonwijk">Berg & Bos</option>
<option value="Woonwijk">Zuidbroek</option>
<option value="Woonwijk">Osseveld</option>
<option value="Woonwijk">Woudhuis</option>
<option value="Woonwijk">Welgelegen</option>
<option value="Woonwijk">Orden </option>
<option value="Woonwijk">Zevenhuizen</option>
<option value="Woonwijk">Kerstschoten </option>
<option value="Woonwijk">Zuid</option>

</select>
</form>
</div>
pi_66159691
Wat is je vraag? Dat iemand een scriptje voor je schrijft (er is een JS topic trouwens)?

Het lijkt me overigens sterk dat al die wijken een value "woonwijk" moeten hebben en de steden stiekem geslachten zijn

Tip: Als je echt helemaal niets weet van HTML én niet zelfredzaam genoeg bent om de absolute basis uit te willen zoeken, begin er dan aub niet aan
pi_66190004
quote:
Op dinsdag 17 februari 2009 14:36 schreef Roy_T het volgende:
Het lijkt me overigens sterk dat al die wijken een value "woonwijk" moeten hebben en de steden stiekem geslachten zijn
.
pi_66194625
Het is gelukt mensen
pi_66202963
Post je code eens, ik ben benieuwd wat voor creatieve oplossingen hebt bedacht. Misschien een <fix-this> tag of <magic>-tag(uiteraard niet afgesloten)?
Bleuh.
pi_66270745
Ondanks dat ik mezelf toch als een redelijk competente CSS'er beschouw heb ik nu toch een probleempje :P
Ik probeer een container DIV de hoogte van het scherm aan te laten nemen, dat lukt, maar als de inhoud van de pagina langer wordt dan het scherm houdt de achtergrondkleur ook op. Opzich logisch natuurlijk. Zowel op html en body heb ik een height van 100% toegepast (min-height: 100%; maakt geen verschil).

Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24		html {
   height: 100%;
   margin: 0;
}

body {
   background-color: #EFF8FD;
   height: 100%;
   
   font-family: arial, tahoma, verdana, sans-serif;
   font-size: 12px;
}

div#page
{
   width: 960px;
   height: 100%;
   background-color: white;
   
   position: absolute;
   left: 50%;
   top: 0px;
   margin-left: -480px;
}


Ik ben al genoeg javascript-achtige oplossingen tegengekomen, maar dit moet afaik met CSS op te lossen zijn..
pi_66271262
Zou moeten werken met min-height. Maar waarom wil je het per se zo doen? Kun je die kleur niet gewoon aan de body geven, of anders faux columns gebruiken?
pi_66271368
quote:
Op vrijdag 20 februari 2009 11:36 schreef Intrepidity het volgende:
Ik ben al genoeg javascript-achtige oplossingen tegengekomen, maar dit moet afaik met CSS op te lossen zijn..
Volgens mij werkt dit gewoon?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21		<style type="text/css">
html {
   height: 100%;
   margin: 0;
}

body {
   background-color: #EFF8FD;
   height: 100%;   
   font-family: arial, tahoma, verdana, sans-serif;
   font-size: 12px;
}

div#page
{
   width: 960px;
   min-height: 100%;
   background-color: white;
  margin:0 auto; [b]iets mooier dan left:50; margin-left:-480px ;)[/b]
}
</style>
Bleuh.
pi_66271793
Helaas werkt dat niet gewoon:


Volgensmij kan ik met de bodytag toch geen specifiek gebied een witte achtergrond geven? Het gaat dus om een box van 960 pixels breed horizontaal gecentreerd, volgensmij kan ik dat effect niet in de body bereiken tenzij ik met een witte afbeelding ga lopen klooien..

Dat van die margin: 0 auto; is uiteraard een goede tip, maar daarmee gaat vrijwel de hele layout (een aantal delen zijn absoluut gepositioneerd) naar de klote, het lijkt alsof de elementen binnen de div #page dan niet meer binnen de box willen vallen.. maar dat zoek ik later wel even uit nevermind, al gefixed met een position: relative in #page

[ Bericht 17% gewijzigd door Intrepidity op 20-02-2009 12:09:21 ]
pi_66274762
quote:
Op vrijdag 20 februari 2009 12:02 schreef Intrepidity het volgende:

Het gaat dus om een box van 960 pixels breed horizontaal gecentreerd, volgensmij kan ik dat effect niet in de body bereiken tenzij ik met een witte afbeelding ga lopen klooien..
Volledig geaccepteerde manier
pi_66275741
Kan wel wezen, maar er zal vast een oplossing door middel van CSS zijn die ook voldoet.. Dat heb ik liever dan een extra afbeelding, scheelt weer een request per pageview..
pi_66276955
Far future expiry headers enzo... 1 request per jaar

Het is een bitch om cross browser te hebben doen wat je wilt, dat is waarom niemand het op die manier probeert. Maar be my guest
pi_66344919
http://trinitati.nl/agenda.php

hoe kan ik 1 TD ruimte forceren? dat hij langer word ondanks dat de pagina dat zelf niet is.

met medewerking kropt zichzelf op maar hoe los ik dit op?
Redacted
pi_66346064
Ik zie niet wat je bedoelt?
pi_66346636
quote:
Op zondag 22 februari 2009 17:28 schreef veldmuis het volgende:
Ik zie niet wat je bedoelt?
nou je hebt 1 TD veld en die moet altijd 200 px breed zijn ongeacht de inhoud
maar als ik korte woorden als inhoud hebt
bv.

dan kropt de tabel op.
en krijg
je irritante
regels
ipv " dan kropt de tabel op en krijg je irritante regels"

Hoe pak ik dit aan ?
Redacted
pi_66353456
Een width aan de betreffende TD geven
pi_66353815
quote:
Op zondag 22 februari 2009 21:21 schreef Roy_T het volgende:
Een width aan de betreffende TD geven
maar dat werkt niet
want dan gaat hij alleen uitrekken als de beeldschermresolutie groter is.
ik wou hem constant hebben en de rest niet.

bvb

tabel
cel 1 cel 2 cel 3
blablabla<witruimte><witruimte> blablablabal blablablablabl

ipv
cel 1 cel 2 cel 3
blablabla blablalba blablabla
blablabal


eigenlijk 1 vaste lengte van een cel. en de rest variabele.
Redacted
pi_66356691
Width: 100% op de table, en een vaste width op 1 cell zou gewoon moeten werken. Of ik snap nog steeds niet wat je wilt
actieve topics nieuwe topics
abonnement Unibet Coolblue
[CSS] voor dummies - deel 11
Index

» digital corner

» development

Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')