LeonLatex

It's the w3-card that won't center. There is no content in it except a w3-panel. Without the w3-panel inside it doesn't center either.

I have tried different things to center the card below. But it doesn't. What am I doing wrong? The other styles are working, but it won't center, no matter what. Maybe there is a simple solution for this, but as said, it doesn't work. I have tried inline CSS too. Is it a simple solution for this? <div class=" w3-card w3-center w3-padding w3-twothird w3-round">

In first place I posted this wrong, but when I saw I had posted it in the wrong place it was too late to delete it. That's why it is to find in two places. Got to fill in: After I followed Barands advice it was getting better. He told me to use W3Schools W3 CSS. Things were getting better. I must rewrite the main box completely and stop using my own CSS as little as possible. The only problem now is the article box inside the main box who keeps the article preview text and picture. The box scales to narrow and the photo doesn't scale at all. The photo keeps in the correct place but it doesn't scale down to fit the rest that is scaling down. And the main bow doesent expand on to large picture. Just on text when the text is to long. Hope I manage it till tomorrow after i have slept a little. 06:27 here now. Good morning and good night 😴

Got to fill in: After I followed Barands advice it was getting better. He told me to use W3Schools W3 CSS. Things was getting better. I must rewrite the main box completely and stop using my own CSS as little as posible. The only problem now is the article box inside the main box who keeps the article preview text and picture. The box scales to narrow and the photo doesn't scale at all. The photo keeps in the correct place but it doesn't scale down to fit the rest that is scaling down. Hope I manage it till tomorrow after i have slept a little. 06:27 here now. Good morning and good night 😴

I think you hit a nerve there gizmola and you too maxxd. I feel it as soon as you say it that I'm stuck in terms of considering max and min scaling, viewport and having a fluid design (as maxxd calls it) that has no limitations in terms of scaling up or down. It's what you're talking about that I'm interested in, but which I can't express or describe. It has nothing to do with poor English or language limitations. This only has to do with too little knowledge. I live too much in the past and fail to see that it has evolved. This is like banging your head against the wall. I read, ask for advice, get answers and understand it then and there. I constantly see what I'm doing wrong, and what I should have done differently. Not mine; I see and understand how it should be, recognize and understand what will be done if I do/write like this. When I sit down again, I'm just as clueless. I have too much tunnel vision in many areas. I have to get out of that tunnel. It only leads in one track. I thank you for the answers you give and will read through what is linked to. You keep trying to push me in the right direction. I absorb all the knowledge you give me, but.... 🤔😠I get irritated and frustrated with myself. Thank you for the knowledge you spread and give me. (Barand, Gizmola, Maxxd, Kicken, Requinix, Benamen, Ginerjm and everybody else).

Thank you both 😊

I get an error on this locally but not on WWW. Whats wrong? <?php const PAGETITLE_database_heading='<h1 class="heading">XXXXXXXXXX?</h1>';?> <?php const PAGETITLE_database_text='<h1 class="black_left"><br>XXXXXXXXXX?';?>

Great Gizmola. Just what I needed. But, what is the min with on the websites among other users here on PHP Freaks? I have understood, read and heard from others that it's between 700px and 750px. More precise around 720. What do you guys think about that?

I am in the process of setting up a website that will have a similar design on most other pages. So the pages are built on templates. CSS script will be external. It is important that DIV/CSS is in accordance with standards so they will be scalable. I will try to explain how the basic design page should be built up from the fundamental DIV. Main DIV: Is the foundation that should contain the DIV for the header + the four other DIVs in the width that are filled in automatically if needed from the DB. It will have a border and shadow and a padding of 15px. In the example here, I only explain the structure of the first box, as the others will be the same. The height of this must be increased if necessary when the content boxes become, for example, 3 or 4 rows. main DIV must follow scrolling up and down and all DIVs and elements positioned inside it must follow. The second div is: DIV for heading. It should be at the top of the main DIV with a size of approx. 30 px. height and full width inside main. The heading should be centered. Nothing extra here other than that this should be locked in the top position inside the main DIV The first DIV inside the main DIV should be a container for the ones below and should only contain height and width that are adapted to the boxes described below. Content box: There should be 4 of these in width as said. Each of these will consist of 2 DIV. One above and one below. Is it recommended to put these 2 inside a DIV container/wrap? The top one should contain an image without padding, and the one below should contain a text belonging to the article linked to in this box (the one below). The boxes must have a fixed height and width of 275pxX183px The box below the image, the one containing the text, must only contain the text of the article up to a certain number of characters and letters, and then with a link to the entire article at the end. This should have a padding for the borders of the box and 2px. so that the text is narrower than the image. Same with the box above. It must have an image with a fixed size of 275X180px - 185px. This should have padding 0px. Since I'm going to use the framework for W3Schools, I'm a bit stuck. There are different boxes, and since I want it to be scalable and to be displayed on all devices such as computers, tablets and phones, I want this to be correct. There are boxes, for example. some boxes called CARDS, PANELS and BARS + many more for sure and god knows what. WHO IS RIGHT FOR ME and where in my setup as explained above. I think I got everything. Hope this was explained well enough graphically.

Where is the error? CREATE TABLE '122387_leon'.'article'( 'id' INT NOT NULL AUTO_INCREMENT, 'articletext' TEXT NULL, 'articledate' DATE NULL, PRIMARY KEY ('id')); 122387_leon is the DB name. Since i am logged into the DB via MySQL Workbench & Navicat i have tried with and without 122387_leon. But still I get an 1064 error. What is wrong?

As I thought. Like the rest of the world, web colors have moved on. I can see there is some new stuff in my backyard. Got to read me up on #rrggbb, #rgba and #rrggbbaa - and all the new that has come.

I dont know if this belongs here on CSS, on HTML or miscellaneous, but I posted it here on CSS. I remember back in time we had the standard called web safe colors. Reason why I ask is because I am not sure if this is something that is applicable today, but how importenat is it with websafe colors today?

The script was developed by Barand, and this was probably not the way he set it up in the first place when he developed it for me. I managed quite amazingly to sort of wipe it out when I had to familiarize myself with how it worked in relation to where everything was. Long story short. I was a little too smart-ass when I started on this and didn't back up the original files. Therefore, over time I have spent a lot of time getting it back to where I have come with it now. I have restored it from fragments and differently read solutions online and in books. Therefore, such moments of irritation as you experience can occur. I am sorry for that and apologize for it. What's important for me now is to get it 100% back up and running. Next is to clean it up so you don't have to worry about cosmetic errors anymore.

Now some peace's fell into place

Time for bed 🤪😴 better now: $_POST['member']['policy_number']; I forgot i had the policy_number in the member table. I Will check it out now.

I got a text box called policy_number. If this is left empty on submission the data won't be sent is the idea. But this doesn't work. What is wrong here? <label>Polisenummer:</label> <input type="text" class="w3-input w3-border" name="boat[policy_number]"> This is the PHP script for check: <?php $policy_number= $_POST['policy_number']; $submitbutton= $_POST['submit']; if ($submitbutton){ if (empty($policy_number)) { echo 'Du må fylle inn et polisenummer.'; } else { echo 'Du har fylt ut polisenummer: ' . $fpolicy_number; } } ?>

Thanks for a good explanatory answer, Phill. Such good answers are very nice to get. They are confirming and complementary at the same time for what you already know, but because insecurity is afraid of believing in yourself or afraid to ask so that you don't screw yourself up completely. That's why I'm happy for such answers. I may not be the one who is most afraid of asking stupid questions, but even I have a built-in barrier. I must become better at trusting myself. I haven't put the list too high for that. I know. But thank you.

I have, and so far it works fine, but can I meet some problems in the future I don't see by not closing one or more blocks? Or not closing PHP at all at the end of the document?

As I have understood it's not normal or necessary anymore and after the new standard(?) to close PHP (?>). So if I got a PHP file with a mix of HTML and PHP I can just open for PHP (<?php)? In other words. Can I just leave it open through the whole file?

Thanks CyberRobot. I will try your suggestion.

As an example: /* Clear floats after the columns */ .row:after { content: ""; display: table; clear: both; } .column { float: left; width: 33.33%; } <div class="row"> <div class="column"></div> <div class="column"></div> <div class="column"></div> </div> Does it matter if it says row or something else in front of :cleare ? Can row be replaced with something else? That is, e.g. background or something else? As I have understood it from what I have read online, :cleare can NOT be replaced with something else, understandably according to the function.

I have come a little further in trying. I've been trying this for three days now. I am attaching the CSS and HTML that are relevant. However, I will explain what is happening. I get the text to wrap around the image. What I can't manage to do is create the space I want the text to have for the image. That is the text that is placed on the underside and the text that is on the right side of the image. If I get the distance to the image on the right of the image, the wrapping function disappears and the text does not fit under the image as it did before when necessary (when the text is so long/too long). This is hopeless! Can someone please look through what I have done and tell me what is wrong/what I am doing wrong, and please also come up with the solution to the problem so that I can fill in the correct one that is the solution to the problem? CSS: div.content1_image { background-image: url("../images/content1_image.png"); width: 275px; height: 181px; position: initial; float: left; margin: auto; margin-top: 25; margin-left: 25px; /*image-border: medium;*/ /*border-color: black;*/ border-radius: 10px; display: inline-block; background-color: #eeeeff; /*box-shadow: rgba(0, 0, 0, 0.65) 0px 0px 0px 3px;*/ color: #111; text-align: left; font-size: 90px; shape-outside: square(); padding: 0px; background-clip: content-box; } div.content1_background { /*text-align: center;*/ font-family: "Consolas", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif"; font-weight: bold; font-size: 14px; color: #000000; margin: auto; margin-top: 25px; position: initial; background-color: #eeeeee; width: 97%; height: 300px; border: 10px; border-color: black; border-radius: 10px; box-shadow: rgba(51, 51, 51, 0.27) 0px 0px 0.2em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em; } div.content2_image { background-image: url("../images/content2_image.png"); width: 275px; height: 184px; position: initial; float: left; margin: auto; margin-top: 25; margin-left: 25px; /*image-border: medium;*/ /*border-color: black;*/ border-radius: 10px; display: inline-block; background-color: #eeeeff; /*box-shadow: rgba(0, 0, 0, 0.65) 0px 0px 0px 3px;*/ color: #111; text-align: left; font-size: 90px; shape-outside: square(); padding: 0px; background-clip: content-box; } div.content2_background { /*text-align: center;*/ font-family: "Consolas", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif"; font-weight: bold; font-size: 14px; color: #000000; margin: auto; margin-top: 25px; position: initial; background-color: #eeeeee; width: 97%; height: 300px; border: 10px; border-color: black; border-radius: 10px; box-shadow: rgba(51, 51, 51, 0.27) 0px 0px 0.2em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em; } HTML: <div class="content1_background"><!--<div class="oval1"></div>--><div class="content1_image"></div> Lorem ipsum dolor sit amet. Sit dolorum beatae quo assumenda nisi eum fugiat exercitationem aut obcaecati commodi. 33 enim dolor rem accusamus veritatis non sequi facere ut veniam galisum est error illum qui tempore voluptatem. At necessitatibus sunt a fugit repellendus ab assumenda obcaecati et voluptatibus eveniet ex recusandae molestias est temporibus pariatur voluptatem incidunt. Rem adipisci laboriosam eum asperiores voluptas est accusantium minima et sint veniam. Sed quas recusandae in voluptas aperiam non eius amet et nobis voluptatum qui assumenda quia. Non voluptates eius ut odio nisi est consectetur quasi est asperiores distinctio et dolorem saepe in molestiae corporis. Ut placeat nisi et quia tempora qui nihil accusantium ab similique quos non delectus neque ducimus culpa qui distinctio minus. In dolore deserunt est voluptatem iusto quo quia aliquid. Lorem ipsum dolor sit amet. Sit dolorum beatae quo assumenda nisi eum fugiat exercitationem aut obcaecati commodi. 33 enim dolor rem accusamus veritatis non sequi facere ut veniam galisum est error illum qui tempore voluptatem. At necessitatibus sunt a fugit repellendus ab assumenda obcaecati et voluptatibus eveniet ex recusandae molestias est temporibus pariatur voluptatem incidunt. Rem adipisci laboriosam eum asperiores voluptas est accusantium minima et sint veniam. Sed quas recusandae in voluptas aperiam non eius amet et nobis voluptatum qui assumenda quia. Non voluptates eius ut odio nisi est consectetur quasi est asperiores distinctio et dolorem saepe in molestiae corporis. Ut placeat nisi et quia tempora qui nihil accusantium ab similique quos non delectus neque ducimus culpa qui distinctio minus. In dolore deserunt est voluptatem iusto quo quia aliquid. </div> <div class="content2_background"><!--<div class="oval2"></div>--><div class="content2_image"></div> Lorem ipsum dolor sit amet. Sit dolorum beatae quo assumenda nisi eum fugiat exercitationem aut obcaecati commodi. 33 enim dolor rem accusamus veritatis non sequi facere ut veniam galisum est error illum qui tempore voluptatem. At necessitatibus sunt a fugit repellendus ab assumenda obcaecati et voluptatibus eveniet ex recusandae molestias est temporibus pariatur voluptatem incidunt. Rem adipisci laboriosam eum asperiores voluptas est accusantium minima et sint veniam. Sed quas recusandae in voluptas aperiam non eius amet et nobis voluptatum qui assumenda quia. Non voluptates eius ut odio nisi est consectetur quasi est asperiores distinctio et dolorem saepe in molestiae corporis. Ut placeat nisi et quia tempora qui nihil accusantium ab similique quos non delectus neque ducimus culpa qui distinctio minus. In dolore deserunt est voluptatem iusto quo quia aliquid. </div>

Finally, I found out how to scale background images automatically depending on the viewport/screen size and the screen resolution. I bought myself a new book about CSS3 and HTML5. But there is a thing missing in the book. It doesn't tell me..... Ok, I start over. I want to use a different background image on different pages. As I have understood I "Have" to use CSS background-***** in combination with the <body class="******"> tag. Is this right, or can I use it with a <div> tag too? I mean as a background image in a <div class='****** with width and height 100%" so the <div> covers the screen at all time? Will the CSS background-***** do the same in a <div> as in a <body> tag? Yes I know i could use a lot of time on this by testing it out my self, but spare me the time by asking in a hope if some of you know the answer.

nah, I do it myself. I don't want to bother you more with it. Actually, i thought this was a site existing for helping and learning. Instead of taking the shortcut and having some help here and saving time, I think it's best I use some extra time and find out about it by myself. If I use a week or 3 months is not special important. And about my comment, I said I was sorry if I was wrong, or something like that. On the 12th of October, I am going to Hua Hin in Thailand for six months. So I will bring it with me to Thailand. I need something to do there as well. The main reason I am learning so slow and remember very bad is because of a cognitive head injury after a traffic accident in 1988. Just sayin, if any wonder about it.

Yes, I know. I am aware of that, but sometimes I forget it. (just like others) Sorry for that, I am just a human 🤪 Anyway... I am always trying to behave and show (you) my best side 😊