Jump to content

tijs

Members
  • Posts

    17
  • Joined

  • Last visited

tijs's Achievements

Newbie

Newbie (1/7)

0

Reputation

  1. tijs

    Crazy design

    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!
  2. oh yes man thanks for the tip!
  3. 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!
  4. I've another question, It is from an exercise from w3schools.com. Creating a horizontal menu 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..
  5. Ok I understand it, thanks for the explanation!
  6. 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?
  7. In fact, what does the action text-align:middle; do so?
  8. 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
  9. 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
  10. 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?)
  11. 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: http://craftnodehosting.com/
  12. 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
  13. Ok many thanks for the help!
×
×
  • Create New...