[CSS] voor dummies #16

zaterdag 12 maart 2011 @ 20:13:40 #51

Drommelsch85

Double Six

Werkt niet.. nog steeds precies hetzelfde.

url

zaterdag 12 maart 2011 @ 20:22:05 #52

PimD

Nee.

Sowieso botsen float:left en display:inline-block volgens mij met elkaar hoor. Als je een van de twee eens weg haalt?

Nee.

zaterdag 12 maart 2011 @ 20:36:24 #53

Drommelsch85

Double Six

Display: inline-block weggehaald, float left moet ik echt houden anders gaat het in alle browsers mis.

url

zaterdag 12 maart 2011 @ 23:44:24 #54

PimD

Nee.

Dan doe je iets verkeerd. Display:inline-block hoort cross-browser goed te werken zonder floats. Het enige wat je moet doen is voor IE6/IE7 niet display:inline-block te gebruiken maar display:inline.

Nee.

zondag 13 maart 2011 @ 00:05:52 #55

Drommelsch85

Double Six

Ok, nu is het opgelost door de properties bij #main-content p weg te halen. Helaas gebeurt er nu dit, alle tekst mist hier de P's.. http://www.vanzoelen.nl/2010/12/onze-werkwijze/

is dit niet ergens aan te zetten of zou het nu ergens in mijn css al eerder zijn uitgezet, wat ik nog niet ontdekt heb?

url

zondag 13 maart 2011 @ 00:23:33 #56

KomtTijd...

Gooi die irritante reset eruit, ziet het er gelijk al een stuk beter uit.

zcflevo.nl

maandag 14 maart 2011 @ 17:17:12 #57

eleusis

fokked op kidz

Is er een CSS selector die triggert wanneer een div een bepaalde tekst bevat?

Iets van: div:contains(blabla)

maandag 14 maart 2011 @ 17:19:40 #58

PimD

Nee.

Nope, moet je jQuery voor hebben en dan een class er aan hangen.

Nee.

maandag 14 maart 2011 @ 17:20:21 #59

eleusis

fokked op kidz

Thanks. (Klote.)

maandag 14 maart 2011 @ 18:57:27 #60

KomtTijd...

http://www.w3.org/TR/CSS2/selector.html#pattern-matching

1
2
3
4
5
6
7
8

post = document.getElementsByTagName('whatever');
for (i=0; i<post.length; i++)
{
    if (post[i].innerHTML.search('zoekterm') >= 1 )
    {
        post[i].style.backgroundColor="#f00";
    }
}

zcflevo.nl

dinsdag 15 maart 2011 @ 10:39:44 #61

RenRen-

Ik hoorde gister iets over een programma dat flashfiles converteert naar html of iets. Het zou Walibi heten, maar als ik google op Walibi krijg ik alleen maar het pretpark. Is er iemand die hier iets over weet?

dinsdag 15 maart 2011 @ 11:20:37 #62

n8n

Pragmatisch

quote:
Op dinsdag 15 maart 2011 10:39 schreef RenRen- het volgende:
Ik hoorde gister iets over een programma dat flashfiles converteert naar html of iets. Het zou Walibi heten, maar als ik google op Walibi krijg ik alleen maar het pretpark. Is er iemand die hier iets over weet?

http://tweakers.net/nieuw(...)estand-in-dhtml.html

“Specialization is for insects”.—Robert Heinlein

dinsdag 15 maart 2011 @ 11:34:19 #63

eleusis

fokked op kidz

quote:
Op maandag 14 maart 2011 18:57 schreef KomtTijd... het volgende:
http://www.w3.org/TR/CSS2/selector.html#pattern-matching

Ja dank je, maar ik mag van Danny alleen een CSS laden.

Kan wel gaan klooien met Greasemonkey maar liever CSS.

dinsdag 15 maart 2011 @ 11:36:10 #64

RenRen-

quote:
Op dinsdag 15 maart 2011 11:20 schreef n8n het volgende:

[..]

http://tweakers.net/nieuw(...)estand-in-dhtml.html

Thanks!

dinsdag 15 maart 2011 @ 23:23:48 #65

Black-Hole

Deep in my soul

Hoe vervang ik mijn submit button van een form op de juiste manier door een plaatje? Met mijn huidige styling wordt die van de input velden meegenomen inclusief het plaatje. En dat terwijl de submit wel zijn eigen class heeft....

HTML

1	<input type="submit" value="Verstuur" />

CSS

1
2
3
4
5
6
7
8
9
10
11

input[type=submit]{
background-image: url(../images/submit.png);
background-repeat: no-repeat;
width: 113px;
height: 38px;
float: right;
font-family: 'GenevaRegular';
border: none;
font-size: 14px;
color: #fff;
}

Ik haat forms

dinsdag 15 maart 2011 @ 23:31:07 #66

Happel

Je Suis Roi

input[type=submit] zal niet herkend worden in IE. Is geen juiste selector. Maak er input van en het zal herkend worden.

Neem aan dat de input in een container div zit? Beter is om het dan als volgt te doen:

1
2
3

.classname input{
[insert css]
}

Voorkomt dat alle inputvelden in het formulier gestijld worden.

Elite
Feyenoordsupporters gaan naar de hemel, als er in de hel geen plaats meer is
Tegen TTIP

dinsdag 15 maart 2011 @ 23:33:46 #67

eleusis

fokked op kidz

Wij spreken altijd vaste classnamen af met de ontwerpers, een submitbutton geven we altijd class="button submit" en dan kunnen zij CSS-en op input.button.submit { ... }

dinsdag 15 maart 2011 @ 23:38:39 #68

Happel

Je Suis Roi

quote:
Op dinsdag 15 maart 2011 23:33 schreef eleusis het volgende:
Wij spreken altijd vaste classnamen af met de ontwerpers, een submitbutton geven we altijd class="button submit" en dan kunnen zij CSS-en op input.button.submit { ... }

Ook een optie, ja. Bij ons zit er standaard een class .button-container om een knop die een actie vertegenwoordigt.

Elite
Feyenoordsupporters gaan naar de hemel, als er in de hel geen plaats meer is
Tegen TTIP

dinsdag 15 maart 2011 @ 23:38:50 #69

Black-Hole

Deep in my soul

quote:
Op dinsdag 15 maart 2011 23:33 schreef eleusis het volgende:
Wij spreken altijd vaste classnamen af met de ontwerpers, een submitbutton geven we altijd class="button submit" en dan kunnen zij CSS-en op input.button.submit { ... }

Zelfs als ik hem een class meegeef blijft het probleem zich herhalen, dus <input type="submit" class="button submit" value="Verstuur" /> en dan targetten in de css met input.button.submit

@happel, het formulier zit in een aparte div en fieldset.

dinsdag 15 maart 2011 @ 23:40:00 #70

KomtTijd...

quote:
Op dinsdag 15 maart 2011 23:38 schreef Black-Hole het volgende:

[..]

Zelfs als ik hem een class meegeef blijft het probleem zich herhalen, dus <input type="submit" class="button submit" value="Verstuur" /> en dan targetten in de css met input.button.submit

Wat is nou precies het probleem dan? Je vorige post is nogal vaag.

zcflevo.nl

dinsdag 15 maart 2011 @ 23:42:46 #71

Black-Hole

Deep in my soul

quote:
Op dinsdag 15 maart 2011 23:40 schreef KomtTijd... het volgende:

[..]

Wat is nou precies het probleem dan? Je vorige post is nogal vaag.

Dat de styling van de input velden worden overgenomen in de submitknop. Ik zie dus de styling van de inputvelden achter het plaatje staan. Zal zo de volledige code neerzetten inclusief en screenshot.

dinsdag 15 maart 2011 @ 23:44:21 #72

Light

quote:
Op dinsdag 15 maart 2011 23:23 schreef Black-Hole het volgende:
Hoe vervang ik mijn submit button van een form op de juiste manier door een plaatje? Met mijn huidige styling wordt die van de input velden meegenomen inclusief het plaatje. En dat terwijl de submit wel zijn eigen class heeft....

Is een andere input type geen optie?

1	<input type="image"/>

Dat is namelijk ook een submitbutton

fokstok.nl

dinsdag 15 maart 2011 @ 23:48:47 #73

Black-Hole

Deep in my soul

HTML

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

<div id="contact" class="grid_4 push_1 suffix_3">

<img class="wrapper" src="images/contact.png">

<h2>Contact</h2>

<form action="#" method="post">
        <fieldset>
            <label for="name">Naam:</label>
            <input type="text" id="name" placeholder="Uw naam" />

            <label for="email">Emailadres:</label>
            <input type="email" id="email" placeholder="Uw emailadres" />

            <label for="message">Bericht:</label>
            <textarea id="message" placeholder="Uw bericht"></textarea>

            <input type="submit" class="button submit" value="Verstuur" />

        </fieldset>
    </form>

</div>

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

label{
display: block;
font-family: 'GenevaRegular';
color: #816d51;
font-size: 14px;
padding: 20px 0px;
}

input{
background-color: #c4b9a6;
border: 1px solid #45291a;
width: 300px;
height: 30px;
}

textarea{
background-color: #c4b9a6;
border: 1px solid #45291a;
width: 300px;
height: 120px;
margin-bottom: 20px;
}

input.button.submit{
background-image: url(../images/submit.png);
background-repeat: no-repeat;
width: 113px;
height: 38px;
float: right;
font-family: 'GenevaRegular';
border: none;
font-size: 14px;
color: #fff;
}

dinsdag 15 maart 2011 @ 23:53:29 #74

KomtTijd...

Je hebt de background-color ook niet overruled voor submit.button.value.
Zet er nog even background-color:none bij. Of gebruik de shorthand notatie

zcflevo.nl

woensdag 16 maart 2011 @ 00:00:43 #75

Black-Hole

Deep in my soul

quote:
Op dinsdag 15 maart 2011 23:53 schreef KomtTijd... het volgende:
Je hebt de background-color ook niet overruled voor submit.button.value.
Zet er nog even background-color:none bij. Of gebruik de shorthand notatie

Background-color:transparent pakt ie wel, none niet. (FF en Chrome) Wel vreemd dat je die classes moet overrulen, dat ben ik nog niet eerder tegengekomen.

Bedankt voor alle hulp

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

» digital corner

» development

» digital corner

» development