|
I am trying to add background color to my page, and padding the paragraphs, and divisions. But its not working. I would appreciate it if you could go through the code and explain whats wrong. Any tips on how I should do it, or what I can learn from or follow will be appreciated too. Thanks
<!DOCTYPE html>
<html>
<head>
<title>Jake's Coffee Shop</title>
<meta charset="utf-8">
<style>
<! CSS For Menu >
ul {
list-style-type: none;
margin: 0;
padding: 0;
width: 50px;
background-color: #f1f1f1;
}
body{background-color: black;}
#UnorderedList li
{
display:inline-block;
}
li a {
display: block;
color: #000;
padding: 8px 16px;
text-decoration: none;
}
li a:hover
{
background-color: #555;
color: navajowhite;
}
</style>
</head>
<body>
<h1>Jake's Coffee Shop</h1>
<div id ="MenuBar">
<ul id = "UnorderedList">
<li> <a href= "https://www.google.com" > Home </a> </li>
<li> <a href= "https://www.yahoo.com" > Menu </a> </li>
<li> <a href= "https://www.music.com.bd" > Music </a> </li>
<li> <a href= "https://www.google.com" > Jobs </a> </li>
</ul>
</div>
<div id = "content">
<p><div>Come In And Experience...</div>
<br>
<div><img src="images.jpeg" alt="Heartmelting Coffee Picture"></div>
<br>
<ul id="ItemMenu">
<li>Specialty Coffee And Tea</li>
<li>Freshly Made Sandwiches</li>
<li>Bagels, Muffins, And Organic Snacks</li>
<li>Music And Poetry Readings</li>
<li>Open Mic Nights</li>
<li>...</li>
</ul>
</div> </p>
<footer>
<address>
23 Pine Road <br>
Nottingham, NGI 5YU <br>
0115 9324567 <br>
</address>
<p>Copyright © 2011 Jake's Coffee House</p>
<p><a href="mailto:ratul_shams@yahoo.com"> yahoo@ratul_shams.com </a></p>
</footer>
</body>
</html>
|
|
|
|
|
Your code works for me in Firefox and IE - although it's difficult to read black text on a black background!
ScarletMcLearn wrote: <! CSS For Menu >
That's not a valid construct, although most browsers will ignore it. If you were trying to write a comment, you need to use the correct syntax depending on the context:
<!--
<style>
body { background-color: black; color: white; }
</style>
"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer
|
|
|
|
|
As an ad-on to the previous comment.
I've often found a typo in a style statement ends the implementation of that particular style at that point. By type, I mean a real syntax error, such as ; instead of :. An unrecognized style isn't usually so serious.
for example, the following would be a problem:
<div style='color:#400;background-color;#888;text-shadow:2px 2px 0px #444;'></div> because of the semicolon after background-color. As this has some browser dependency on how the error is handled, partial style implementation is possible and often puzzling.
Ravings en masse^ |
---|
"The difference between genius and stupidity is that genius has its limits." - Albert Einstein | "If you are searching for perfection in others, then you seek disappointment. If you are seek perfection in yourself, then you will find failure." - Balboos HaGadol Mar 2010 |
|
|
|
|
|
I am confused which should I learn, Django/Python or NodeJS/ExpressJS. I am new to both of them. I am trying to create a back end for my android application but can't decide which language to choose.
|
|
|
|
|
So...Java then?
"There are three kinds of lies: lies, damned lies and statistics."
- Benjamin Disraeli
|
|
|
|
|
My vote is for Python! It's the best for start learning I guess!
|
|
|
|
|
That's a thing that I hear, and I sort of believe, because people tell me it is so.
The Android API is derived from Java, though, so I would think that would be a good focus point.
"There are three kinds of lies: lies, damned lies and statistics."
- Benjamin Disraeli
|
|
|
|
|
Why do we need [ChildActionOnly] attribute in MVC??
|
|
|
|
|
It prevents direct calls to a given method, such as direct navigation.
So if you only want a particular partial view or data object to be accessible by navigating inside your web app, you would use this. Otherwise the data or partial could be used by an external application making requests to your controllers.
"There are three kinds of lies: lies, damned lies and statistics."
- Benjamin Disraeli
|
|
|
|
|
Was the documentation[^] not clear?
A child action method renders inline HTML markup for part of a view instead of rendering a whole view.
Any method that is marked with ChildActionOnlyAttribute can be called only with the Action[^] or RenderAction[^] HTML extension methods.
"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer
|
|
|
|
|
This not really a dev question but more of a user question. When I am on a web page, there are times I will click a link to read something. If it doesn't interest me, I'll hit the back button. Some of the time, I return immediately to the previous location. At other times, nothing happens. When I right mouse click on the go back button, I'll usually find 10-40+ items listed. I then have to go back a page at a time until I find my origin.
What technology is causing this?
Charlie Gilley
<italic>Stuck in a dysfunctional matrix from which I must escape...
"Where liberty dwells, there is my country." B. Franklin, 1783
“They who can give up essential liberty to obtain a little temporary safety deserve neither liberty nor safety.” BF, 1759
|
|
|
|
|
That usually happens when the URL you've requested redirects you to another URL, using an HTTP 3xx status code. It tends to be most noticeable on sites that use "live.com" for authentication - the original URL redirects to a "live.com" URL, which redirects to another URL, which eventually redirects you to the page you want.
The other time you might see it is if the site is using the history API[^] within a single page.
"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer
|
|
|
|
|
Interesting. Would links to advertising do this as well?
Charlie Gilley
<italic>Stuck in a dysfunctional matrix from which I must escape...
"Where liberty dwells, there is my country." B. Franklin, 1783
“They who can give up essential liberty to obtain a little temporary safety deserve neither liberty nor safety.” BF, 1759
|
|
|
|
|
Possibly, if the link you click on goes to a handler that records the click and redirects you to the next URL.
"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer
|
|
|
|
|
So I've been in hyperdrive learning ASP.NET MVC, Web API, CRUD operations, REST calls, Entity Framework, SQL, LINQ, jQuery, and more about unit testing and TDD, and I am now able to set up a database back-end and currently working with using web APIs to send JSON to be rendered client-side for a quicker user experience and less server resource usage...
My question is a lot of that stuff seems to be for significant size projects. What do web devs typically use to make a site that doesn't require a database platform? For example, I want to make a simple portfolio website with business information about me and some sample projects... I have no need for an account system, shopping cart, userbase, etc... I could even hard-code the page content frankly... Is there a benefit to using a MVC and database-backed system for such a site still or is that overkill? What technologies are typically used on simple (but modern, of course) websites? I'm thinking Bootstrap, HTML, and CSS at the very least but I'm not 100% sure what frameworks may be used.
Last but not least, what's the low-down on security in web development? I keep hearing people making comments telling other developers to use a CMS "for security reasons." But if we use other peoples' CMS, how will we learn to make our own CMS?
Thanks for your insight and I apologize for my ignorance, I only started coding this past May and am very happy to have learned this much but am at the stage now where I want to apply my knowledge above and beyond course exercises and assignments.
|
|
|
|
|
TheOnlyRealTodd wrote: use a CMS "for security reasons."
That's a new one on me.
A CMS is about making it easier to change the content of your site. By definition, that also makes it easier for hackers to change the content of your site.
You're exposing a bigger surface-area which has to be secured, which means learning how to use the CMS to secure it. You'll also need to keep on top of updates, so that you can install patches for any security vulnerabilities as soon as they're patched.
Hopefully, you'll pick a CMS which is free from basic security problems like SQL Injection, XSS, XSRF, etc., and which has an active development team to squash any bugs as they emerge.
You'll also need to be ready to jump ship if the CMS you choose is ever abandoned. Being stuck on a dead product is a great way to expose yourself to security vulnerabilities!
I guess there's more chance of bugs being discovered and fixed in a widely-used CMS than in a home-brew solution. But there's also more chance that those bugs will apply to multiple sites, making them high-value targets for hackers.
"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer
|
|
|
|
|
Below are some step explain that how web development architectures in real is:-
Operating system (Linux, etc.)
Server side programming language (PHP, Python etc.)
web server
Front-end UI stack (Bootstrap, CSS3 SAAS/LESS, HTML5 , jQuery, angularJS or similar JS libraries etc.)
Database engine (Mysql, sqlite, MongoDB etc.)
Caching management (Media caching - CDN server, Backend caching - APC for PHP, web server caching - redis etc.)
Web Frameworks (MVC frameworks such as Zend, laravel for PHP)
|
|
|
|
|
I'm trying to make a navbar that looks like the Walmart navbar for shopping on a e-commerce project that I am working on.
I tried using pure bootstrap, but it was really hard. So I thought I would just write something custom overriding some of the bootstrap CSS.
I can't get the search bar block to go wider. I want the textbox to be wider, but I can't seem to get a measurement of the parent container to do it in percentages. The old percentage of what?
This is Day 2 round 2, and I'm working on the desktop view, haven't started the mobile view yet.
This is an image of explanation, visual explanation, it was an image element but it didn't work
NavBar Image, it's safe
This is my JSFiddle of the code to look at.
This is the first time I have used this app, and it didn't turn out well. I need to fix it.
I have no idea why the MyAccount is not showing on the right.
Project Indigo Browse Controller Nav Bar - JSFiddle[^]
So this is how it looks on the website currently
http://codename-indigo.com/browse[^]
|
|
|
|
|
I removed one of the CSS classes in the nav-addon, and changed the way the width was set in some of the elements.
So now I just need to make it mobile. Not looking forward to that.
And now I'm wondering if I could of made it pure boostrap instead of creating another css file for it.
|
|
|
|
|
Hi
how to create php website in arabic, pashto lnaguage using tool Adobe Dreamwearver CS5
plz help
|
|
|
|
|
Dreamweaver has nothing to do with the localization approach of your application. That is simply an editor (like IDE) that allows you to develop web applications in HTML, CSS and JavaScript, with additional support of Adobe based PhotoShop themes for web pages.
Whereas the localization and the globalization settings totally depend on the PHP server side scripting. In this case, you will have to do the server side programming to get the results. For example, gettext of PHP can be of great handy approach. However, instead of just talking about things I would like to forward you to a bit of tutorials where you can learn these.
Localization in php, best practice or approach? - Programmers Stack Exchange[^]
PHP internationalization - i18n mechanisms tutorial - LingoHub - Translation Service Hub[^]
The sh*t I complain about
It's like there ain't a cloud in the sky and it's raining out - Eminem
~! Firewall !~
|
|
|
|
|
I try more time to delete record by jquery but no responding meaning nothing happen
my code as following
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Index</title>
<script src="~/Scripts/jquery-1.10.2.js"></script>
<script>
$(function () {
$("#btn").click(function ()
{
var x = $("#txt1").val();
var y = $("#txt2").val();
var z = $("#txt3").val();
$("#tb").append(" " + x + " " + y + " " + z + " <input type='button'value='Delete'/> <input type='button'value='Edit'/>");
});
$("#tb").on("click", ".c", function () {
$(this).parent().parent().remove();
});
});
</script>
</head>
<body>
ID<input type="text" id="txt1" />
Name<input type="text" id="txt2" />
Country<input type="text" id="txt3" />
<input type="button" value="add" id="btn" />
ID | Name | Country | <input type="button" class="c" value="Delete" /> | Edit |
</body>
what remaining in my code or wrong to button delete work
|
|
|
|
|
i think you are missing 'closing script tag'
|
|
|
|
|
Hi,
We are using jquery slider in our application. on focus event for text box, slider will come into picture. When we slide, a value will be putting into textbox and cursor goes at right end. For example, when i slide, suppose a value 1.25 will be set into textbox. When i click on 1 in above value, cursor always going at right end. Please give me solution when we click on 1, the cursor should stay there itself
|
|
|
|
|
We wish to give link to full paper download on the article page displaying abstract.
We plan to provide 3 fields namely Name,email-id,member no with submit button. Once the user fills the information his name should be registered as a member and the pdf of concerned paper should get downloaded on users machine.
How this functionality can be incorporated in Joomla 2.5?
|
|
|
|
|