Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Closed 8 years ago.
This question appears to be off-topic because it lacks sufficient information to diagnose the problem. Describe your problem in more detail or include a minimal example in the question itself.
Questions must demonstrate a minimal understanding of the problem being solved. Tell us what you've tried to do, why it didn't work, and how it should work. See also: Stack Overflow question checklist
Improve this question
We learned this in web design class last year and I do not remember how, What I want to do is create a webpage so that its split down the middle, and has a different webpage on each side, so I could watch you tube on the right side and Google on the other without them affecting the other. If the size bar was re-adjustable would be nice. Please could anyone help.
You can creat two columns with css and then your can use <iframe> tag
<div class="wrapper">
<div class="left">
<iframe ....../>
</div>
<div class="right">
<iframe ...../>
</div>
</div>
Then two pages will be along side of each others.
Just to explain further on the previous answer:
<div class="wrapper">
<div align="left">
<iframe src="http://www.youtube.com"/>
<div>
<div align="right">
<iframe src="http://www.google.com"/>
</div>
</div>
An iframe is what contains the webpage
A div can align parts of a webpage according to the align attribute
(NOTE: align will not be supported in HTML5, so you should use CSS to align instead)
I hope this explained things a bit better, and helped you out! :)
Related
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 5 years ago.
Improve this question
I'm currently working on a nodejs / socket.io project. Somehow there's a margin ontop aligned, which is pushing the UI down. I can't seem to get rid of.
Does someone have a idea, what could cause this?
Link to the preview: http://pr0b.com:2000/
The username & password to authenticate are assigned so you guys could have a look.
Link to the screenshot
Code which is causing the problem:
<div id="belowGame">
<div id="chat-text"></div>
<form id="chat-form">
<input type="text" id="chat-input"></input>
</form>
</div>
This issue which was causing the overflow was the display: inline-block which was added to the .gameDiv. Simply remove this CSS rule and you will get what you've asked for.
Closed. This question needs to be more focused. It is not currently accepting answers.
Want to improve this question? Update the question so it focuses on one problem only by editing this post.
Closed 8 years ago.
Improve this question
I am trying to set positions of forms. My teacher says this can be achieved using <Frameset> tag but this tag creates borders between the two frames and I don't want those borders. I have basically have 2 forms , one contains basic text and the other one contains some images. I want both these forms to display side by side not one below the other. Is there any way to achieve this?? please help.
Here you go
http://fiddle.jshell.net/FBXZC/
HTML
<div class="wrapper">
<div class="halfwidth">
I am One Half
</div>
<div class="halfwidth">
<img src="http://www.metal4.de/wp-content/uploads/2012/09/steel-panther.jpg" alt="">
</div>
</div>
CSS
.halfwidth {
display: block;
width: 50%;
float: left;
}
PS: get yourself a new teacher or go complain about him, he obv. has no idea of anything.
You can use css to style forms.
try this fiddle for the sake of demo.
form
{
background-color: red;
}
Welcome to SO and I'm glad to see a new student in web development. I don't want to go against your teacher, for he/she is probably teaching you the behaviors of frameset, but frameset is not the best way.
This is what you should do :
<div class="wrapper">
<div class="left-side"></div>
<div class="right-side"></div>
</div>
DEMO
I suggest you to use Dreamweaver to give you the exact position for each element. In general tags define the positions.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions concerning problems with code you've written must describe the specific problem — and include valid code to reproduce it — in the question itself. See SSCCE.org for guidance.
Closed 9 years ago.
Improve this question
I am not sure how to fix this and I know this question is kind of basic. A random object that is blocking my navigation bar is appearing on the browser side but not in the code, here:
image http://img571.imageshack.us/img571/9861/s4oa.png
But then in the code:
Please help me rectify this.
The issue on your page is that the following element seems to be created automatically and it is altering the spacing for you:
<a original-title=""></a>
If you can use a style sheet you should be able to adjust just the home link as follows:
<a class="home-link" href="/index.php">...</a>
And add the following style rule:
a.home-link {
margin-top: -18px;
}
This isn't particularly pretty or flexible so I would still strongly consider trying to determine where the element is injected and see if you can prevent it from happening. Good luck!
try moving the clearfix above <ul> tag as a separate div.
<div class="clearfix"></div>
<ul>
<!--- all list -->
</ul>
EDIT
Though i doubt it would affect, but still, your <a> tag is not closed in below line :
<a heref="cashcapacity.com"><center><img src="{$theme['logo']}"/></center><a>
and
<div class="navigation_menu">
<div> <!-- either this div is uselessly mentioned or you forgot to close this div -->
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking for code must demonstrate a minimal understanding of the problem being solved. Include attempted solutions, why they didn't work, and the expected results. See also: Stack Overflow question checklist
Closed 9 years ago.
The community reviewed whether to reopen this question 1 year ago and left it closed:
Original close reason(s) were not resolved
Improve this question
I'm building an alert page. I'm trying to make the page work even if javascript and CSS is failing.
I would like to use maybe deprecate HTML codes to do this. I need the span that contains the alert message to have a red background.
Please advise.
Try this :D
Example:
<div style="background-color:red"> </div>
You must insert the name of color like red, blue and so on.
You can use the bgcolor attribute to set the background colour, but it's far better to use CSS to style a page as the bgcolor attribute only works on certain tags.
<table bgcolor="#FF0000"><tr><td> My alert contents </td></tr></table>
For example it won't work on <span>, <div> or <p> tags, but will work on <body> and <table> tags.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions concerning problems with code you've written must describe the specific problem — and include valid code to reproduce it — in the question itself. See SSCCE.org for guidance.
Closed 9 years ago.
Improve this question
The problem is i'm not so advanced so i definitely did something wrong..
First page on he site opens correctly on Chrome and Firefox,
but on Internet Explorer footer image sticks to header image hiding two images in between.
the website: http://www.joniart.com
I've tried to make a similar landing html page, with <div> content but the issue remains.
Your problem is the height of those elements:
<img width="355" height="inherit" alt="Lietuviskai" src="http://joniart.com/wp-content/themes/tut/static_images/ranka_k.jpg" border="0" complete="complete"/>
Give them a real height
<img width="355" height="300" alt="Lietuviskai" src="http://joniart.com/wp-content/themes/tut/static_images/ranka_k.jpg" border="0" complete="complete"/>
and they should work.
From MDN:
height
The height of the image in HTML5 CSS pixels, or HTML 4 in
pixels or as a percentage.
I don't thinkg inherit is a valid value.
Source: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Img