WolfLord Skywalker
-
Posts
26 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Posts posted by WolfLord Skywalker
-
-
So @CLHarrison
I think it would help if you replaced the
@media screen and (max-width: 600px) {
.topnav a:not(:first-child), .dropdown .dropbtn {
display: none;with
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<style>.
perhaps it's a fitting to screen problem. Of u try it and/or make any breakthrougs tell me.
-
@CLHarrisonI'll see if I caif work on some code based on that and get back to ya
-
Another thing I suggest is tweaking the float variable. Tell me how it works out
-
@CLHarrison more examples for reference
<!DOCTYPE html>
<html>
<head>
<style>
body {background-color: powderblue;}
h1 {color: blue;}
p {color: red;}
</style>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
As you can see, by specifying that h1 should be blue when you type text in h1 it will be blue.
Also this helps (forget the php for now)
<!DOCTYPE html>
<html>
<body>
<h1>The textarea wrap attribute</h1>
<form action="/action_page.php">
<textarea rows="2" cols="20" name="usrtxt" wrap="hard">
At W3Schools you will find free Web-building tutorials.
</textarea>
<input type="submit">
</form>
</body>
</html>
It specifies what text to be wrapped
-
20 hours ago, CLHarrison said:
The wrapper... Here is what I did:
<style>
* {
box-sizing: border-box;
}/* Add a background image with some padding */
.body {
font-family: 'Cairo', sans-serif;
padding-left: 30px;
background-image: url("images/Blue_Background.webp");
}#wrapper1 {
padding-left: 360px;
padding-right: 360px;
padding-top: 30px;
padding-bottom: 30px;
}Then, at the portion of each page where I closes style and head, but above the header and the navbar:
<div id="wrapper1"
Notice there is not a > at the end. If I put that in, I get a offset container that is not correct and you can't see my background image. But I don't believe the code is correct like it is. Any idea of what I'm doing wrong? I thought maybe I had a <div> or </div> not where it needed to be but if it, I've been unable to find it. Yet the page looks and acts just like I want it to with the missing >.
So, I think you should link each part of the page to each parameter of css. For example the way HTML has <h1>, <h2>, and <p> (different parameters), you can also link multiple divs (I hope my English isnt too complicated). For example scrap '>' and do:
<!DOCTYPE html>
<html>
<head>
<style>
div.ex1 {
width: 500px;
margin: auto;
border: 3px solid #73AD21;
}
div.ex2 {
max-width: 500px;
margin: auto;
border: 3px solid #73AD21;
}
</style>
</head>
<body>
<h2>CSS Max-width</h2>
<div class="ex1">This div element has width: 500px;</div>
<br>
<div class="ex2">This div element has max-width: 500px;</div>
<p><strong>Tip:</strong> Drag the browser window to smaller than 500px wide, to see the difference between
the two divs!</p>
</body>
</html>
The div ex1 specifies the particular part of html to act on
-
-
Ok cool. Hope atom works out. As for the phone thing, I've tries it too and it's really annoying. Phone's can't process filepaths, no matter how specific you are. You have to work with pc's. Again I wish you good luck with atom and css
-
@dsonesukcan you help
-
@dsonesukcan u help
-
That's good👍. It'll also help
-
@CLHarrisongot any ideas 👆
-
12 hours ago, CLHarrison said:
Nope, just a website.
I'm doing a little refinement. For instance, the white borders you see on this forum on the left and right. I didn't put that and it has a background image. I can easily limit the width of the body, header and footer. But I've yet to figure out how to limit the width of the background image. This narrower width bugs me as I like have the real estate, but I know that with smaller displays, the narrow width that actually holds content does make sense. I'd like to keep my background image but I don't want it to be full screen either.
I've got my page divided into two, uneven columns. If the content of those columns is not a great match, one is longer than the other. You can add <br> as much as needed to get them lined up, but every little change in your content means you have to realign by either adding or remove them from one side or the other. I'm wondering if there is a way to keep them so that lowest section of the each row stays aligned without having to fool with it.
Next I'm going to attempt to make a forum, much like this one. It will require a database to do I think. Unfortunately I'm not really finding much other using an app from sources like WordPress to do this. I'd rather write the code and get better with the code. It will take longer but I'll be better for it.
The website will also have video content but I'll likely just upload that to my YouTube account and then embed it. Unfortunately the file size limit here makes it difficult to share. I've not stood this up yet so they are just files on my OneDrive.
I think the thing to do would be to specify the width directly as shown here
<h2>HTML Image</h2>
<img src="pic_trulli.jpg" alt="Trulli" width="500" height="333">
For alignment, I strongly advise not using word or wordpad, as it will alter the code. If the <br> doesn't help I'm not sure what will but I'll keep looking.
As for the forum, php and mysql is a great option. I'm obsessed with them. However, w3schools only provides a one-way chat system. For the full tutorial, I hope these help:
https://dev.to/bhupendra1011/build-a-chat-application-in-javascript-194p
-
Is it like an app ur making
-
Or just replace <body> with this
body {background-color: coral;}
-
Perhaps you should omit body altogether I.e
<p style="background-image: url('img_girl.jpg');">
If you want the correct url go to the search bar, search for Blue background.webp, copy the filepath and place it in place of img_girl.jpg
-
Perhaps you should omit body altogether I.e
<p style="background-image: url('img_girl.jpg');">
If you want the correct url go to the search bar, search for Blue background.webp, copy the filepath and place it in place of img_girl.jpg
-
Hey guys. Please it would help if youd post the source code for an ai scanner as shown here
https://www.w3schools.com/ai/default.asp
Also what do you save ai files as?
And may I humbly suggest you add a three.js tutorial l. Thanks
-
I'm tryna make a game with an HTML canvas. I know how to draw obstacles on a canvas. I also know how to draw on my own image from my laptop. My problem lies in combining both- drawing my image onto an obstacle filled canvas. Can anyone help?
-
@Ingolme I'm tryna make a game with an HTML canvas. I know how to draw obstacles on a canvas. I also know how to draw on my own image from my laptop. My problem lies in combining both- drawing my image onto an obstacle filled canvas. Can u hwlp
-
Oh OK. Mind sharing the code 4 home.html. Maybe I can work out something.
-
Also I have a problem of my own. Do you think you can help? How do you code an ai scanner (as shown in the w3schools ai tutorial front page), and what is the file extension for ai code
-
Hey pal. I've seen the same problem too. If you want to add multiple words to memory,let's say memory1 for example then
if(MEMORY1 == "hello"){ = wrong
if(MEMORY1 == "hello", "hi"){ = right
helps the ai add more vocabulary to each string
-
Anyone know how to draw both obstacles and personal image (I.e like smiley.gif) onto a game canvas?
I'm developing a game and can't do it without this. Anyone???
-
Yes the webp works as well as jpg. But even on laptop I can't do both. If you want to see how the code works for real change your browser to desktop view. So is there a way to combine
Can't get the image resolution to adopt to different display sizes.
in HTML/XHTML
Posted
YAH. The second paragraph was exactly what I was thinking