[CSS] voor dummies - deel 10

Index

» digital corner

» development

actieve topics nieuwe topics
abonnement Unibet Coolblue
pi_65273564
Een gedeelte uit de code van index.html

1
2
3
4
5
6
7
8
9		<html><!-- InstanceBegin template="/Templates/index_layout.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<!-- InstanceBeginEditable name="doctitle" -->
<title>index_layout</title>
<!-- InstanceEndEditable -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
@import url("menu/Menu.css");


Eem code gedeelte van template waar index.html van gemaakt is

1
2
3
4
5
6
7
8
9		<html>
<head>
<!-- TemplateBeginEditable name="doctitle" -->
<title>index_layout</title>
<!-- TemplateEndEditable -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
@import url("../menu/Menu.css");


Ik kan niet echt vinden zoals http://www.w3schools.com/tags/tag_DOCTYPE.asp daar staat :)
pi_65274010
Het ziet er uit als HTML 4.01 strict, dus ik denk dat je dat doctype moet pakken. (of anders de transitional).

Gewoon kopiëren en helemeaal bovenaan invoegen (op de eerste regel, nog voor <html>.)
pi_65274824
Dat werkt thanks an bunch
pi_65280237
Wat is het toch lekker simpel soms
  zondag 25 januari 2009 @ 23:55:03 #255
87680 Mirel
Mirel wil een bongophone.
pi_65405087
Hey ik heb in Joomla een 2e menu aangemaakt en heb in de index en de css het uitgewerkt, maar de menu items zijn niet te zien. Als ik even wat tekst type binnen de div dan zie je die wel verschijnen maar de menu items niet. Ik weet zeker dat ik alle instellingen in de backend van joomla goed heb gedaan, maar toch.

In Joomla heb ik het nu usermenu genoemd, en heb in de index.php dit dus staan:
1
2
3		<div id="extramenu">
<jdoc:include type="module" name="usermenu" />
</div>


En in de css dit, maar ik weet niet of dat écht wat uitmaakt.
1
2
3
4
5
6
7
8
9
10
11		#extramenu {
background: white;
width: 120px;
height: 300px;
font-family: verdana, calibri;
font-size: 11px;
color: black;
margin-left: 1000px;
margin-top: 100px;
position: absolute;
}


Het is dan meer een joomla probleem maar hier op fok krijg ik altijd betere en snellere reacties dan op joomla sites.

(www.mirelmasic.nl/joomla)
When all else fails, you always have delusion.
  maandag 26 januari 2009 @ 00:04:58 #256
87680 Mirel
Mirel wil een bongophone.
pi_65405437
Goh, je moet het in de code wél dezelfde naam geven, ofzo. Jezus wat is joomla soms raar.
When all else fails, you always have delusion.
  maandag 26 januari 2009 @ 00:05:02 #257
134533 donroyco
dus niet Donroyco
pi_65405439
quote:
Op zondag 25 januari 2009 23:55 schreef Mirel het volgende:
Hey ik heb in Joomla een 2e menu aangemaakt en heb in de index en de css het uitgewerkt, maar de menu items zijn niet te zien. Als ik even wat tekst type binnen de div dan zie je die wel verschijnen maar de menu items niet. Ik weet zeker dat ik alle instellingen in de backend van joomla goed heb gedaan, maar toch.

In Joomla heb ik het nu usermenu genoemd, en heb in de index.php dit dus staan:
[ code verwijderd ]

En in de css dit, maar ik weet niet of dat écht wat uitmaakt.
[ code verwijderd ]

Het is dan meer een joomla probleem maar hier op fok krijg ik altijd betere en snellere reacties dan op joomla sites.

(www.mirelmasic.nl/joomla)
Het menu komt bij mij rechts buiten de pagina te staan.. FF 3.0.5
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. :'(
  maandag 26 januari 2009 @ 07:27:16 #258
87680 Mirel
Mirel wil een bongophone.
pi_65409562
Ja dat is dat gewone menu, dat kan ik wel maken. Het gaat me erom dat hij niet dat gewone menu daar neerzet maar een andere. Zo heb ik heb op dutchjoomla beschreven: http://forum.dutchjoomla.org/showthread.php?p=274610#post274610



2 menu's, plaats er 1 ergens en die komt daar, het andere menu plaats ik ergens en die doet niks. -__-
When all else fails, you always have delusion.
  maandag 26 januari 2009 @ 07:30:28 #259
87680 Mirel
Mirel wil een bongophone.
pi_65409573
Misschien is die manier fout maar goed. Ik heb 2 menus, je kan ze zelf definieren maar als je na het aanmaken in de opties kijkt hebben ze dezelfde gedefinieerde naam
When all else fails, you always have delusion.
pi_65411358
Ik zit met een CSS vraag.



Ik wil de plaatjes graag ook centeren verticaal, maar hoe krijg ik dat voor elkaar?

Huidige code
1
2
3
4
5
6
7
8		<div class="img"><a href="/8548.html"><img src="/view.php?t=1&id=8548" alt=" afbeelding 8548 in categorie Dieren"  height="100" /></a></div>
<div class="img"><a href="/8549.html"><img src="/view.php?t=1&id=8549" alt=" afbeelding 8549 in categorie Dieren"  height="98" /></a></div>
<div class="img"><a href="/8550.html"><img src="/view.php?t=1&id=8550" alt=" afbeelding 8550 in categorie Dieren"  height="98" /></a></div>
<div class="img"><a href="/8551.html"><img src="/view.php?t=1&id=8551" alt=" afbeelding 8551 in categorie Dieren"  height="96" /></a></div>
<div class="img"><a href="/8552.html"><img src="/view.php?t=1&id=8552" alt=" afbeelding 8552 in categorie Dieren"  height="96" /></a></div>
<div class="img"><a href="/8553.html"><img src="/view.php?t=1&id=8553" alt=" afbeelding 8553 in categorie Dieren"  height="100" /></a></div>
<div class="img"><a href="/8554.html"><img src="/view.php?t=1&id=8554" alt=" afbeelding 8554 in categorie Dieren"  height="96" /></a></div>
<div class="img"><a href="/8555.html"><img src="/view.php?t=1&id=8555" alt=" afbeelding 8555 in categorie Dieren"  height="96" /></a></div>


class IMG is

1
2
3
4
5
6
7
8
9		.img {
    width: 180px; 
    margin: 5px; 
    height: 175px; 
    float: left; 
    display: block; 
    text-align: center;
    border: 3px solid #676767;
}


Weet iemand hoe ik dit kan oplossen?
Just say hi!
pi_65411412
1
2		padding-top: 50 px;
height: 125px;


Volgens mij kun je niet "echt" verticaal centreren, dat werkt nooit lekker. Het is mij in ieder geval nog nooit automatisch gelukt, doe het altijd middels de padding.
pi_65412096
Zou idd op die manier kunnen werken als alle plaatjes even groot zouden zijn maar dat is helaas het geval niet
Just say hi!
pi_65412176
Of ik moet gaan werken met tabellen maar dat vind ik weer vies
Just say hi!
  maandag 26 januari 2009 @ 10:38:46 #264
26400 wijsneus
Radicaal Democraat
pi_65412397
Als die plaatjes altijd dezelfde maat hebben is dat natuurlijk ook helemaal niet nodig.
“There’s class warfare, all right, but it’s my class, the rich class, that’s making war, and we’re winning.”
― Warren Buffett
pi_65412496
Dat is dus niet het geval, 90% van alle plaatjes hebben afwijkende maten!
Just say hi!
  maandag 26 januari 2009 @ 10:49:51 #266
26400 wijsneus
Radicaal Democraat
pi_65412723
Zoals het nu met 10.000 divjes doet is ook niet _echt_ lekker. Het is een lijstje van afbeeldingen toch? Lijstjes hebben we <ul> voor. Niet dat dat je probleem op lost, maar die "tabellen zijn evil dus overal een divje voor" mentaliteit moeten we ook vanaf.

Valt me trouwens zowieso vaak op, dat mensen best wel goed zijn in css, maar eigenlijk nog veel over HTML moeten leren.

nofi... trouwens...
“There’s class warfare, all right, but it’s my class, the rich class, that’s making war, and we’re winning.”
― Warren Buffett
  maandag 26 januari 2009 @ 10:53:12 #267
26400 wijsneus
Radicaal Democraat
pi_65412827
Als ik mijn designer-petje ook nog even mag opzetten...

Ik denk dat je een rustiger beeld krijgt als je alle plaatjes dezelfde hoogte geeft. Dus - geef ze maar een height en laat de browser de width maar oplossen. Dat lost meteen ook je verticaal centreren probleem op.
“There’s class warfare, all right, but it’s my class, the rich class, that’s making war, and we’re winning.”
― Warren Buffett
  maandag 26 januari 2009 @ 11:20:39 #268
230788 n8n
Pragmatisch
pi_65413586
Heb je invloed op de manier waarop de gallery opgebouwd wordt? Anders zou je het zo kunnen proberen. Niet helemaal zoals gewenst maar het geeft wat je wilt. En voor screenreaders staat er gewoon de link.

[ Bericht 90% gewijzigd door n8n op 26-01-2009 12:02:34 ]
“Specialization is for insects”.—Robert Heinlein
pi_65417854
quote:
Op maandag 26 januari 2009 @ 10:30 schreef Chandler het volgende:
Of ik moet gaan werken met tabellen maar dat vind ik weer vies
Er is niets vies aan tabellen.

Je hele site positioneren dmv tabellen en genestte tabellen in tabellen is inderdaad smerig, maar als je een tabel met foto's wilt weergeven mag je daar best de <table> tag voor gebruiken.
  FOK!-Schrikkelbaas maandag 26 januari 2009 @ 14:01:06 #270
1972 Swetsenegger
Egocentrische Narcist
pi_65418542
quote:
Op maandag 26 januari 2009 09:54 schreef Chandler het volgende:
Ik zit met een CSS vraag.

[ afbeelding ]

Ik wil de plaatjes graag ook centeren verticaal, maar hoe krijg ik dat voor elkaar?

Huidige code
[ code verwijderd ]

class IMG is
[ code verwijderd ]

Weet iemand hoe ik dit kan oplossen?
Je div een line-height meehgeven gelijk aan de height van je div en in je image "vertical-align:middle" opnemen
Betrouwbare juwelier met korting |  | FOK! Schrikkelbaasch | Koop een vakantiewoning!
  maandag 26 januari 2009 @ 15:41:15 #271
26400 wijsneus
Radicaal Democraat
pi_65422002
quote:
Op maandag 26 januari 2009 14:01 schreef Swetsenegger het volgende:

[..]

Je div een line-height meehgeven gelijk aan de height van je div en in je image "vertical-align:middle" opnemen
You, sir, rock.
“There’s class warfare, all right, but it’s my class, the rich class, that’s making war, and we’re winning.”
― Warren Buffett
pi_65425357
quote:
Op maandag 26 januari 2009 14:01 schreef Swetsenegger het volgende:

[..]

Je div een line-height meehgeven gelijk aan de height van je div en in je image "vertical-align:middle" opnemen
Helaas heb het geprobeerd maar wil niet werken

Maar voor dit geval is het gebruik van tabellen volgens jullie de enige simpele en juiste oplossing?
Just say hi!
pi_65432306
quote:
Op maandag 26 januari 2009 17:02 schreef Chandler het volgende:

Maar voor dit geval is het gebruik van tabellen volgens jullie de enige simpele en juiste oplossing?
Nee, want het is geen tabulaire data maar een opsomming.
pi_65433002
Wat moet ik dan gebruiken volgens jullie? toch gewoon mijn divjes?
Just say hi!
  maandag 26 januari 2009 @ 20:44:13 #275
230788 n8n
Pragmatisch
pi_65433043
<ul>
<li>
</ul>
“Specialization is for insects”.—Robert Heinlein
actieve topics nieuwe topics
abonnement Unibet Coolblue
[CSS] voor dummies - deel 10
Index

» digital corner

» development

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