Jump to content

LeonLatex

Members
  • Posts

    128
  • Joined

  • Last visited

About LeonLatex

  • Birthday 01/04/1972

Contact Methods

  • Website URL
    www.facebook.com/thorkjetilgrimsrud
  • Skype
    leon_latex

Profile Information

  • Gender
    Male
  • Location
    Norway
  • Interests
    electronics, hi-tech, computer and IT related things like database systems, programming, cars, traveling, exploring and so much more. I think it's better you ask me what I am not interested in. It's easier to answer that question.
  • Age
    50
  • Donation Link

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

LeonLatex's Achievements

Advanced Member

Advanced Member (4/5)

6

Reputation

  1. Are there any good book releases about HTML5 with good review that can be recommended? Only English, Norwegian or another Scandinavian language. Preferably released between fall 21 and now (Easter 22). Newest is better.
  2. You saved me a lot of time, so i don't have to use time on reading me up on 5 pages describing the answer it takes only 4 lines to describe. Thanks, kicken 👍😊
  3. A while ago I got an answer to the difference between .class and .id. Got a good and understandable answer there. The following question goes on almost the same. After <style> why does someone put only a * in front of a { What does this mean? Then there are two other things. I usually enter, for example, a class for a div, for example like this: div.font but then I see there are others who do not put anything in front .font - what is the difference? Other times, some enter only a # .font
  4. How to make a raster image adapt/fit to all resolutions? For that matter, a vector image as well. I mean as in the examples below: http://www.loopnet.com www.waldorfastoriabeverlyhills.com www.thedubaimall.com http://www.fabricliving.co http://www.theagencyre.com So, is it enough to oversize the image (eg 6000 * X pix) and put it in a div box? I have tried this, but it did not work. And even that will create white spaces around the image eventually? It did with me, but it's limited to how much I can increase the resolution of my equipment as well, so it's limited. Therefore, I have not been able to increase the resolution to more than a little over 2000 on the screen and tried with images ranging from 1024 and up. If the image is smaller than the box, I get some disturbance in the image. The position changes and everything that is not supposed to happen happens. How to make one image scale and stay in the same place as scaling up and down? I do not require you to set up any script for me, or give me finished things. I'm just asking you to tell me how and what is used, how it's done. Feel free to point me to a tutorial or something as well. I have not found that either. I asume it's used CSS..?
  5. Today I received an email from "SitePoint" with an interesting thing that I thought others were interested in and getting to know. Sends with some screenshots from the email that describe what this is. Useful or not, I want to test it out.
  6. That was what I needed to hear. Still a little confused, but I understand. I read a lot of information every day to learn and familiarize myself with something other than CSS1, and there is a lot of confusing info. Therefore, I ask. Sometimes i ask a question i already know the answere on to. Thats because i neaded a confirmation on what i already knew. I also see that you requinix open by asking me a question. Assume that this was only to open up for your answer. I understand that you understood what I ment by the way you answered me. And the way you explained to me what I really believed/already knew, but which I needed to get a confirmation of. Thanks 🙂 This is how I use CSS, to style and set up / have control over the layout / design. (so much has happened to CSS through CSS2 and CSS3 - so much new since CSS1)
  7. Is it absolutely necessary with a wrap on HTML and BODY as long as you have a wrap on all DIV boxes / elements that are otherwise on the page? My wrap on both of these only has 100% on width and height, maybe padding, but I do not quite see the need to have a wrap CLASS on HTML and BODY at all. All my FLEX boxes are fixed or flex, and it makes no difference when I scale the page with or without flex on BODY and HTML. If it were to be to sew together elements / content on the page, this is done by position, margin and align property. If I'm wrong, please explain why? I can find no good explanation for why. If anyone should ask themselves why I wonder and i have done this, it is because I read about it on one of many pages I have read through, but of course I will not find it again. I mean there was a reason there too. But as usual there are sites for it and some sites not. e.g. then I found this one, but I do not get wise to it. wrapping everything inside the <body> in a <div> (usually classed or id as 'wrapper') you enable yourself to repeat HTML tags multiple times without your page structure breaking down.
  8. I found this article wery interesting and usefull (Pasted below). When i have learned this properly i hope i understand it to the full and have solved the problem my self. Because i think my problem lies in when to use wich at the right moment in conjunction with which, or something like that. http://elad.medium.com/css-position-sticky-how-it-really-works-54cd01dc2d46
  9. Yesssss, there it was. I knew i had done it before and this is how. Thank you kicken 🙂 But now the div doesent center any more with the margin: auto; I tried to change it to other different properties and values. Doesent work. Do you have any solution and tilps kicken? Sorry to forget to put back the property value in the first <div class=""> after <div class="wrapper"> . The properties value is: container_bar_bgB That didn't solve the problem requinix. I have done this before without a problem, but now i cant make it work. Below is the CSS and HTML + a image of how the site looks now with a explaining text what i want to happen. <!doctype html> <html lang="NO" class="size"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="css/wrapper_padding.css" rel="stylesheet" type="text/css"> <link href="css/logo_box.css" rel="stylesheet" type="text/css"> <link href="css/containers.css" rel="stylesheet" type="text/css"> <link href="css/text.css" rel="stylesheet" type="text/css"> <title></title> </head> <body class="padding"> <div class="wrapper"> <div class=""> <div class="column_logo"></div> </div><br> <div class="container_bar_bgT"> <div class="column_bar_top">&nbsp;XXXXX-Top Bar</div> </div><br> <div class="float-container"> <div class="float-child"> <div class="green">XXX-Float Column 1</div> </div> <div class="float-child"> <div class="blue">XXXX-Float Column 2</div> </div> </div><br> <div class="container_bar_bgB"> <div class="column_bar_bottom">&nbsp;XXXXX-Bottom Bar</div> </div> </div> </body> </html> @charset "utf-8"; /* CSS Document */ /*----Main-Content-Box---------------------------------------------------------------------------------------------------------------------------------------*/ div.float-container { width:78%; height: 100%; margin: auto; padding: 0px; border-top: 0px solid #e1e1e1; border-left: 0px solid #e1e1e1; border-right: 0px solid #e1e1e1; border-bottom: 0px solid #e1e1e1; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px; border-radius: 7px; } div.float-child { width: 100%; height: 100%; margin: auto; padding: 0px; } /*-----------------------------------------------------------------------------------------------------------------------------------------------------------*/ div.container_bar_bgT { position: flex; width: 80%; height: 33px; margin: auto; margin-bottom: 1px; border-top: 0px solid #e1e1e1; border-left: 0px solid #e1e1e1; border-right: 0px solid #e1e1e1; border-bottom: 0px solid #e1e1e1; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px; border-radius: 7px; } div.column_bar_top { flex-basis: 50%; width: 100%; height: 100%; margin: auto; background-color: #339966; } div.container_bar_bgB { position: flex; width: 80%; height: 33px; margin: auto; float-bottom: 1px; border-top: 0px solid #e1e1e1; border-left: 0px solid #e1e1e1; border-right: 0px solid #e1e1e1; border-bottom: 0px solid #e1e1e1; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px; border-radius: 7px; margin-bottom: 100px; } div.column_bar_bottom { flex-basis: 50%; width: 100%; height: 100%; margin: auto; background-color: #339966; margin-bottom: 100px; }
  10. I cant make the That didn't solve the problem requinix. I have done this before without a problem, but now i cant make it work. Below is the CSS and HTML + a image of how the site looks now with a explaining text what i want to happen. <!doctype html> <html lang="NO" class="size"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="css/wrapper_padding.css" rel="stylesheet" type="text/css"> <link href="css/logo_box.css" rel="stylesheet" type="text/css"> <link href="css/containers.css" rel="stylesheet" type="text/css"> <link href="css/text.css" rel="stylesheet" type="text/css"> <title></title> </head> <body class="padding"> <div class="wrapper"> <div class=""> <div class="column_logo"></div> </div><br> <div class="container_bar_bgT"> <div class="column_bar_top">&nbsp;XXXXX-Top Bar</div> </div><br> <div class="float-container"> <div class="float-child"> <div class="green">XXX-Float Column 1</div> </div> <div class="float-child"> <div class="blue">XXXX-Float Column 2</div> </div> </div><br> <div class="container_bar_bgB"> <div class="column_bar_bottom">&nbsp;XXXXX-Bottom Bar</div> </div> </div> </body> </html> @charset "utf-8"; /* CSS Document */ /*----Main-Content-Box---------------------------------------------------------------------------------------------------------------------------------------*/ div.float-container { width:78%; height: 100%; margin: auto; padding: 0px; border-top: 0px solid #e1e1e1; border-left: 0px solid #e1e1e1; border-right: 0px solid #e1e1e1; border-bottom: 0px solid #e1e1e1; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px; border-radius: 7px; } div.float-child { width: 100%; height: 100%; margin: auto; padding: 0px; } /*-----------------------------------------------------------------------------------------------------------------------------------------------------------*/ div.container_bar_bgT { position: flex; width: 80%; height: 33px; margin: auto; margin-bottom: 1px; border-top: 0px solid #e1e1e1; border-left: 0px solid #e1e1e1; border-right: 0px solid #e1e1e1; border-bottom: 0px solid #e1e1e1; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px; border-radius: 7px; } div.column_bar_top { flex-basis: 50%; width: 100%; height: 100%; margin: auto; background-color: #339966; } div.container_bar_bgB { position: flex; width: 80%; height: 33px; margin: auto; float-bottom: 1px; border-top: 0px solid #e1e1e1; border-left: 0px solid #e1e1e1; border-right: 0px solid #e1e1e1; border-bottom: 0px solid #e1e1e1; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px; border-radius: 7px; margin-bottom: 100px; } div.column_bar_bottom { flex-basis: 50%; width: 100%; height: 100%; margin: auto; background-color: #339966; margin-bottom: 100px; }
  11. I have tried that. It didn't work. But i will try again to see if it's posible i have made asomething wrong.
  12. No, not margin or...maybe that can be used 🤔 The top and bottom layer i am talking about wil be sticky any way, so there's no broblem if they dont move along. I have used margin on many other ellements, but not here, because i want a a gap between </div> and <div> (old and new div). So i think thats the reason i didn't think about it. Maybe thats why i havent thought about that. It's realy a simple ansvere. So i am a little embarrassing. But you know (or maybe not - what do i know) it's not easy to be to cleare in the mind after bean awake for 18-20 hours. I went to bed after this post. Another question have came up. I have a div with a shadow I want it to have rounded corners on . But i can't make it work. Look at this code: box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px; radius: 7px; Or is radius only for border?
  13. Without using <br>, how cane i create a space between "column_bar_top" and "float-container"? I tried with "display: grid; row-gap: 50px" and; "display: grid; column-gap: 50px". But that doesnt work. How can i make a gap between them without using a <br> or <p>? <div class="wrapping"> <div class="column_container_logo_bg"> <div class="column_logo">X-Heading/Logo</div> </div> <div class="container_bar_bgT"> <div class="column_bar_top">&nbsp;XXXXX-Top Bar</div> </div> <div class="float-container"> <div class="float-child"> <div class="green">XXX-Float Column 1</div> </div> <div class="float-child"> <div class="blue">XXXX-Float Column 2</div> </div> </div> <div class="container_bar_bgB"> <div class="column_bar_bottom">&nbsp;XXXXX-Bottom Bar</div> </div> </div>
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.