1,160 Topics
I've been racking my brain on this one for a good 30 minutes already, and I don't know why I'm just not seeing it. Instead of posting a bunch of code here, I'm going to walk you through how to reproduce it on Daniweb. Please go to the [Contribute](https://www.daniweb.com/community/contribute) page …
Hi DW, I have a back-end php file which is an engine for my site and a HTML file which is where the input is shown. the actual html code for the inputs is returned from the backend php file because it get customized there and returned with it data. …
As you may know, yuo can customize the error pages in Cloudflare, such as for a WAF block, etc. For some reason, since the switchover to the new error pages dashboard, the custom font I always use isn't working. I can see that it converted https://cdn.daniweb.com/font.woff into inline base64 for …
If I want to use Bootstrap 5 for my admin dashboard and avoid Tailwind, which templates should I consider?
Can you guys help me figure out how to use tailwind utility classes "@apply md:text-xl" within .scss files in nextjs
i need code
Pardon me if this is not allowed here, you can remove this if this is not allowed. I’ve finished learning basics of HTML and CSS indvidually. I.e topic by topic w/o creating a project. If you want to know the topics that I’ve learnt, I’ve learnt around everything contained in …
I need help to convert my javascript animation to css3 Currently there are two sections. while going to second section from first section, it shrinks, folds height & width of first section and unfold , enlarge height & width of second section. **Check Demo** [ **jsfiddle**](https://jsfiddle.net/cq67m33a/) **Need Help for ** …
Why header background not changing to red and font style not changing to coiny? **index.js** import Head from 'next/head' import Image from 'next/image' export default function Home() { return ( <div className="min-h-screen h-full w-full flex flex-col bg-brand-light overflow-hidden"> <Head> <title>Create Next App</title> <meta name="description" content="Generated by create next app" /> …
The child selector simply refers to the NEW word in the word in the center-text class. The h2 must be singled out as child. Here's task - Add a CSS rule for all span elements that are children of h2 elements that sets the text color to #FA9F42 and its …
It uses a span tag in the html. The idea is to style the word NEW in the style sheet as a child. I havre code to post but how do I do it correctly?
Hi There, I'm trying to figure out the best method of marking up this list of images with captions. The images vary in height and the captions are aligned to the right of the images, sometimes with two lines of text and as close to vertically centered with the image …
**Issue 1:** I wanted to keep the alignment of `header` section with the Hero Image and `Headings`, `paragraphs`. But now the Logo and Navigation is centered and rest of the content is going out from left and right side. How can I move the logo to more on left side …
Hello, I have a Read More type of link at the bottom of a short list of test News items and am trying to center it horizontally under the list. I think I have the CSS correct but it appears something is inhibiting it. I know I've got the correct …
Hey, I'm searching for a simple 2-level popup menu that could change color and size with the help of CSS. I want the menu to appear on the left of the page, be opened by clicking on the burger icon, and be closed by clicking the cross or someplace outside …
rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
Hii :) I have a list which is presented on one line so I am using css 'float: left' to do this. In one list there is 3 entries. It should look like this <ol> <li> 1 </li> <li> text </li> <li> 1.30 </li> </ol However the way it is …
I just spent way too long realizing that by setting the boundary property for Twitter Bootstrap popover Javascript to viewport (I believe it's parent element by default), it gets rid of the flickering issue I was having with popovers triggered on hover. If anyone else is having that problem, this …
I’m working with Visual Studio 2017 and Bootstrap 4.5.0. Under a master page, I have a Payment page that contains a txtName textbox, a txtPin textbox and btnPay button. To this, I want to add a DateTimePicker. When btnPay is clicked, values of txtName, txtPin and DateTimePicker should be saved …
Hi All, I have an issue with a js file that appears to be conflicting with my CSS file. Basically my website and CSS work fine. I then incorporate a cookie consent and this is when the problem starts. I don't know very much about js so would like some …
 I want to make a grid with different column sizes ('ITEM = V' covers all width 'ITEM A' or 'P' or 'T' cover each 50 percent of the grid width), as shown in the image. Any help? CSS .newspaper1 { columns: 100% 1; border-style:solid } .newspaper1 { columns: 2; …
I have a website with a header, three columns and footer that looks good on desktop. When viewed on my phone, the columns remain horizontal instead of going vertical. I have tried several different @media combinations but cannot get it to work. Can some smart person tell me what the …
I am developer in Bootstrap, Python - in Flask framework. I am new here. I expect a warm welcome!
Lots of CSS changes over the past two days (clear your browser cache to experience them!) and a new homepage to boot. Whatcha think of the homepage changes? Does it do a good job explaining what DaniWeb is all about?
In my html page, I have an external javascript code, that causes a modal to pop up when a project in my html class is clicked. the projects are specified through the li class attribute. I now wish to chance this, so the modal instead pops up when a span …
Hello, I am trying to create bootstrap navigation with background color of my choice yet, I haven't been able to do so. The default boostrap nav color is grey. How to change it to color of my choise like brown. I try to insert css inside navigation2.php codes - and …
I have a leaflet.js map on a Bootstrap web page. On first view of the page the map doesn't show, but on resize it shows. Can anyone suggest a fix for this? This is my code. html <div id="mapid"></div> css <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ==" crossorigin=""/> #mapid{ height: 500px; width: 100%} …
Hi All, Its been years I have done any css and even then I wasnt very good at it. However I have decided that I am going to have another crack at it. I am trying to put a div on top of a div to look like the below …
Hello everyone. I have recently downloaded a free bootstrap website and amended the code to fit my requirements. Check it out here: http://www.kougavisitor.co.za The website renders right on various size screens but seems to break on mobile divices. I am looking for help to fix the code for mobile rendering. …
If you viste www.topelven.com you will find a perfect website devloped but till now i can't understand what they code with css can you give me exemple
Hello friends, I want to develop a online typing tutor using codeigniter......for hindi language (typing in computer with the help of **hindi indic 3** or** hindi indic 2 typing tool**) .......i know the php and codeigniter with css.....please give me guidance to develop it......what language i need to learn.....and how …
Hi there! I am creating a toggle in pure css without jquery or javascript and its look like it hasn’t work yet. The problem is Css div alignment. Its not perfectly aligned. I am trying to achieve are in the attachment kindly look: HERE IS DEMO: https://jsfiddle.net/navjot789/2fcLvmrj/ and its seems …
For the past several years I have been feeling quite embarrassed about my coding abilities. I've been self studying most nights trying to catch up to my peers but I feel like I have a moving target. I feel like my years of work experience does not reflect my coding …
I'm developing an online shopping website using HTML, CSS and Bootstrap. I just got stuck. * How do I create a responsive shopping cart that adds up all the shopping items/products and gives a full details and total price of items bought at checkout? * How do I access the …
Ever heard Saas or Less? (for frontend developer) What is it for? I read the article and still do not understand the purpose.
Hello, I am trying to resize image with bootstrap. Can anyone help me explain this phenomena: https://getbootstrap.com/docs/4.0/content/images/ ? I am trying to resize the image on cell phone into smaller one with the same proportion. I thought this code will be successful: chicken.php <!DOCTYPE html> <html> <head> <title>ABL Home</title> <link …
hi how can change the size of image: from CSS for three pages using dreamweaver ? how can i (position and reposition something in the page)? i tried this tag, but nothing change: img.resiz{width:200px;height:1000px; what is missing ?? should i include the img link? and what will be the correct …
hello guys. I'm here to ask about margin and position properties with tow example : the first is a misalignment (vertical --margin-- and horizontal --align-text-- ) of select tag, the problem is that I add align-text and margin-top properties in the CSS style, but it is invisible for the select …
Hello, I am having a problem here. I have two version of navigation that I have created: one for pc and the other one is for cell phone. I have to leave the viewport setting like this: <meta name="viewport" content="width=1280"> if I change it like this: <meta name="viewport" content="width=device-width, initial-scale=1.0"> …
Also cek the bootstrap navigation on cell phone: www.advance-web-studio.com I would like to decrease the height for each navigation item but how? Each navigation item looks too big. Thanks in advance.
Hello, I place this navigation on the header hoping that on the cell phone the navigation start going mobile navigation. There is one problem, I wonder why this code: @media (max-width: 576px) { is being printed on pc? header.php @media (max-width: 576px) { <nav class="navbar navbar-inverse"> <div class="container-fluid"> <div class="navbar-header"> …
Inherited [this page](https://library.kutztown.edu/newsteam), a mashup of an HTML5Up template called [Strongly Typed](https://html5up.net/strongly-typed) trying to work inside our content management system, which runs on Bootstrap. Though we cannot edit the stylesheets bundled with our CMS, we can override via inline declarations & custom page-level CSS; the [page in question](https://library.kutztown.edu/newsteam) has the …
Hello guys. I've just gotten back to programming. It's been 5 years since I last programmed. Yes, that long. But I am not very far behind it seems since I can still catch up on my functions. Right now, I'm trying to create a moving header from a table that …
Hi, I ran into weird issue in Firefox 57.0.2. I have two panels that translate without issue but if I set rotation on container animation plays weirdly. If I set background-color or border on container, it again plays normally. Can somebody please explain what is happening and what changes when …
Hello, (i don't really know any specific bootstrap forum which might be better for asking about it but i like daniweb anyway), I am trying to modify a bootstrap snippet to what i need but I am having a little trouble. If you look at the attached images, what i …
Cek this code : @section('content') <div id="page"> <div class="container"> <section id="container" v-show="visiblePage"> <div class="row"> <div class="col-sm-4"> <img src="{{url('')}}/images/binder.png"> </div> <div class="col-sm-4" style="background-color: #f8f8f8; height: auto;"> <br> <ul class="b"> @foreach( $pages as $p) <li><a href="{{url('')}}/home/pages/{{ $p->id }}">{{ $p->pages_name }}</a><br> @endforeach </ul> </div> <div class="col-sm-4" style="background-color: white; height: auto;"> <center><b>{{ $pages2->pages_title }}</b></center><br> …
<pre> hi every one I am working on vs 2012 and mvc 4 ,just small project , i need to apply theme( http://all-free-download.com/free-website-templates/download/magic_city_template_2087.html ) and remove default one ,can any one help me how to do this ?? </pre>
I am trying to get the add button to enable if I select a valid file otherwise disable it. Also i'm trying to show messages if an invalid file is selected. The code below doesn't not seem to generate the desired result: <form name="myForm"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title">Add …
Hi I'm trying to make a website. But I need to make a syntax highlighting program that Categorize commands based on what they do. For example, when i type a code in C/C++ or Java on my site, the colors will become highlighted instantly. One group would be I/O, another …
The End.