Login

Mekaboo · 04-11-2019, 08:15 PM

Hello all, hope things are well! Im very new to CI and have gotten off to a somewhat easy start. My issues I have as of now are with text alignment, button color, and background image. Im making the welcome_message.php a landing page then will connect it to a login/register page. As of now on the welcomme_message.php page I cant get my background image and "Enter" button color to show and center heading and text as well as button. How do I go about doing this?

Heart

,
Mekaboo

muuucho · 04-12-2019, 02:57 AM

Welcome to Codeigniter!
If you use the welcome view that comes with codeigniter, you have the css right in that view file. (Application/views/welcome_message.php)

Mekaboo · (This post was last modified: 04-13-2019, 07:39 PM by Mekaboo.)

(04-12-2019, 02:57 AM)muuucho Wrote: Welcome to Codeigniter!
If you use the welcome view that comes with codeigniter, you have the css right in that view file. (Application/views/welcome_message.php)

Thank you so very much @muuucho for the great welcome and response Heart

Actually I tried to change up that css and it didn't work much for me. It work on text color but as far as alignment, nope . Im trying to center header, body,footer and it doesn't work. I also tried to add button css but that didn't work either☹

Wouter60 · 04-12-2019, 10:02 AM

Please, share the view you've written so far.
Use the PHP code block button at the toolbar of the forum editor, are include it as an attachment.

InsiteFX · (This post was last modified: 04-12-2019, 03:23 PM by InsiteFX.)

If your new then these should help you get started.

W3schools

Mekaboo · 04-12-2019, 09:04 PM

(04-12-2019, 10:02 AM)Wouter60 Wrote: Please, share the view you've written so far.
Use the PHP code block button at the toolbar of the forum editor, are include it as an attachment.

Hey @Wouter60 this is my code, I took out alot of the css that was in the original code and placed it in a css file, still didnt work. Trying to center and add a background and color:

<?php
defined('BASEPATH') OR exit('No direct script access allowed');
?><!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="utf-8">
   <title>CULTURED KINK</title>

   <style type="application/css/style.css">
   <link rel="stylesheet" type="text/css" href="<?=base_url()?>application/css/style.css"/>
h1 {
       color: #444;
       background-color: transparent;
       border-bottom: 1px solid #D0D0D0;
       font-size: 19px;
       font-weight: normal;
       margin: 0 0 14px 0;
       padding: 14px 15px 10px 15px;
   }


   </style>
</head>
<body>

   <h1 class="text-align: center;"><b>WELCOME TO CULTURED KINK!</b></h1>



<a href="#" class="btn btn-danger btn-lg active" role="button" aria-pressed="true">ENTER</a>

   <p class="footer">CREATED BY TINICO ENTERPRISES, LLC</p>

</body>
</html>

Thank you for the help, its greatly appreciated Heart

Mekaboo · 04-12-2019, 10:02 PM

(04-12-2019, 03:23 PM)InsiteFX Wrote: If your new then these should help you get started.

W3schools

THANK YOU THANK YOU THANK YOU @InsiteFX...THIS DID THE TRICK

Heart

Wouter60 · 04-13-2019, 08:02 AM

Just let these 2 lines switch places:

Code:
<style type="application/css/style.css">

<link rel="stylesheet" type="text/css" href="<?=base_url()?>application/css/style.css"/>

You can't use the <link … /> inside <style></style> tags.
So, first load the external stylesheet through <link rel= … />
And then, create the internal or embedded stylesheet through <style> … </style>
There's no need to add extra parameters to the <style> tag. Just "<style>" is enough.

Good luck.

InsiteFX · (This post was last modified: 04-13-2019, 08:17 AM by InsiteFX.)

You should create an folder called assets in the root with index.php

The application folder has .htaccess to forbid access to it form the out side.

application
system
public or public_html
-- assests
-- css
-- images
-- js
-- etc;
-- index.php - you need to set the paths ../application and ../system in the index.php

that is for protection from access out side.

Mekaboo · 04-13-2019, 07:35 PM

(04-13-2019, 08:02 AM)Wouter60 Wrote: Just let these 2 lines switch places:

Code:
<style type="application/css/style.css"> <link rel="stylesheet" type="text/css" href="<?=base_url()?>application/css/style.css"/>

You can't use the <link … /> inside <style></style> tags.
So, first load the external stylesheet through <link rel= … />
And then, create the internal or embedded stylesheet through <style> … </style>
There's no need to add extra parameters to the <style> tag. Just "<style>" is enough.

Good luck.

You know what when I first began I got way too ahead of myself! What I did was start from scratch using info @InsiteFX gave me. I tweaked the css that was already given then added the wording I wanted.

Thanks so much for the help Heart

Login
Username:
Password:	Lost Password?
	Remember me