|
box-sizing: content-box;
border: 3px solid black;
padding: 5px;
padding-top: 10px;
height: 100px;
background: red;
When it is rendered in the browser, how tall will the red part be?
modified 7-May-16 6:28am.
|
|
|
|
|
I can only assume that this is a homework question, in which case you need to figure out the answer. Start by sketching out a diagram of the object on paper, using the various dimensions you have been given. You should then find the answer quite quickly.
|
|
|
|
|
box-sizing: content-box;
border: 3px solid black;
padding: 5px;
padding-top: 10px;
height: 100px;
background: red;
When it is rendered in the browser, how tall will the red part be?
|
|
|
|
|
I'm using the MVC WebGrid, and I'd like to change the page navigation links to be ActionLinks instead of simple href elements.
Is that possible? I googled it and couldn't find anything (that I could get to from work, anyway).
EDIT =====================
Here's what it gives me (viewed page source) when I simply specify the nextText or previousText (I'm not should page numbers, just next and prev)
<tfoot>
<tr class="webgrid-footer">
<td colspan="5"><a href="/Tasks/Index?page=2">Next</a> </td>
</tr>
</tfoot>
I suppose I need to replace everything inside the <td> tag, but how would I go about doing that?
".45 ACP - because shooting twice is just silly" - JSOP, 2010
-
You can never have too much ammo - unless you're swimming, or on fire. - JSOP, 2010
-
When you pry the gun from my cold dead hands, be careful - the barrel will be very hot. - JSOP, 2013
modified 3-May-16 11:29am.
|
|
|
|
|
Well, I decided to style the href so that it looked like a button. This way, I don't need to worry about what page I'm on since the WebGrid takes care of that.
".45 ACP - because shooting twice is just silly" - JSOP, 2010
-
You can never have too much ammo - unless you're swimming, or on fire. - JSOP, 2010
-
When you pry the gun from my cold dead hands, be careful - the barrel will be very hot. - JSOP, 2013
|
|
|
|
|
Hi,
I would like ot ask what is the top active forums for HTML5 and CSS in case I need help or advise from the experts?
Thanks,
Jassim[^]
Technology News @ www.JassimRahma.com
|
|
|
|
|
Still not figured out how to use Google?
|
|
|
|
|
hmmm come on!
I am just asking from your experience because I saw some but not sure how active it is.
Technology News @ www.JassimRahma.com
|
|
|
|
|
Hi,
I am trying to use PDO like this simple code:
<?php
$mysql_host = "(local)\JASSIM-RAHMA";
$mysql_database = array("Database"=>"food");
<pre>
$mysql_connection = sqlsrv_connect($mysql_host, $mysql_database);
$sql_stmt = "SELECT * FROM groups";
$mysql_query = sqlsrv_query($mysql_connection, $sql_stmt);
while($row = sqlsrv_fetch_array($mysql_query, SQLSRV_FETCH_ASSOC))
{
echo $row['group_id'] . ", " . $row['group_name'] . "
";
}
?>
but I am getting:
Warning: sqlsrv_query() expects parameter 1 to be resource, boolean given in C:\xampp\htdocs\food\temp.php on line 9
Warning: sqlsrv_fetch_array() expects parameter 1 to be resource, boolean given in C:\xampp\htdocs\food\temp.php on line 11
Kindly help..
Thanks,
Jassim
Technology News @ www.JassimRahma.com
|
|
|
|
|
|
how to show menu and its submenu in sidebar on its related page after click on menu and submenu .? using java script?
|
|
|
|
|
By writing lots of code. Where are you stuck?
There are only 10 types of people in the world, those who understand binary and those who don't.
|
|
|
|
|
this code show only menu and submenu..while i want to show only submenu on every page..
(function() {
$('.link').click(function() {
$('.box').hide();
$('#' + $(this).attr('title')).show();
return true;
});
})();
can i attach image?
|
|
|
|
|
Member 11805063 wrote: this code show only menu and submenu.
That's this line of code: " $('#' + $(this).attr('title')).show();"
Member 11805063 wrote: i want to show only submenu
Then change what is shown.
Member 11805063 wrote: can i attach image?
This is programming. You can do whatever you want.
There are only 10 types of people in the world, those who understand binary and those who don't.
|
|
|
|
|
|
Hi All,
i am new in asp.net c# .i have created a master page in Asp net web form with header and footer..
now i have created a second master page to show sidebar on some pages..
please guide me how to line (include) header and footer on second master page.
when i change main master page the automatically changing apply on second master page...
Thanks in advance..
|
|
|
|
|
|
pls send me code of give the input on text box then all data fecth in remaining textbox through database in jsp. pls help
|
|
|
|
|
|
Nope. But we'll gladly help if you ask something specific.
There are only 10 types of people in the world, those who understand binary and those who don't.
|
|
|
|
|
Hi,
I have hundreds of images in my gallery and I want a gallery.php page to display the images with a Next and Previous paging buttons.
I don't want to load all images as slideshow because this will kill the page load performance so just a Next and Previous will do.
My images has a primary key image_id and also image_guid but the url I want to show is using the guid like this:
www.mydomain.com/[-----Image guid here-----].png
because the image is saved with the guid file name like this:
[-----Image guid here-----].png
How can I do this please?
Thanks,
Jassim
Technology News @ www.JassimRahma.com
|
|
|
|
|
I suggest googling for jquery gallery plugins. There are lots of them. Find one you like and implement it.
There are only 10 types of people in the world, those who understand binary and those who don't.
|
|
|
|
|
Hello all,
PHP was one of the first programming languages I learned. However, during this phase, I was not really introduced to OOP in PHP or, honestly, many good practices. Now that I have experience with heavily OOP languages such as Java and C#, I have to say, my previous PHP, while functional, was a bit of a mess. As I am now working on a new project that will be using PHP (an eCommerce one), I would like to do it right from the start.
So (my apologies for the long introduction) here is my real question - how would you recommend separating presentation from logic?
I have a a custom class that handles access and database queries, and will be working on another to represent an item. How would y'all recommend 'presenting' this data to the user? I have a function within my database access class that retrieves the necessary data (either a list of items by category or details for a specific item), but would you advise writing a method within the database access class that uses "echo/print" to display the HTML (and all you would have to do is call the appropriate method of the class instance within the main HTML/PHP page), OR, would you advise, within the main "View" page to simply call the method that just retrieves the necessary data and then write the PHP code necessary to display the data (such as a for loop to print out all the items for a specific category) within the "display" page itself.
I apologize if my question is not clear. I realize either way will work, but I am curious what others consider a good practice.
Thanks!
modified 19-Nov-20 21:01pm.
|
|
|
|
|
Please Check and guide me properly and please also tell me if the theme have errors and how can i resolve.
<b:include data="blog" name="all-head-content">
<title>
<b:if cond='data:blog.pageType == "index"'>
<data:blog.pageTitle/>
<b:else/>
<b:if cond='data:blog.pageType != "error_page"'>
<data:blog.pageName/> | <data:blog.title/>
<b:else/>
Page Not Found | <data:blog.title/>
</b:if>
</b:if>
<b:skin>/
@media only screen and (max-width : 1280px) {
/ The following css will be rendered if device width is less than 1280px */
}
/* Tablets (Landscape) /
@media only screen and (max-width : 1024px) {
/ The following css will be rendered if device width is less than 1024px */
}
/* Tablets (Portrait) /
@media only screen and (max-width : 768px) {
/ The following css will be rendered if device width is less than 768px */
}
/* iPhones /
@media only screen and (max-width : 640px) {
/ The following css will be rendered if device width is less than 640xpx */
}
/* Mobiles /
@media only screen and (max-width : 480px) {
/ The following css will be rendered if device width is less than 480px */
}
/* Small Mobiles /
@media only screen and (max-width : 320px) {
/ The following css will be rendered if device width is less than 320px */
}]]>
posts_no_thumb_sum = 290;
posts_thumb_sum = 240;
img_thumb_height = 80;
img_thumb_width = 80;
first_no_thumb_sum = 580;
first_thumb_sum = 450;
img_thumb_height1 = 145;
img_thumb_width1 = 165;
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = posts_no_thumb_sum;
if(img.length>=1) {
imgtag = '<span class="posts-thumb" style="float:left;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = posts_thumb_sum;
}
var summary = imgtag + '<div class="summary">' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
function createSummaryAndThumb1(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = first_no_thumb_sum;
if(img.length>=1) {
imgtag = '<span class="first-post-thumb" style="float:left;"><img src="'+img[0].src+'" width="'+img_thumb_width1+'px" height="'+img_thumb_height1+'px"/></span>';
summ = first_thumb_sum;
}
var summary1 = imgtag + '<div class="summary">' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary1;
}
//]]>
<b:if cond="data:blog.pageType != "static_page"">
<b:if cond="data:blog.pageType != "item"">
.first-post-thumb {
margin-right: 10px;
}
.summary {
height: 100%;
}
<h1>first { /* Styles for the First Post Container */</h1>
<pre>
width: auto;
height: 250px;
float: left;
margin-bottom: 10px;
background-color: #F4F4F4; /* background color for the first post */
border: 1px solid #E5E5E5; /* border for the first post */}
</pre>
.first-body { /* Style for the First Post summary */
color: #545454;
font-size: 13px;
text-align: justify;
padding: 5px 10px;
line-height: 1.5em;
}
<h1>first h3 a, #first h3 a:visited { /* Style for the First Post Title*/</h1>
<pre>
border-bottom: 2px solid #DFDFDF;
color: #515151;
font-size: 20px;
display: block;
margin: 10px auto;
width: 95%;
font-size: 20px;
padding: 0px 0px 4px 0px;
font-weight: bold;
text-align: left;
line-height: 1.4em;
background: none;
</pre>
}
<h1>first h3 a:hover { /* Color on mouseover for the First Post Title */</h1>
<pre>
color: #1061A1;
</pre>
}
.post { /* Styles for the small posts container <em>/
float: left;
margin: 20px 6px 2% 5px;
width: 46%;
height: 230px;
padding: 0px 5px 5px 5px;
background: #FCFCFC; /</em> background color for the small posts <em>/
border: 1px solid #E5E5E5; /</em> border for the small posts */
overflow: hidden;
}
.posts-thumb { /* Style for the small posts thumbnails */
margin-right: 10px;
}
.post-body img, .post-body .tr-caption-container, .Profile img, .Image img, .BlogList .item-thumbnail img {
background: none;
border: none;
box-shadow: none;
padding: 0;
}
h3.post-title a{ /* Style for the small posts titles */
font-size: 14px;
color: #747474;
text-transform: uppercase;
}
h2.date-header { /* Hide the post date */
display: none;
}
.post-footer {
display: none;
}
h3.post-title {
margin: 2px;
}
.readmorebutton {
margin-top: 5px;
}
.readmorebutton a { /* Styles for the Read More link <em>/
color: #767676;
border: 1px solid #E1E1E1;
background: #EAEAEA; /</em> Background color for the Read More link */
text-decoration: none;
padding: 3px 5px;
font-weight: bold;
font-size: 11px;
float: right;
position: relative;
}
.post-comment-link { /* Style for the comment bubble of posts below <em>/
position: absolute;
top: -35px;
right: -10px;
display: block;
border: 1px solid #E1E1E1; /</em> border for the comment bubble <em>/
background: #EAEAEA; /</em> background color for the comment bubble */
font-size: 11px;
position: absolute;
}
<h1>first .post-comment-link { /* Style for the comment bubble of first post */</h1>
<pre>
position: absolute;
top: 10px;
right: 0px;
</pre>
}
.post-comment-link a { /* Link color for the comments bubble*/
padding: 10px;
color: #6A6A6A;
text-decoration: none;
font-weight: bold;
}
<h1>blog-pager {</h1>
<pre>
clear: both;
</pre>
}
<b:section class="header" id="header" maxwidgets="1" showaddelement="no">
<b:widget id="Header1" locked="true" title="creat some thing (Header)" type="Header" visible="true">
<b:includable id="main">
<b:if cond="data:useImage">
<b:if cond="data:imagePlacement == "BEHIND"">
<b:if cond="data:mobile">
<b:else>
<b:else>
Show the image only>
<b:else>
<b:if cond="data:title != """>
<data:title>
<data:content>
<b:include name="quickedit">
<b:section class="main" id="main" preferred="yes" showaddelement="no">
<b:widget id="Blog1" locked="true" title="Blog Posts" type="Blog" version="1" visible="true">
<b:includable id="main" var="top">
<b:if cond="!data:mobile">
<b:include data='top' name='status-message'/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.isDateStart and not data:post.isFirstPost'>
</div></div>
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-outer">
</b:if>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-posts">
</b:if>
<div class='post-outer'>
<b:if cond='data:post.isFirstPost'>
<b:if cond="data:blog.homepageUrl == data:blog.url">
<b:if cond="data:post.title">
<b:if cond="data:post.link">
<data:post.title>
<b:else>
<b:if cond="data:post.url">
<data:post.title>
<b:else>
<data:post.title>
<b:if cond="data:blog.pageType != "item"">
<b:if cond="data:blog.pageType != "static_page"">
<data:post.body>
createSummaryAndThumb1("summary1<data:post.id/>");
Read More »
<b:if cond="data:blog.pageType == "item""><data:post.body>
<b:if cond="data:blog.pageType == "static_page""><data:post.body>
<b:else>
<b:include data="post" name="post">
<b:else>
<b:include data="post" name="post">
<b:include cond='data:blog.pageType in {"static_page","item"}' data='post' name='comment_picker'/>
</div>
<!-- Ad -->
<b:if cond='data:post.includeAd'>
<div class='inline-ad'>
<data:adCode/>
</div>
</b:if>
</b:loop>
<b:if cond='data:numPosts != 0'>
</div></div>
</b:if>
</div>
<!-- navigation -->
<b:include name='nextprev'/>
<!-- feed links -->
<b:include name='feedLinks'/>
<b:else>
<b:include name="mobile-main">
<b:if cond="data:top.showPlusOne">
<data:top.googleplusbootstrap>
<b:includable id="backlinkDeleteIcon" var="backlink">
<b:includable id="backlinks" var="post">
<data:post.backlinkslabel>
<b:if cond="data:post.numBacklinks != 0">
<b:includable id="comment-form" var="post">
|
|
|
|
|
Do you seriously think anyone here is going to wade through a massive unformatted code-dump to fix unspecified "errors" and make it "SEO-friendly" for you? 
You've been here long enough to know how this works. If you have SPECIFIC questions, we're happy to help. If you dump your entire code in a message and expect us to do your work for you, you're on the wrong site.
"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer
|
|
|
|
General 
News 
Suggestion 
Question 
Bug 
Answer 
Joke 
Praise 
Rant 
Admin 
Submit an article or tip
<b:loop values="data:post.backlinks" var="backlink">
<data:backlink.title>
<b:include data="backlink" name="backlinkDeleteIcon">
<data:post.timestamplabel> <data:backlink.timestamp>