abonnement bol.com Unibet Coolblue
pi_85068025
1
2
3
4
5
#lijn {
background:url(../images/line.png) repeat-x;
display:block;
height:1px;
}
Zou moeten werken. Overigens raad je ik aan om hier het horizontal rule element voor te gebruiken (<hr />), aangezien het daarvoor bedoeld is en die dan een background e.d. geven. Wel zo netjes :)
Bleuh.
  maandag 9 augustus 2010 @ 21:44:52 #27
71610 Black-Hole
Deep in my soul
pi_85068993
quote:
Op maandag 9 augustus 2010 21:29 schreef PimD het volgende:

[ code verwijderd ]

Zou moeten werken. Overigens raad je ik aan om hier het horizontal rule element voor te gebruiken (<hr />), aangezien het daarvoor bedoeld is en die dan een background e.d. geven. Wel zo netjes :)
Dat werkt inderdaad ^O^

Nadeel van de <hr> tag is dat ik hm niet goed gestyled krijg en heel de ruimte inneemt en dat terwijl ik nog wat margins nodig heb links en rechts.
pi_85070295
quote:
Op maandag 9 augustus 2010 21:44 schreef Black-Hole het volgende:

[..]

Dat werkt inderdaad ^O^

Nadeel van de <hr> tag is dat ik hm niet goed gestyled krijg en heel de ruimte inneemt en dat terwijl ik nog wat margins nodig heb links en rechts.
Wat margins links en rechts kan toch gewoon?
1
2
3
4
5
6
7
hr {
    height: 2px;
    margin: 0 50px;
    background-color: #f00;
    border: 0;
    border-bottom: 1px solid #00f;
}
  maandag 9 augustus 2010 @ 22:29:53 #29
71610 Black-Hole
Deep in my soul
pi_85071938
quote:
Op maandag 9 augustus 2010 22:05 schreef Light het volgende:

[..]

Wat margins links en rechts kan toch gewoon?
[ code verwijderd ]


De styling ervan zorgt voor problemen in IE als ik ga werken met een background image, wat je weer kan verhelpen met een div maar dat maakt het allemaal nog complexer.
pi_85073367
Maar wel semantisch correct.
Bleuh.
pi_85074004
Ik heb hier zo geen IE om mee te testen :) Maar volgens mij moet het gewoon met een hr zonder div kunnen. Ook in IE.
  woensdag 18 augustus 2010 @ 06:02:19 #32
110933 F4T4L_3RR0R
R.I.P. webicon ;(
pi_85423862
Ik heb 2 div'jes naast elkaar in een andere div (container) staan.

Als ik de container bijvoorbeeld een rode background-color meegeef, dan is de container rood.

Float ik het linker div'je naar links dan werkt alles nog goed.
Float ik het rechter div'je naar rechts, dan verdwijnt de rode achtergrond in de container.

:?



Wit is pagina.
Rood is container.
Groen is linker div.
Blauw is rechter div.
Een ballonvaarder die door de mand valt is nooit grappig...
pi_85424120
Je moet de container "overflow:hidden" geven om de floats te clearen. Of de clearfix gebruiken (Googlen op clearfix) als je de bulletproof oplossing wilt gebruiken.
Bleuh.
pi_85429522
Hoi,

Ik heb een menu, en als je over een link hovert, komt er een achtergrondafbeelding boven de link. Die afbeelding is 165 px ongeveer, kleiner zou gewoon misstaan.

Het punt is echter dat sommige menuitems veel smaller zijn dan 165 px, en dat de afbeelding wordt afgesneden. Hoe krijg ik het hokje waar een item in zit breder, zodat de afbeelding erin past?

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
#menu ul{

    display:inline-block;
    padding: 0;
    margin: 0;
    white-space: no-wrap;
}

#menu ul li{
    display: inline;
    list-style-type: none;
    float:left;
}

#menu ul li a{
    display:block;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    color:#000000;
    padding:10px 0px 10px 0px;
    text-indent:0px;
    font-size:15px;
    font-weight:bold;
    margin-right:30px;
    margin-left:60px;
    
}

#menu ul li a:hover{
    background-image:url(img/linkhovermenu.png);
    background-repeat:no-repeat;
    background-position:center;
    
}
pi_85429691
Gewoon een breedte opgeven bij de links:

1
2
3
#menu ul li a {
    width: 165px;
}
pi_85429769
Bedankt!
  woensdag 18 augustus 2010 @ 15:07:14 #37
110933 F4T4L_3RR0R
R.I.P. webicon ;(
pi_85437405
quote:
Op woensdag 18 augustus 2010 07:17 schreef PimD het volgende:
Je moet de container "overflow:hidden" geven om de floats te clearen. Of de clearfix gebruiken (Googlen op clearfix) als je de bulletproof oplossing wilt gebruiken.
Div 1(wat eigenlijk eigenlijk een UL is wat ook een blokelement is) en div 2 zitten in de container die niet wordt gepositioneerd d.m.v. een float, maar door text-align: center.

Als ik de de floats in de container ga clearen, gebeurt er dit:



Voor de zekerheid de code zoals het nu is:

1
2
3
4
5
6
7
8
9
10
11
12
13
<?php
<div id="container">
  <
ul id="menu">
    <
li><a href="cam1.html">CAMERA 1</a></li>
    <
li class="active"><a href="cam2.html">CAMERA 2</a></li>
    <
li><a href="cam3.html">CAMERA 3</a></li>
    <
li><a href="cam4.html">CAMERA 4</a></li>
  </
ul>
  <
div id="camera">
    <!-- 
hier staat een stukje javascript -->
  </
div>
</
div>
?>
En de CSS opmaak:

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
<?php
* {
    
margin0;
    
padding0;
}

body {
    
text-aligncenter;
    
font-familyVerdana;
}

#container {
    
margin0 auto 0 auto;
    
width800px;
    
heigthauto;
    
background-color#FF0000;
}

ul#menu {
    
floatleft;
    
margin0 auto 0 auto;
    list-
style-typenone;
}

ul#menu li {
    
margin0 0 10px 0;
}

ul#menu li a {
    
displayblock;
    
color#28549E;
    
font-size14px;
    
font-weightbold;
    
background-color#FFFFFF;
    
bordersolid 2px #28549E;
    
width125px;
    
padding0.3em 0.2em 0.3em 0.3em;
    
text-decorationnone;
}

ul#menu li a:hover {
    
background-color#E6EEF9;
}

ul#menu li.active a {
    
color#FFFFFF;
    
background-color#28549E;
}

ul#menu li.active a:hover {
    
color#28549E;
    
background-color#E6EEF9;
}

#camera {
    
floatright;
    
margin0 auto 0 auto;
    
bordersolid 1px #000000;
    
width640px;
    
height480px;
}
?>


[ Bericht 44% gewijzigd door F4T4L_3RR0R op 18-08-2010 15:15:06 ]
Een ballonvaarder die door de mand valt is nooit grappig...
pi_85437749
quote:
Op woensdag 18 augustus 2010 15:07 schreef F4T4L_3RR0R het volgende:

[..]

Div 1 en 2 zitten in de container die niet wordt gepositioneerd d.m.v. een float, maar door text-align: center.
Een div positioneren met text-align? Text-align is bedoeld voor tekst, niet voor divs. Dus hoe je dat wilt gebruiken, snap ik niet.

Het zou kunnen dat het in een enkele browser wel werkt, maar da's dan geen browsers die je moet willen gebruiken voor het ontwikkelen van een site. Hooguit op het laatst, om te kijken of alles daar ook goed staat.
  woensdag 18 augustus 2010 @ 15:19:25 #39
110933 F4T4L_3RR0R
R.I.P. webicon ;(
pi_85437961
Ik zie nu dat ik de container toch heb gepositioneerd met: margin: 0 auto 0 auto;

Ik heb ook de code toegevoegd aan mijn vorige bericht.
Een ballonvaarder die door de mand valt is nooit grappig...
pi_85523257
Welke tut raden jullie een complete noob aan? Vroegah een beetje geklooid met frontpage maar dat is verschrikkelijk. Ik neem aan dat ik genoeg heb aan dreamweaver?
Medicine must bring back the joy in the life of the patient.Medicine must give the patient something to celebrate.When medicine cannot achieve this, the goal must be to allow the patient to die a death as quickly and as painlessly as possible
pi_85523930
Tutorials heb je vrij weinig aan naar mijn idee. Boeken als Handcrafted CSS, Transcending CSS of CSS Mastery geven je een veel beter beeld van WAAROM je iets doet, iets wat bij veel tutorials vaak niet of nauwelijks wordt gedaan naar mijn idee.

CSS is niet iets dat je even erbij leert van een tutorial. Goede HTML en CSS zijn een vak apart, zeker nu we steeds vaker voor verschillende soorten media ontwikkelen (iPad en andere mobiele devices). Het is vooral een kwestie van veel doen, proberen en lezen IMO.
Bleuh.
  vrijdag 20 augustus 2010 @ 23:34:04 #42
71610 Black-Hole
Deep in my soul
pi_85530814
quote:
Op vrijdag 20 augustus 2010 20:04 schreef ZwarteSteen het volgende:
Welke tut raden jullie een complete noob aan? Vroegah een beetje geklooid met frontpage maar dat is verschrikkelijk. Ik neem aan dat ik genoeg heb aan dreamweaver?
Dit is een erg handige video guide die wel alle basics uitlegt (wel betaald) http://net.tutsplus.com/t(...)mplete-video-series/

Sowieso is net.tutsplus.com een erg goede site met veel tutorials, heb er zelf erg veel aan gehad als complete noob :)
  woensdag 25 augustus 2010 @ 17:41:30 #43
37634 wobbel
Da WoBBeL King
pi_85696617
Hoe heet die techniek waarmee je met 1 background plaatje de hele div kan vormgeven?

Gaat om een plaatje met daarin alle borders maar de div die wisselt steeds van afmetingen
pi_85697548
CSS sprites is bedoeld om zoveel mogelijk decoratieve elementen in 1 image te doen. Of dit is wat jij bedoelt vraag ik me echter af. Voor bijv. een box met ronde hoeken e.d. zul je toch meerdere div's moeten nesten. Of je moet gebruik maken van multiple backgrounds / border images natuurlijk, maar dat werkt nog niet echt cross-browser.
Bleuh.
  woensdag 1 september 2010 @ 14:09:03 #45
27454 InTrePidIvity
Looks like it's broken...
pi_85948369
CSS kan toch niet de functionaliteit van een HTML-element wijzigen?

Met deze code werkt m'n search-bar namelijk niet:

1.mini-search { position:absolute; bottom:0px; left:47px; width:300px; height:28px; }
Maar zo werkt het wel:

1.mini-search { position:absolute; top:115px; right:0px; width:300px; height:28px; }
Nadeel is echter dat hij dan niet staat op de plaats waar ik het wil :?

Hoe kan dit (opgelost worden)?
...it's rielie broken... It's rielie, rielie broken... Let's go wecycle!
[Tournament] Beste Remake
pi_85956231
Geen idee, klinkt als een z-index probleem. Kun je ook je HTML online zetten?
Bleuh.
  woensdag 1 september 2010 @ 18:03:18 #47
27454 InTrePidIvity
Looks like it's broken...
pi_85956307
quote:
Op woensdag 1 september 2010 18:00 schreef PimD het volgende:
Geen idee, klinkt als een z-index probleem. Kun je ook je HTML online zetten?
Het is al opgelost, het stond inderdaad niet goed in de HTML :)
...it's rielie broken... It's rielie, rielie broken... Let's go wecycle!
[Tournament] Beste Remake
pi_86109911
Goh, ben ik weer. Ik probeer een footer aan de onderkant van mijn pagina te zetten. Dit werkt echter niet. Iemand had me al de tip gegeven mijn container een positie te geven, dit hielp echter niet. Ik krijg gewoon geen footer te zien.

Waar mis ik iets?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
#container{
    width:820px;
    min-height:400px;
    margin:0 auto;
    background-color:#FFF;
    padding-top:30px;
    position:relative;
    
}
#footer{
    width:790;
    height:11px;
    background-image:url(img/bottomswirls.png);
    background-repeat:no-repeat;    
    position: absolute;
    bottom:0;
}
Edit: Als ik er text in tik, in de footer, wordt hij een vierkantje van ca 30 bij 30 met de text erin. Wél aan de onderkant van de pagina.
pi_86115857
Staat de footerdiv wel in de containerdiv?
  vrijdag 17 september 2010 @ 01:02:45 #50
134533 donroyco
dus niet Donroyco
pi_86523507
Ik wil graag een footer die buiten de wrap omgaat (er na dus), die een eigen achtergrond-afbeelding heeft die 100% width heeft. Bij mijn probeerselen houd ik aan beide kanten (en onderkant) nog pixels over. Als body-achtergrond meegeven is geen optie, gezien de mogelijk variabele content. Iemand een oplossing?
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
abonnement bol.com Unibet Coolblue
Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')