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

zaterdag 31 mei 2008 @ 13:23:45 #76

CraZaay

prettig gestoord

quote:
Op zaterdag 31 mei 2008 12:09 schreef Light het volgende:

Ik zie er ook nog php in staan, dus het zou ook binnen [php] tags mogen

Vandaar dat ik vroeg de geparste PHP te posten (de uiteindelijke HTML dus). Het is immers geen PHP probleem

zaterdag 31 mei 2008 @ 21:14:03 #77

DionysuZ

Respect my authority!

quote:
Op zaterdag 31 mei 2008 10:37 schreef CraZaay het volgende:

[..]

Late reacte: je kunt toch gewoon een testcase zonder bedrijfsgegevens online zetten

testcase:
http://testcase.einz.nl

□ Reality is merely an illusion,albeit a very persistent one-A.Einstein
■ Of ik ben gek of de rest van de wereld.Ik denk zelf de rest van de wereld-Rudeonline
□ The war is not meant to be won.It is meant to be continuous-G.Orwell

zondag 1 juni 2008 @ 01:55:30 #78

Irix

quote:
Op zaterdag 31 mei 2008 12:09 schreef Light het volgende:

[..]

Ik zie er ook nog php in staan, dus het zou ook binnen [php] tags mogen :)

1
2
3
4
5
6
7
8
9

Your current bet for Erwin Koeman is €5M. If you want to cancel this bet, set amount to 0.<br>You can spend €60M on bets.<br><br><form action="changebet2.php" method="post">
<input name="who" type="hidden" value="Erwin Koeman"/>
<select name="select">
<option>
€0M
</option>
<option>€1M</option><option>€2M</option><option>€3M</option><option>€4M</option><option>€5M</option><option>€6M</option><option>€7M</option><option>€8M</option><option>€9M</option><option>€10M</option><option>€11M</option><option>€12M</option><option>€13M</option><option>€14M</option><option>€15M</option><option>€16M</option><option>€17M</option><option>€18M</option><option>€19M</option><option>€20M</option><option>€21M</option><option>€22M</option><option>€23M</option><option>€24M</option><option>€25M</option><option>€26M</option><option>€27M</option><option>€28M</option><option>€29M</option><option>€30M</option><option>€31M</option><option>€32M</option><option>€33M</option><option>€34M</option><option>€35M</option><option>€36M</option><option>€37M</option><option>€38M</option><option>€39M</option><option>€40M</option><option>€41M</option><option>€42M</option><option>€43M</option><option>€44M</option><option>€45M</option><option>€46M</option><option>€47M</option><option>€48M</option><option>€49M</option><option>€50M</option><option>€51M</option><option>€52M</option><option>€53M</option><option>€54M</option><option>€55M</option><option>€56M</option><option>€57M</option><option>€58M</option><option>€59M</option><option>€60M</option></select>
<input type="submit" value="Place bet." name="submit"/>
</form>

Browser die ik gebruik is Firefox 2.0.0.14.

zondag 1 juni 2008 @ 20:23:11 #79

Banzaiaap

Tony Rocky Horror

Wordpress CSS bewerken is een pain in the ass zeg :(

Ik heb het nu aardig voor elkaar: blog.banzaidesign.nl , maar als je een losse pagina bekijkt loopt de footer niet goed door! :/

HTML gewone index

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

<?php
<div id="wrapper">
<div id="menutekst"><ul id="menu">
            <li><a href="#">Home</a></li>
            <li><a href="#">Portfolio</a></li>
            <li><a href="#">About me</a></li>
            <li><a href="#">C V</a></li>
        </ul>
        <ul id="right_menu">
            <li><a href="#">Blog</a></li>
            <li><a href="#">Contact</a></li>
        </ul>       </div> <img src="http://www.banzaidesign.nl/blog/wp-content/themes/banzaidesign/images/blogheader.jpg" id="banner" border="0px" alt="Dark Times"/>
get_header();
    <div id="menu">
    </div>
    <div id="content" class="narrowcolumn">


     if (have_posts()) :

         while (have_posts()) : the_post();

            <div class="post" id="post- the_ID(); ">
                <h2><a href=" the_permalink() " rel="bookmark" title="Permanent Link to  the_title_attribute(); "> the_title(); </a></h2>
                <small> the_time('F jS, Y')  </small>

                <div class="entry">
                     the_content('Read the rest of this entry »');
                </div>

                <p class="postmetadata"> the_tags('Tags: ', ', ', '<br />');  Posted in  the_category(', ')  |  edit_post_link('Edit', '', ' | ');    comments_popup_link('No Comments »', '1 Comment »', '% Comments »'); </p>
            </div>

         endwhile;

        <div class="navigation">
            <div class="alignleft"> next_posts_link('« Older Entries') </div>
            <div class="alignright"> previous_posts_link('Newer Entries »') </div>
        </div>

     else :

        <h2 class="center">Not Found</h2>
        <p class="center">Sorry, but you are looking for something that isnt here.</p>
         include (TEMPLATEPATH . "/searchform.php");

     endif;

    </div>
</div>

get_sidebar();

</div> get_footer();
?>

HTML losse pagina:

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
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86

<?php
<div id="wrapper">
    <div id="menutekst">
        <ul id="menu">
            <li><a href="#">Home</a></li>
            <li><a href="#">Portfolio</a></li>
            <li><a href="#">About me</a></li>
            <li><a href="#">C V</a></li>
        </ul>
        <ul id="right_menu">
            <li><a href="#">Blog</a></li>
            <li><a href="#">Contact</a></li>
        </ul>       </div> <img src="http://www.banzaidesign.nl/blog/wp-content/themes/banzaidesign/images/blogheader.jpg" id="banner" border="0px" alt="Dark Times"/>

get_header();

<div id="content" class="narrowcolumn">

     if (have_posts()) : while (have_posts()) : the_post();

        <div class="navigation">
            <div class="alignleft"> previous_post_link('« %link') </div>
            <div class="alignright"> next_post_link('%link »') </div>
        </div>

        <div class="post" id="post- the_ID(); ">
            <h2> the_title(); </h2>

            <div class="entry">
                 the_content('<p class="serif">Read the rest of this entry »</p>');

                 wp_link_pages(array('before' => '<p><strong>Pages:</strong> ', 'after' => '</p>', 'next_or_number' => 'number'));
                 the_tags( '<p>Tags: ', ', ', '</p>');

                <p class="postmetadata alt">
                    <small>
                        This entry was posted
                         /* This is commented, because it requires a little adjusting sometimes.
                            You'll need to download this plugin, and follow the instructions:
                            http://binarybonsai.com/archives/2004/08/17/time-since-plugin/ */
                            /* $entry_datetime = abs(strtotime($post->post_date) - (60*120)); echo time_since($entry_datetime); echo ' ago'; */
                        on  the_time('l, F jS, Y')  at  the_time()
                        and is filed under  the_category(', ') .
                        You can follow any responses to this entry through the  post_comments_feed_link('RSS 2.0');  feed.

                         if (('open' == $post-> comment_status) && ('open' == $post->ping_status)) {
                            // Both Comments and Pings are open
                            You can <a href="#respond">leave a response</a>, or <a href=" trackback_url(); " rel="trackback">trackback</a> from your own site.

                         } elseif (!('open' == $post-> comment_status) && ('open' == $post->ping_status)) {
                            // Only Pings are Open
                            Responses are currently closed, but you can <a href=" trackback_url();  " rel="trackback">trackback</a> from your own site.

                         } elseif (('open' == $post-> comment_status) && !('open' == $post->ping_status)) {
                            // Comments are open, Pings are not
                            You can skip to the end and leave a response. Pinging is currently not allowed.

                         } elseif (!('open' == $post-> comment_status) && !('open' == $post->ping_status)) {
                            // Neither Comments, nor Pings are open
                            Both comments and pings are currently closed.

                         } edit_post_link('Edit this entry.','','');

                    </small>
                </p>

            </div>
        </div>

     comments_template();

     endwhile; else:

        <p>Sorry, no posts matched your criteria.</p>

endif;

    </div>
</div>

get_sidebar();

get_footer();
?>

zondag 1 juni 2008 @ 22:14:51 #80

SuperRembo

Sinds 1998

Je footer moet buiten de wrapper staan.

maandag 2 juni 2008 @ 13:19:04 #81

Banzaiaap

Tony Rocky Horror

quote:
Op zondag 1 juni 2008 22:14 schreef SuperRembo het volgende:
Je footer moet buiten de wrapper staan.

Staat ie dat niet dan?

maandag 2 juni 2008 @ 14:32:48 #82

SuperRembo

Sinds 1998

Niet bij de losse pagina.

woensdag 4 juni 2008 @ 13:47:49 #83

Doc.Brown

Great Scott!

Ik vroeg me af of het een beetje mogelijk is om een drop-down box te stylen? Vind die standaard OS knoppen zo lelijk eigenlijk. Of kan je alleen een border en de inhoud van de box stylen?

You have to come back with me! Back to the Future!

woensdag 4 juni 2008 @ 18:07:56 #84

Light

quote:
Op woensdag 4 juni 2008 13:47 schreef Doc.Brown het volgende:
Ik vroeg me af of het een beetje mogelijk is om een drop-down box te stylen? Vind die standaard OS knoppen zo lelijk eigenlijk. Of kan je alleen een border en de inhoud van de box stylen?

Voor IE geef ik je weinig kans van slagen. Voor andere browsers vind je hier een beschrijving hoe je een select-box kunt stylen. Niet lastig van opzet, en het beperkt de bruikbaarheid van je site niet.

Op diezelfde pagina staat ook hoe je checkboxes en radio boxes kunt stylen.

fokstok.nl

woensdag 4 juni 2008 @ 19:41:01 #85

Doc.Brown

Great Scott!

quote:
Op woensdag 4 juni 2008 18:07 schreef Light het volgende:

[..]

Voor IE geef ik je weinig kans van slagen. Voor andere browsers vind je hier een beschrijving hoe je een select-box kunt stylen. Niet lastig van opzet, en het beperkt de bruikbaarheid van je site niet.

Op diezelfde pagina staat ook hoe je checkboxes en radio boxes kunt stylen.

Thanks!

Interessante voorbeelden, en het is primair voor FF bedoeld. Dus daar heb ik wat aan!

Ik zie dat in IE7, waar die drop-down dus niet gestyled is, hij toch gewoon werkend blijft. Helemaal top

[ Bericht 9% gewijzigd door Doc.Brown op 04-06-2008 19:48:23 ]

You have to come back with me! Back to the Future!

zondag 15 juni 2008 @ 17:57:58 #86

Banzaiaap

Tony Rocky Horror

Ik hoop dat dit het goede topic hiervoor is, maar dat zal wel goed zitten:P

Ik ben bezig met een site voor een goede vriend van mij, een DJ.

Ik krijg echter een aantal dingen niet voor elkaar
- Het beveiligen van zijn nummers op zn site, die staan nu in een player, maar als iemand de playlist vind, kan je zo de links naar de nummers pakken.
- Een fatsoenlijk formulier maken, wat ook daadwerkelijk wat verstuurd.. hoe doe ik dit?

dinsdag 17 juni 2008 @ 20:57:12 #87

BugWorks

Ik ben bezig om een div gecentreerd te vertonen op een pagina die verder blanco is. Nu heb ik al van alles geprobeerd, zelfs m.b.v. een tabel, maar ook dat wil niet lukken. Krijg het hooguit in de breedte gecentreerd maar in de hoogte blijft hij bovenaan staan. Kan iemand mij hiermee helpen of een oplossing voor geven.

Alvast bedankt :)

Hier de betreffende css:

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

#box {
width:300px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
background:#cccccc;
}
#header {
font-size:15px;
font-weight:bold;
text-align:left;
padding-top:2px;
padding-left:8px;
padding-right:8px;
padding-bottom:2px;
}
#body {
height:100px;
font-size:12px;
text-align:left;
background:#ffffff;
margin-left:2px;
margin-right:2px;
padding-top:2px;
padding-left:8px;
padding-right:8px;
padding-bottom:2px;
}
#footer {
font-size:9px;
text-align:left;
padding-top:2px;
padding-left:8px;
padding-right:8px;
padding-bottom:2px;
}
a {
color:#000000;
text-decoration:none;
}
a:hover {
color:#0099ff;
text-decoration:underline;
}

Hier de betreffende div's

1
2
3
4
5

<div id="box">
  <div id="header">header</div>
  <div id="body">Message</div>
  <div id="footer">Contact: <a href="mailto:bla@bla.nl">mailto:bla@bla.nl</a></div>
</div>

FOK!-Schrikkelbaas dinsdag 17 juni 2008 @ 21:01:05 #88

Swetsenegger

Egocentrische Narcist

1
2
3
4
5
6
7
8
9
10
11
12
13
14

#distance {
   width:1px;
   height:50%;
   margin-bottom:-300px; /* helft van de containers hoogte */
   float:left;
}

.container{
   position:relative;
   clear:left;
   margin:0 auto; /*horizontale centrering. Werkt niet in IE quircksmode. Dan text-align:center aan body toevoegen*/
   width:1000px;
   height:600px;
}

1
2
3
4
5
6

Betrouwbare juwelier met korting |  | FOK! Schrikkelbaasch | Koop een vakantiewoning!

dinsdag 17 juni 2008 @ 21:16:32 #89

BugWorks

quote:
Op dinsdag 17 juni 2008 21:01 schreef Swetsenegger het volgende:

[ code verwijderd ]

[ code verwijderd ]

Indien dit een reactie is op mijn vraag moet ik helaas zeggen dat dit niet het resultaat geeft wat ik zoek. In FF blijft hij bovenaan de pagina staan, ietwat naar het midden. In IE ook bovenaan maar wel in het midden.

FOK!-Schrikkelbaas dinsdag 17 juni 2008 @ 21:19:44 #90

Swetsenegger

Egocentrische Narcist

quote:
Op dinsdag 17 juni 2008 21:16 schreef BugWorks het volgende:

[..]

Indien dit een reactie is op mijn vraag moet ik helaas zeggen dat dit niet het resultaat geeft wat ik zoek. In FF blijft hij bovenaan de pagina staan, ietwat naar het midden. In IE ook bovenaan maar wel in het midden.

gek, want bij mij werkt het in elke major browser. Heb je ook de commentaar regels gelezen?

Betrouwbare juwelier met korting |  | FOK! Schrikkelbaasch | Koop een vakantiewoning!

dinsdag 17 juni 2008 @ 21:28:44 #91

BugWorks

quote:
Op dinsdag 17 juni 2008 21:19 schreef Swetsenegger het volgende:

[..]

gek, want bij mij werkt het in elke major browser. Heb je ook de commentaar regels gelezen?

Je commentaar regels heb ik gelezen. Als ik de container hoogte aanpas (en de margin-bottom) blijft hij alsnog boven aan de pagina staan. Bij beide browser blijft hij op ongeveer 25% steken in de breedte, gebruik ik de text-align bij IE dan staat het wel in het midden, maar nog steeds bovenaan.

Betreffende website: www.bugworks.eu

FOK!-Schrikkelbaas dinsdag 17 juni 2008 @ 21:30:00 #92

Swetsenegger

Egocentrische Narcist

quote:
Op dinsdag 17 juni 2008 21:28 schreef BugWorks het volgende:

[..]

Je commentaar regels heb ik gelezen. Als ik de container hoogte aanpas (en de margin-bottom) blijft hij alsnog boven aan de pagina staan. Bij beide browser blijft hij op ongeveer 25% steken in de breedte, gebruik ik de text-align bij IE dan staat het wel in het midden, maar nog steeds bovenaan.

Betreffende website: www.bugworks.eu

Voeg eens een doctype toe.

Betrouwbare juwelier met korting |  | FOK! Schrikkelbaasch | Koop een vakantiewoning!

dinsdag 17 juni 2008 @ 21:30:54 #93

Light

quote:
Op dinsdag 17 juni 2008 21:16 schreef BugWorks het volgende:

[..]

Indien dit een reactie is op mijn vraag moet ik helaas zeggen dat dit niet het resultaat geeft wat ik zoek. In FF blijft hij bovenaan de pagina staan, ietwat naar het midden. In IE ook bovenaan maar wel in het midden.

Die code van Swetsenegger is gewoon goed hoor. Maar ik zou bij de body geen hoogte instellen, dat staat wel in de css die je hebt gepost.

Edit: correctie, die hoogte staat bij een #body, niet bij body. Da's net even anders.

fokstok.nl

FOK!-Schrikkelbaas dinsdag 17 juni 2008 @ 21:33:46 #94

Swetsenegger

Egocentrische Narcist

je hebt sowieso al een aflsuitende div te veel en die text-align heb je nodig omdat je in je CSS een text-align:left in je body hebt staan.

en die box die je wil centreren is veel kleiner dan je container. Dus je container is wel gecentreerd, maar je box wordt gewoon links in de container uitgelijnd.

Betrouwbare juwelier met korting |  | FOK! Schrikkelbaasch | Koop een vakantiewoning!

dinsdag 17 juni 2008 @ 21:36:16 #95

BugWorks

quote:
Op dinsdag 17 juni 2008 21:30 schreef Swetsenegger het volgende:

[..]

Voeg eens een doctype toe.

Ik heb het volgende wat bovenaan staat:

quote:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

Ik zou niet weten wat er anders zou moeten staan

, krijg bovenstaande standaard mee als ik een nieuwe html pagina maak met dreamweaver.

dinsdag 17 juni 2008 @ 21:47:16 #96

BugWorks

Nu heb ik het werkend. Heb de regel "<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">" verwijderd en verder nog wat aangepast (hoogte van de container) en nu werkt het naar wens.

Dank

woensdag 18 juni 2008 @ 15:57:12 #97

Pizzahut

Het Bora Bora Gebergte

ik vergeet dit elke keer weer:

Mijn pagina bestaat uit 4 elementen; header, menu, main en footer.
nu wil ik mijn main op height:auto; zetten, echter als ik mijn menu op height:100% doe blijft hij minimaal.

Hoe kan ik dit fixen?

Disturbed Mind
Het leven: Soms ben je de duif, soms het standbeeld.

woensdag 18 juni 2008 @ 19:39:25 #98

CraZaay

prettig gestoord

quote:
Op dinsdag 17 juni 2008 21:47 schreef BugWorks het volgende:
Nu heb ik het werkend. Heb de regel "<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">" verwijderd en verder nog wat aangepast (hoogte van de container) en nu werkt het naar wens.

Dank

En welk doctype heb je in plaats van deze gebruikt? Zeg me ALSJEBLIEFT dat je niet gewoon de hele doctype declaratie maar achterwege laat

woensdag 18 juni 2008 @ 19:52:54 #99

HenkBenzinetank

Toegevoegde waarde

quote:
Op zondag 15 juni 2008 17:57 schreef Banzaiaap het volgende:
Ik hoop dat dit het goede topic hiervoor is, maar dat zal wel goed zitten:P

Ik ben bezig met een site voor een goede vriend van mij, een DJ.

Ik krijg echter een aantal dingen niet voor elkaar
- Het beveiligen van zijn nummers op zn site, die staan nu in een player, maar als iemand de playlist vind, kan je zo de links naar de nummers pakken.
- Een fatsoenlijk formulier maken, wat ook daadwerkelijk wat verstuurd.. hoe doe ik dit?

Dat doe je niet met CSS, maar PHP

donderdag 19 juni 2008 @ 13:32:48 #100

wobbel

Da WoBBeL King

Ik word gek

ik ben absoluut geen held met <div> en CSS maar nu kom ik er niet meer uit....

Ik heb een wrapper met daarin 2 divjes, links en rechts.
Nu heeft die wrapper een background image, maar die geeft hij dus niet goed weer in FF3, IE7, opera etc...
In IE6/IE7 gaat het daar in tegen wel goed!!!

In IE6 en IE7 gaat het wel goed:
http://www.dumpzooi.nl/zooi/fok/ie6_1.jpg
http://www.dumpzooi.nl/zooi/fok/ie7_1.jpg

Daar gaat het prima

FF3 denkt daar trouwens heel anders over:
http://www.dumpzooi.nl/zooi/fok/ff3_1.jpg

Ik krijg het niet opgelost?!!!

De code is te vinden op

http://www.senscomputers.nl/v3/test1.html
http://www.senscomputers.(...)eets/snsv3_test1.css

Hosted VoIP SIP trunks Vast mobiel VoIP

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

[CSS] voor dummies - deel 9

» digital corner

» development

» digital corner

» development