Hi, Simple HTML code with few DIVs. See below the code. When window resized, One DIV overlaps with other and it looks messy. I could not figure out the problem. I tried to change position to relative and no it overlaps. Can someone please point out the problem in the code below and provide workable solution. Please first check your solution on your end and then post it here. <html> <head> <meta name='viewport' content='width=device-width, initial-scale=1'> </head> <body> <div id="clncont0" style="position:absolute; display:inline-block;left:32%;top:23%;padding: 5px; border-image: none; width: auto; height: inherit;"> <div id="hdrLabel0" style="height: 25px; vertical-align: top; cursor: pointer;">Username</div> <input name="box0" id="box0" style="padding: …

Member Avatar
Member Avatar
+0 forum 4

I want to joint

Member Avatar
Member Avatar
+0 forum 1

I am new in this feild so plz anybady help me .

Member Avatar
Member Avatar
+0 forum 2

I use `<input type="date">` and it works fine to bring up a date picker in Chrome and Firefox. However, it behaves as a normal textbox in Safari.

Member Avatar
Member Avatar
+0 forum 4

Web languages — HTML, CSS and JavaSscript are the best choice for kids and for amateur programmers, because they are very simple, and with them you can create many interesting things: sites, mobile and desktop applications, web servers and robotics — what else an amateur programmer needs for happiness? **Visual programming! ** Visual programming frees programmer from monitoring correctness of syntax program syntax, it is useful at beginning of training. This is the next stage in development of text-based programming languages. **And programming on the touch screen! ** I suggest using the touch screen to create applications. You can create …

Member Avatar
+0 forum 0

Hi, I need to make my textarea html compatible... just like a visual editor, where i can embed html tags like <img>, <a href>.... is there any way to do this with html coding ???

Member Avatar
Member Avatar
+0 forum 13

Hi,i've designed a website. It seems okay on my laptop screen. But when i try to open it on the larger screen or on the smaller screen,the width of my website does not longer fit the screen's width. Why is this happen?do i need to always use "%" for the width instead of "px"? thanks for helping :)

Member Avatar
Member Avatar
+0 forum 14

Hi guys, I'm here again with my psd to html / css template. now i have a strange issue is simple to explain but difficult to deal with. i have tow tags (.iconSearch and search classes ) in one form, and i want to float them at right but when i do that, i get an extra margin in top despite i set 0 on margin-top, this the code : <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> body , html{ height : 100%; width : 100%; margin: 0; padding :0; } body { height : 100%; width : …

Member Avatar
Member Avatar
+0 forum 2

Hello, I am trying to border-collapse on a specific table. #profitlosstbl table { width: 200px; border-collapse: collapse; } #profitlosstbl td { border-collapse: collapse; width: 100%; padding: 10px; font-size: 12px; border: 1px solid black; } the border-collapse: collapse; It only works if I use table { border-collapse: collapse; } but I cannot do this since it will mess up the other tables. What should I do?

Member Avatar
Member Avatar
+0 forum 4

Hi guys Im wondering how it is possible to refresh the data on the page (read from php database), without having to refresh the whole page. What i want i something similar to facebook and twitter, where it will say that new stuff has appeared. Instead of this though, i want it to just appear, instead of a box coming up with it appearing. Instead of some messed up hard to understand guide, I would like a simple to understand, straight forward guide on how to do this, Thanks guys. -Butler

Member Avatar
Member Avatar
+0 forum 6

hello i have set a form with tow tag : first is an input[text] and the seconde is input[submit] , what i try to do is to align the tow element in one line , the problem is i'm getting margin top of the first input tag (input[text]) , i don't know if this is a default margin of the input[text] element , [this is my code ](https://codepen.io/ekka94/pen/PQMKYj) thank you in advance.

Member Avatar
Member Avatar
+0 forum 3

i need your help , i m trying to put borders around the page in the attachment ,so i try some DIY like this : <html> <head> <style> body { /*position : relative;*/ height: 100%; max-height: 100%; } .top-border { height: 10px; width: 100%; position : absolute; top : 0; background-color:#894aa3; display: inline-block; margin-top: -34px; } .left-border { height: 105%; width : 20px; margin-top: -34px; background-color : #d0d0d0; position: absolute; left : 0; z-index: 1; } .right-border { height: 105%; width : 20px; margin-top: -34px; background-color : #d0d0d0; right: 0; position: absolute; z-index: 1; } .bottom-border { bottom: 0; height: …

Member Avatar
Member Avatar
+0 forum 2

When I submit a form and the page refreshes the password and password confirmation values are being displayed in the address bar. Why is this? Can anyone explain this and give me an idea how to suppress this behavior? Please see attached screenshot. Thank you in advance! ![pass12.jpg](/attachments/large/0/f9784f8c4ab7d06aef077fb0ecdc4988.jpg "align-center")

Member Avatar
Member Avatar
+0 forum 12

Hi! I would like to know how to make a photo clickable to redirect people from my blog to my Facebook page. I'm not a computer science student nor do I have a heavy duty level of expertise in HTML, but I can follow simple instructions. I'd like to make the photo so that when people click on it, they are sent to my FB page. I tried making one on Easy Hyperlinks but they asked for information I did not have. This is what they wanted: 1- The target URL (I could provide that, my FB page URL) 2- …

Member Avatar
Member Avatar
+0 forum 13

I am a web developer and I have built many websites. And over the years my designs is getting better but now I can't seem to figure out how to be better in design. I don't know how to draw but I have a somewhat good selection in color combination for a website. My question is ... How do I get better in design? It seems like I have the following options: * Look for great websites on the web and see what they are doing. * Try to copy great looking websites. * Play around with some designs and …

Member Avatar
Member Avatar
+0 forum 11

Hello, Cek this site: http://www.purelineliving.com/ Cek the top navigation. I wonder if it is possible to let the navigation remains the same on pc and change it to bootstrap navigation for mobile phone on mobile phone. Thanks in advance.

Member Avatar
Member Avatar
+0 forum 4

Hello, Cek this site: www.advance-web-studio.com Cek the icons banner under download now. If I use the following code: <div class="row"> <div class="icons-area text-center"> <center></center><img class="img-responsive" src="<?php base_url() ?>public/images/icons.jpg" style="margin-left: auto; margin-right: auto; height: 200px;" alt="AWS"></center> </div> </div> with the style on pc it looks good but on handphone it start being cramp. I have to delete the whole style to make it looks on cell phone, but on pc it looks too big. I wonder how to make it looks good both on handphone and pc?

Member Avatar
+0 forum 0

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 follows the user as he/she scrolls down. I'm using css/javascript to do that. The great thing is, this works on Opera and Firefox. However, it does not work on Chrome. I want this to work on all 3 browsers. I've searched for days in google and it can be solved …

Member Avatar
Member Avatar
+0 forum 9

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 we set border or background-color? Any CSS property I can set so it will work properly without background or border? Demo without background color https://codepen.io/anon/pen/MrpQzj Demo with background color https://codepen.io/anon/pen/XVMZyg

Member Avatar
Member Avatar
+0 forum 6

I have a checkbox input switch set up over the Input text box that acts as an on/off switch for that particular field. I am also using jQuery Validator (jqueryvalidation.org) to handle the errors for empty fields. The issue is that when the error hops in, my switch is pushed down from its position when my field is submitted empty. Here is a working example of my code: http://tzr.ro/template/admin/x.php Can someone give me a tip on how to fix the switch position to stay in place via CSS!? Thanks!

Member Avatar
Member Avatar
+0 forum 1

Hello, For some reason when I click on my simple input box, the input box does not accept focus. Has anyone has a solution fot this? Here is a link to the webpage: http://landbankrealestate.com/en/properties/lote-en-condominio-las-vueltas/ The only way I can enter data into the box is to use tab to highlight it first. I've read a similar problem here in a 9 years old thread (https://www.daniweb.com/digital-media/ui-ux-design/threads/127910/input-box-not-accepting-focus#post2228704) ... but I don't know how can I fix this with my code Here is my code: <div class="agent_contanct_form "> <?php if ( basename(get_page_template())!='contact_page.php') { ?> <h4 id="show_contact"><?php _e('Contact Me', 'wpestate'); ?></h4> <?php }else{ ?> …

Member Avatar
Member Avatar
+0 forum 5

For some reason when I click on my simple input box, the input box does not accept focus. Has anyone seen this before? Here is a link to the webpage: www laudontech com / garmin Here is my code: [code=html]<form name="form1" method="POST" action="test5.php5"> </br> <P ALIGN=CENTER> <INPUT TYPE = "TEXT" VALUE ="Enter a search term" NAME="SearchItem" ID="SearchItem" onfocus="clearDefault(this)" onclick="set_focus()" > <INPUT TYPE = "Submit" Name = "Submit1" VALUE = "Find">[/code] Thanks in advance, Mapper

Member Avatar
Member Avatar
+0 forum 5

Hi, I'm looking for a simple way to let people leave comments (without even registering to the website) on my website. Any suggestions how I could do that? Thanks for your help!

Member Avatar
Member Avatar
+0 forum 12

hello, i've bee searching for this from a while but i couldn't find an answer of my quetion, so i have 2 div with width 100% and heighh is really no defined it depend to the content but the problem is every time the content is too small, i would like to have backround image with original size of image but it is not possible because the content is too small so each time i have to adjust div height according to backround image i would like it to be auto matically, i bassically want it to be also 100% …

Member Avatar
Member Avatar
+0 forum 4

On my page (http://www.50allstars.com/2017/10/test.html) I'm attempting to align some divs, but the middle div shifts downward whenever I view it on mobile. I've tried adjusting widths, maybe it has something to do with the device-width property, but I really have no clue. Any help would be great. I've included screenshots of both desktop and mobile, and you can view the source code on [the page](http://www.50allstars.com/2017/10/test.html). THANKS! PS This is my absolute first time experimenting with doing any sort of layout that didn't include a TABLE. I was told by folks on this site that I needed to update my knowledge …

Member Avatar
Member Avatar
+0 forum 1

Hi Everyone, I am having a strange problem on my webpage. I am getting this Black shade whenever i type or focus my cursor on a select or text field. the strange thing is its only happen on a specific page and not to the entire system that i am making. Does anyone of you experience / have encounter something like this? and know the solution? You can view the screenshot here. [Click Here](https://ibb.co/hWq6Fb) [Click Here](https://ibb.co/jyUNow) Thanks!

Member Avatar
Member Avatar
+0 forum 3

Hello folks, Running into a little confusing thing over here. I am building this web page for press release: https://renardwatches.com/pages/pr-fw17 But as you can see, the 3rd paragraph somehow gets blocked by the image, and i have no idea why. I tried overflow, index, floating, etc but nothing changes. Anyone who could clear this up?

Member Avatar
Member Avatar
+0 forum 5

Sir I have these codes <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <head> <title>Party Ledger</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta HTTP-EQUIV="Pragma" content="no-cache"> <meta HTTP-EQUIV="Expires" content="-1"> <link href="css/jquery-ui.css" rel="stylesheet" type="text/css"> <style type="text/css"> html,body { height:100%; width:100%; text-align:center; margin:0; padding:5px; } body { overflow:hidden; } #content { max-height: calc(100% - 250px); min-height: calc(100% - 250px); padding: 0 !important; padding-top: 1px !important; margin-bottom: 5px !important; border: 1px solid #CCC; width:75%; background-color:#9FF; margin:0 auto; background-color:transparent; margin-top:10px; padding-bottom:50px; border-radius:10px; overflow:auto; position:relative; } #header { width:100%; height:40px; color:#8000FF; font-size:30px; font-weight:700; text-align:center; border:0 dotted #39F; padding:0; } #partybox { border:0 solid #06F; width:100%; overflow:hidden; text-align:center; …

Member Avatar
Member Avatar
+0 forum 1

Suggested any changes on my website design and development.

Member Avatar
Member Avatar
+0 forum 2

what is UX/UI design ? please explian for me , i know only programming in php and javascript and css i know nothing about UX , is it for graphic designers ? or for programmers ? thanks.

Member Avatar
Member Avatar
+0 forum 3

The End.