[CSS] voor dummies - deel 11

Index

» digital corner

» development

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
pi_65844077
Wie weet waarom ik het kleine gekleurde balkje heb tussen het menu bovenin en het logo? In IE heb ik hem niet maar in alle andere browsers wel. Ik vermoed dat het heel erg simpel is, maar ik vind het niet

http://www.yeuxmarrons.com



1
2
3
4
5
6
7
8
9
10
11
12
13		#globalnav{padding-top:.1em;text-align:right;color:#999;font-size:92%;font-color:#bb6e00; font-size: 10px;
background-color:#ffffff; width:960px;}
#globalnav li{display:inline;margin-left:0.5em;padding-right:0.7em;border-right:1px solid #D4D4D4;}
#navigation {
    float:right;
    text-align: right;
    background-color:#985e04; 
    margin-right: 0%;
    width: 100%;
    font-size: 10px;
    background:url('logo.gif');
   height:100px;
    }


1
2
3
4
5
6
7
8
9
10
11
12
13
14		<div id="page">
    <div id="globalnav">
      <ul>
         <li><a href="http://www.flickr.com/photos/rcsmit/" target="_blank">Photos@FlickR</a> </li>

         <li><a href="http://petitmonde.yepcheck.com/" target="_blank">Lifelog</a></li>
          <li><a href="http://www.yeuxmarrons.com/contact.php" class="contact">Contact(er)</a></li>
      </ul>
   </div><!-- #globalnav -->
   <div id="navigation"  onclick="location.href='http://www.yeuxmarrons.com';" style="cursor:pointer;">
      <ul>
         <li><a href="http://www.yeuxmarrons.com/photos/B2614">B2614</a></li>ETCETERA</ul>

   </div>
De wijze houdt zich op de achtergrond, in werkelijkheid staat hij vooraan
pi_65844111
Een margin die meekomt van bijvoorbeeld de ul?
Doe eens een URL?
pi_65844122
Jij bent er snel bij ! Toegevoegd, is http://www.yeuxmarrons.com
De wijze houdt zich op de achtergrond, in werkelijkheid staat hij vooraan
pi_65844155
De UL van je bovenste menu (rechtsboven die 3 links). Daar even de margin-bottom op 0px zetten en het is over
pi_65844295
Het is gelukt! en als ik die ruimte wel wil hebben, maar dan wit?

Het is trouwens raar dat ik in het fototabel gedeelte geen achtergrond kan plaatsen, maar in het logogedeelte wel. Ik heb http://www.webmasterworld.com/forum83/6991.htm daarover gevonden, maar ken je nog een simpeler walkaround?
De wijze houdt zich op de achtergrond, in werkelijkheid staat hij vooraan
pi_65844487
quote:
Op zondag 8 februari 2009 11:45 schreef tim2308 het volgende:
Het is gelukt! en als ik die ruimte wel wil hebben, maar dan wit?
#globalnav een margin-top van x pixels geven?
quote:
Het is trouwens raar dat ik in het fototabel gedeelte geen achtergrond kan plaatsen, maar in het logogedeelte wel. Ik heb http://www.webmasterworld.com/forum83/6991.htm daarover gevonden, maar ken je nog een simpeler walkaround?
Ik zie dat zo snel niet eigenlijk. Je kunt de background wel aan de UL meegeven, maar ik weet niet of dat is wat je wilt?
pi_65847175
Ik vraag me trouwens nog iets af. Ik heb vaak last van waardeloze marges als ik iets zo opzet:
1
2
3
4
5		<ul>
<li>bla</li>
<li>bla</li>
<li>bla</li>
</ul>

Dit werkt dan wel
1
2
3		<ul>
<li>bla</li><li>bla</li><li>bla</li>
</ul>


Het verschilt per browser hoe daarmee omgegaan wordt. Voor de duidelijkheid en netheid van de HTML heb ik liever het eerste, maar het tweede is helaas wel eens nodig.

Is daar een oplossing voor?
pi_65855115
Heb je een testcase veldmuis? Ik heb het namelijk nog nooit gedaan met lists
pi_65856505
quote:
Op zondag 8 februari 2009 14:16 schreef veldmuis het volgende:
Ik vraag me trouwens nog iets af. Ik heb vaak last van waardeloze marges als ik iets zo opzet:
[ code verwijderd ]

Dit werkt dan wel
[ code verwijderd ]

Het verschilt per browser hoe daarmee omgegaan wordt. Voor de duidelijkheid en netheid van de HTML heb ik liever het eerste, maar het tweede is helaas wel eens nodig.

Is daar een oplossing voor?
Op het werk gebruiken wij Smarty voor het schrijven van de templates. Dat heeft een functie {strip} die alle witruimte in je code weg haalt. Als je dus in je templates aan het werk bent krijg je keurig net ingesprongen code te zien, maar zodat het ingelezen wordt door de browser wordt alle witruimte verwijderd... Aangezien Smarty PHP-based is voor zover ik weet, zal er ook best een PHP-functie zijn waarmee je hetzelfde bereikt..?
Nee.
pi_65859112
Ik gebruik de lists altijd voor de menu's. Ik heb zo snel geen voorbeeld bij de hand, ik ga wat in elkaar flansen. Krijg het zo 1-2-3 niet voor elkaar, dus moet even wat bedenken
pi_65863500
Hmmm lists blijven toch altijd lastig. Kan iemand mij op weg helpen?

Ik heb een UL met daarin een aantal items. Nu wil ik twee dingen:
1) Het tekentje ervoor weg (geen probleem; list-style-type: none;)
2) De margin/padding ervoor weg.

Dat tweede lukt me dus niet. Ik krijg het niet voor elkaar om het geheel niet meer in te laten springen en dus gewoon links uit te lijnen. Any thoughts?
pi_65863587
ul, li {
margin: 0px;
padding: 0px;
}
pi_65863609
En waarom typ ik altijd die px erachter als het 0 is? .
pi_65863720
quote:
Op zondag 8 februari 2009 22:01 schreef veldmuis het volgende:
En waarom typ ik altijd die px erachter als het 0 is? .
Thnx!
Op het moment dat ik het hier lees vind ik net een site met de info (het hoeft alleen maar op de UL en niet ook op de LI). Ik zocht eerst op de verkeerde termen.

http://css.maxdesign.com.au/listutorial/sub03.htm
pi_65864892
quote:
Op zondag 8 februari 2009 22:01 schreef veldmuis het volgende:
ul, li {
margin: 0px;
padding: 0px;
}
Alleen op de UL is voldoende
pi_65865075
Een li heeft standaard helemaal geen margin/padding?
pi_65976563
Hallo,

Ik heb mijn site gemaakt met CSS, maar wat ik opeens ontdek bij heel veel pagina's is dat de DIV waar ik thumbnails in laadt opeens een pixel of 30 hoger staat, zonder dat ik een verandering heb aangebracht!!

Bij sommige, vooral nieuw aangemaakte pagina's staat ie gewoon goed waar ik hem ook neergezet heb, maar bij andere, vooral oudere pagina's staat ie niet meer op de plek waar ik hem in 1e instantie neergezet heb.

Ik zal een voorbeeld geven, hoop niet dat dat als spam word gezien:
http://www.e30fansite.nl/325i/Arjanos.html

Hele oude pagina's die ik gemaakt heb toen ik net begon met CSS waar ik elke foto in een aparte DIV zette ( stom... ) zijn ook ontregeld en staan allemaal hoger dan in eerste instantie:
http://www.e30fansite.nl/325i/Beamer.html

Pagina's die ik pas geleden heb aangemaakt, staan wel gewoon goed:
http://www.e30fansite.nl/318is/BMWDriver.html

Ik hoop dat iemand me kan helpen?? Nogmaals, ik heb op de bewuste pagina's NIKS veranderd

Thx alvast!

Grtz Tim
&lt;a href="http://www.bmwe30club.nl" target="_blank" rel="nofollow"&gt;BMW E30 Club Nederland&lt;/a&gt;
&lt;a href="http://www.e30fansite.nl/Forum/viewtopic.php?f=24&t=8185" target="_blank" rel="nofollow"&gt;BMW E30 M-Tech II 325i&lt;/a&gt;
pi_65976809
Ik kan daar echt geen wijs uit. Sorry, maar dat is echt een gevalletje terminale divitus.
pi_65976969
Daar is inderdaad niets meer aan de doen De HTML is zo ruk (sorry ), dat je beter fatsoenlijk opnieuw kunt beginnen. Sleutelwoord daarbij: semantiek.
pi_65977727
wow! (mist bek valt open smilie)
sorry zou je graag willen helpen, maar zelfs firebug in FF gaat over de zeik van de code
  donderdag 12 februari 2009 @ 10:42:24 #81
136730 PiRANiA
All thinking men are atheists.
pi_65977956
quote:
Op donderdag 12 februari 2009 09:54 schreef metallicattim het volgende:
Hallo,

Ik heb mijn site gemaakt met CSS, maar wat ik opeens ontdek bij heel veel pagina's is dat de DIV waar ik thumbnails in laadt opeens een pixel of 30 hoger staat, zonder dat ik een verandering heb aangebracht!!

Bij sommige, vooral nieuw aangemaakte pagina's staat ie gewoon goed waar ik hem ook neergezet heb, maar bij andere, vooral oudere pagina's staat ie niet meer op de plek waar ik hem in 1e instantie neergezet heb.

Ik zal een voorbeeld geven, hoop niet dat dat als spam word gezien:
http://www.e30fansite.nl/325i/Arjanos.html

Hele oude pagina's die ik gemaakt heb toen ik net begon met CSS waar ik elke foto in een aparte DIV zette ( stom... ) zijn ook ontregeld en staan allemaal hoger dan in eerste instantie:
http://www.e30fansite.nl/325i/Beamer.html

Pagina's die ik pas geleden heb aangemaakt, staan wel gewoon goed:
http://www.e30fansite.nl/318is/BMWDriver.html

Ik hoop dat iemand me kan helpen?? Nogmaals, ik heb op de bewuste pagina's NIKS veranderd

Thx alvast!

Grtz Tim
SPOILER
Om spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.
Dag Google!
pi_65977988
pi_65978031
quote:
Op donderdag 12 februari 2009 10:42 schreef PiRANiA het volgende:

[..]
SPOILER
Om spoilers te kunnen lezen moet je zijn ingelogd. Je moet je daarvoor eerst gratis Registreren. Ook kun je spoilers niet lezen als je een ban hebt.
Hey,
Ik heb ook een webbrowser, ik had het al gezien.

Groetjes,

veldmuis
pi_65978048
haha ben ik zo slecht?

Het is ooit de bedoeling de site in PHP te (laten) maken, maar dat duurt nog wel eff, dus voorlopig kan ik hier niks aan doen? Vind het maar een vreemd voorval, want in het begin stond alles goed en opeens staat de div hoger...
&lt;a href="http://www.bmwe30club.nl" target="_blank" rel="nofollow"&gt;BMW E30 Club Nederland&lt;/a&gt;
&lt;a href="http://www.e30fansite.nl/Forum/viewtopic.php?f=24&t=8185" target="_blank" rel="nofollow"&gt;BMW E30 M-Tech II 325i&lt;/a&gt;
pi_65978084
Vraagje: Waarom heb je in vredesnaam voor vrijwel elk plaatje een aparte div?
シ
pi_65978131
quote:
Op donderdag 12 februari 2009 10:45 schreef metallicattim het volgende:
haha ben ik zo slecht?

Het is ooit de bedoeling de site in PHP te (laten) maken, maar dat duurt nog wel eff, dus voorlopig kan ik hier niks aan doen? Vind het maar een vreemd voorval, want in het begin stond alles goed en opeens staat de div hoger...
neuh slecht niet want de validator zegt dat je op 1 foutje na valid bent. En dat is je alt tags in je plaatjes

Je hebt alleen de divaritus
Maar dat maakt niets uit hoor Zo ben ik ook begonnen
pi_65978141
PHP leeft alleen op de server. In je browser zie je altijd HTML, of je nou PHP, ASP, Ruby, Python of whatever gebruikt

Er is ongetwijfeld ergens iets veranderd in de code, maar zoals miss_bleu al zei: dit debuggen is gewoon onmogelijk
pi_65978174
quote:
Op donderdag 12 februari 2009 10:48 schreef miss_bleu het volgende:

neuh slecht niet want de validator zegt dat je op 1 foutje na valid bent. En dat is je alt tags in je plaatjes
Wel slecht imo, en zo zie je maar dat slecht gebruikte maar syntactisch correcte HTML gewoon door de validator komt
pi_65978215
Zet op de http://www.e30fansite.nl/325i/Beamer.html eens op de tumbs de div met ID foto's en geef die ID eens een margin-top mee van 25px;

Misschien dat je het probleem dan verhelpt. Kan ook zijn dat op pagina's waar het nu dus goed staat je meer ruimte gaat krijgen. Maar probeer het eens. Verder kan ik heel moeilijk zien wat het wel kan zijn. Bughunten gaat niet echt, tis meer nu gokken en houtje touwtje oplossingen bedenken
pi_65978221
quote:
Op donderdag 12 februari 2009 10:50 schreef Roy_T het volgende:

[..]

Wel slecht imo, en zo zie je maar dat slecht gebruikte maar syntactisch correcte HTML gewoon door de validator komt
Op zich best briljant
actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
[CSS] voor dummies - deel 11
Index

» digital corner

» development

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