tijs
-
Posts
17 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Posts posted by tijs
-
-
oh yes man thanks for the tip!
-
Hello everyone,
I just found out that I can make triangles using css
Just an exemple of a simple, red triangle:
.triangle {border-color:white white red white; border-width:25px; border-style:solid; width:0px; }
Now I wanna further customise this and make a single triangle of which the upper-half of it is in red and the bottom-half of it is blue.
So I tried to place another triangle under it and making the width wider to the 2 figures would fit in each other like 1 but the problem is that I still have the empty place between from the other white borders..
Can someone help me out?
Many Thanks!
-
OK thanks it's clear :-)
-
I've another question, It is from an exercise from w3schools.com.
If I leave the float:left; element in both the ul and a, then the boxes also become smaller and don't take the width that we had set up.
Also , If I leave the float, the text comes against the 'horizontal menu' and if I put float again, then It don't..
-
Ok I understand it, thanks for the explanation!
-
Can anyone explains me what is meant by this:
Note: Setting the display property of an element only changes how the element is displayed, NOT what kind of element it is. So, an inline element with display:block is not allowed to have other block elements inside of it.
src:http://www.w3schools.com/css/css_display_visibility.asp
Why can't I put a block element inside a inline element?
-
In fact, what does the action text-align:middle; do so?
-
Oh ok thanks man I got it!
-
Many thanks for the answer! Creative solution with the line height :-)
It worked for me to center the .inner div into the .outer div but inside my inner div, I had some text which I put in my inner block but it displayed outside(under) the block..Here is my full code:<!doctype html><html lang="en"><head><meta charset="UTF-8" /><title> Canvas project</title> <style>.outer {width: 500px; height: 500px; line-height: 500px; text-align: center; background-color:red;} .inner { display: inline-block; width: 200px; height: 200px; text-align: left; vertical-align: middle; background-color:green;} </style></head><body><div class="outer"> <div class="inner"> <p> Some text </p> </div> <!--inner--></div> <!--outer--></body></html>
I hope you can help me.
Thanks,
Tijs
-
Good evening everyone,
I was just looking for the best manner to center a div element in another div element both horizontal and vertical.
I found different styles to do this on the internet and I finnaly succeeded by doing this:
div.outer {display: table-cell;width: 500px;height: 500px;vertical-align: middle;text-align: center;}div.inner {display: inline-block;width: 200px;height: 200px;text-align: left;}
<div class="outer"><div class="inner">your content</div></div>
So I was wondering if this is the best manner and if setting the .outer class in a table-cell, has this other influences on the div element? Or is there a better way to do this?
Thanks guys!
Good evening
-
Ok thanks it worked!
But if I place it in the navbar in bootstrap then it won't work, even if I just put another color, it has no effect..
<li class="active department"><a href="#"> Home </a> </li>.department{color:red;}
Any solutions?
Thanks a lot!
(and by the way, does anyone know where I can learn more advanced styling like this? some tutorial or somthing?)
-
Ok but in my chrome it won't work also..
Is there also another manner to do it?
I wanna get a effect like this but then with the underline in another color:
-
Good evening everybody,
I have a little problem, I've read on the site from w3-schools that I can use a
text-decoration-color
element to choose a color for the text-decoration (:underline;)
Now, I tried it out but it won't work.
#google:link{color:red; text-decoration:underline; text-decoration-color: green;}
Thanks for watching!
Tijs
-
Ok many thanks for the help!
-
Many thanks my friend it worked!
I was also wondering if you know how I can gain experience in programming html and css + bootstrap? Are there some advanced lessons or something? Because I'm really motivated to become better and better in programming!
Good evening !
-
Hello everybody,
I'm just new on this forum and I hope that I can learn from people and try to help other people here and share our experiences in web development!
I'm reasonably new in the programming world and I have already learned html and css and now i'm learning bootstrap but somethimes I have some problems and I don't fond solutions for them.
So my problem is in centering the .pagination in the bottom of the page.
I have tried to do it with setting the marge of the element like this:
<div class="row"> <nav style="marge:0 auto"> <ul class="pagination pagination-lg"> <li> <a href="#" aria-label="Previous"> <span aria-hidden="true">«</span> </a> </li> <li><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">5</a></li> <li> <a href="#" aria-label="Next"> <span aria-hidden="true">»</span> </a> </li> </ul> </nav> </div>
But this don't work. Can please someone help me out?Thanks a lot,Tijs
Crazy design
in CSS
Posted
Hello everyone,
somethimes, I am just searching for the net for nice and special designed websites,
for exemple, does anyone know how they made something like this?
http://www.tuinenvanpouckebart.be/nl/een-tuinontwerp-op-maat
For exemple, how did they made this 2 "triangle containers" on the left and right?
And with which program is this made?
Man thanks!