[CSS] voor dummies - deel 10 | Digital Corner (DIG/DEV)

dinsdag 20 januari 2009 @ 22:25:45 #241

Mirel

Mirel wil een bongophone.

editje, heb ik niet.

When all else fails, you always have delusion.

dinsdag 20 januari 2009 @ 22:43:24 #242

veldmuis

Ja, dan is het lastig. Installeer de IE devtoolbar of firebug en ga proberen.

dinsdag 20 januari 2009 @ 22:47:02 #243

Mirel

Mirel wil een bongophone.

Wat wil je dan precies zien op de site wat ik je niet kan beschrijven?

When all else fails, you always have delusion.

dinsdag 20 januari 2009 @ 23:01:36 #244

Mirel

Mirel wil een bongophone.

Oh het ligt geeneens aan de youtube player of aan foto's. Een willekeurig berichtje gaat gewoon heel leuk naar rechts.

When all else fails, you always have delusion.

woensdag 21 januari 2009 @ 00:00:18 #245

Light

Wat is dan de bedoeling als je drie nieuwsberichten hebt?

fokstok.nl

woensdag 21 januari 2009 @ 00:14:21 #246

Roy_T

Beetje lastig analyseren zonder enige code he

Educated guess: floats.

woensdag 21 januari 2009 @ 07:28:11 #247

wc-eend

Ik heb een vraagje en ik weet niet zeker of dit oplosbaar is met CSS..

Ik heb in photoshop een layout gemaakt, die gesliced en in dreamweaver van de hele layout een div gemaakt en de gebieden waar content in komt ook een div gemaakt.. (dus div in div) Nu heb ik een probleempje met div in de div. Zodra ik er content (tekst) aan toevoeg, wordt de div iets groter in FireFox, in IE is dat niet.. Nu had ik dus de div grootte aangepast (kleiner maken) en padding toegevoegd en dat werkt in Firefox, want de padding duwt de div terug naar zijn originele grootte..

Maar.. In IE wordt de div dan kleiner (zoals ingesteld) maar daar duwt de padding de div niet terug naar originele grootte..

Hoe o Hoe kan ik zorgen dat de div dezelfde grootte houdt als ik tekst in de div zet?

1
2
3
4
5
6
7

main_index_layout #Table_01 tr td #main_content {
   height: 290px;
   width: 471px;
   background-color: #99cc66;
   font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
   padding: 5px;
}

Dat is de css van de div waar die tekst in moet... Ik ben trouwens echt een noob dus simpele uitleg gelieve..

woensdag 21 januari 2009 @ 09:07:51 #248

Roy_T

wc-eend, welk doctype gebruik je? Als je er geen gebruikt, voeg die dan eerst eens toe. Klinkt als verschillende box models namelijk

woensdag 21 januari 2009 @ 09:51:55 #249

wc-eend

uhhhhhh

even google opstarten

woensdag 21 januari 2009 @ 09:57:25 #250

Light

quote:
Op woensdag 21 januari 2009 09:51 schreef wc-eend het volgende:
uhhhhhh even google opstarten

Gewoon in de bron van je paginacode kijken (dus in de browser kiezen voor iets als bron weergeven). Als er een doctype is, staat het op de eerste regel. En als je wilt weten hoe zoiets eruit hoort te zien kun je ook de broncode van deze pagina bekijken.

fokstok.nl

woensdag 21 januari 2009 @ 10:01:20 #251

wc-eend

Een gedeelte uit de code van index.html

1
2
3
4
5
6
7
8
9

<html>
<head>

<title>index_layout</title>

<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>

<title>index_layout</title>

<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 :)

woensdag 21 januari 2009 @ 10:16:59 #252

mcDavid

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>.)

woensdag 21 januari 2009 @ 10:42:06 #253

wc-eend

Dat werkt

thanks an bunch

woensdag 21 januari 2009 @ 13:06:39 #254

Roy_T

Wat is het toch lekker simpel soms

zondag 25 januari 2009 @ 23:55:03 #255

Mirel

Mirel wil een bongophone.

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

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

Mirel

Mirel wil een bongophone.

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

donroyco

dus niet Donroyco

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

Mirel

Mirel wil een bongophone.

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

Mirel

Mirel wil een bongophone.

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.

maandag 26 januari 2009 @ 09:54:20 #260

Chandler

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

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?

The people who lost my respect will never get a capital letter for their name again.
Like trump...

maandag 26 januari 2009 @ 09:56:47 #261

HuHu

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.

maandag 26 januari 2009 @ 10:27:18 #262

Chandler

Zou idd op die manier kunnen werken als alle plaatjes even groot zouden zijn maar dat is helaas het geval niet

The people who lost my respect will never get a capital letter for their name again.
Like trump...

maandag 26 januari 2009 @ 10:30:22 #263

Chandler

Of ik moet gaan werken met tabellen maar dat vind ik weer vies

The people who lost my respect will never get a capital letter for their name again.
Like trump...

maandag 26 januari 2009 @ 10:38:46 #264

wijsneus

Radicaal Democraat

Als die plaatjes altijd dezelfde maat hebben is dat natuurlijk ook helemaal niet nodig.

Siamo Tutti Antifascisti!

maandag 26 januari 2009 @ 10:42:28 #265

Chandler

Dat is dus niet het geval, 90% van alle plaatjes hebben afwijkende maten!

The people who lost my respect will never get a capital letter for their name again.
Like trump...

maandag 26 januari 2009 @ 10:49:51 #266

wijsneus

Radicaal Democraat

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...

Siamo Tutti Antifascisti!

maandag 26 januari 2009 @ 10:53:12 #267

wijsneus

Radicaal Democraat

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.

Siamo Tutti Antifascisti!

maandag 26 januari 2009 @ 11:20:39 #268

n8n

Pragmatisch

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

maandag 26 januari 2009 @ 13:40:21 #269

mcDavid

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

Swetsenegger

Egocentrische Narcist

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

 | FOK! Schrikkelbaasch

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

[CSS] voor dummies - deel 10

» digital corner

» development

» digital corner

» development