|
HTML - Advanced Alignments
Hi all,
I'm working on a website, and i'm trying to have it so that two pieces of text are aligned in a <td> one to the left and one to the right. However, no matter how hard i try I cannot get it to work! The closest i have got is to have both the texts in but it forces it to go on a line above. I won't post the url to the site unless someone asks, as I will probably be banned for spamming, but please help! Similar TutorialsHere's my code: HTML Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <meta http-equiv="Content-Language" content="EN-GB"> <html> <head> <title>History Project - Home</title> <link rel="stylesheet" type="text/css" href="Data\pagestyle.css"> </head> <body> <!-- Start Navigation Board --> <div class="navboard"> <img src="Data\logo.png"> <p class="txt1"><a class="nav" href="\">Towns</a></p> <p class="txt1"><a class="nav" href="\">Life</a></p> <p class="txt1"><a class="nav" href="\">Entertainment</a></p> <p class="txt1"><a class="nav" href="\">Guilds</a></p> <p class="copy">© Copyright Joshua Wilkinson.</p> </div><!-- End Nav Board --><!-- Start page text --> <p class="txt2">Welcome!</p> </body> </html> And here's the css: Code: body
{
background-color:#660000;
margin:0px;
overflow:;
}
div.navboard
{
background-color:#9E0000;
position:absolute;
height:100%;
width:126px;
float:left;
}
p.txt1
{
margin:0px;
text-align:center;
font-size:17;
}
a.nav
{
color:#000000;
margin:0px;
text-decoration:none;
position:relative;
}
p.copy
{
color:#000000;
font-size:10;
text-align:center;
}
p.txt2
{
color:#000000;
font-size:18;
margin-left:130px;
float:right;
}
Now I want the lighter part to be on the left as it is, but then I want the text to be about 4px away from it at the top-left. But whenever I try to put it right, it all goes wrong. Anybody help? If you need me to answer a question, I'm subscribed to this thread. Hello I am creating a table of contents using the <p> tag for each title. Each title is clickable and takes you to a section of the website relative to the title clicked. My problem is that I want everything to line up nicely and this is problematic using the <p> tag - for example: ARTICLE 1 - BLAH BLAH BLAH BLAH ARTICLE 10 - BLAH BLAH BLAH BLAH I want to look like this. (Actually scratch that this forum suffers the same problem I get when trying it on my own site, but you can comprehend what I'm talking about =] ). I realize there are cheap fixes such as just adding a bunch of spaces and what not but it still doesn't work. I could explain why but just trust me it doesn't work. My idea was to just use a table with 2 columns: 1 column = ARTICLE # - 2 column = BLAH BLAH BLAH however I can't extend a clickable title across 2 columns. Also I should note that I'm using DRUPAL. Thanks for your time. Okay, so im working on a new website for my clan, and I had the crazy idea of doing it in a frameset fashion, however I've never done anything like this before. Any help, would be greatly appreciated. If this is unsuccessful or impossible that is okay. frame 1 is the navbar frame 2 is page's context frame 3 is ads for clan frame 4 is copyright Thanks! OK what i want is to have for example 2 fields. one is a check box (or maybe a radio) and another is a file input. Now is there any way to block input to the File field if the check box isn't ticked and when the check box is ticked the file field becomes available? Any help would be apreciated. Regards alright, i have a two col. frameset. i have the right frameset as target="showframe". i need it so that what you type in the left (a url) shows up on the right. if you need more info, this is the site im doing it on he http://www.freewebs.com/kunaproxy/home.html Please Help Immediatley!! Umm.. Hello.. this is my first post.. but umm... i have been doing html for a year or two now.. and i got somewhat good at it.. however i have ran into a problem, im doing a project for my family and im using frames, to dividide my entire webpage, and im using "context menu script" from dhtml, link he http://www.dynamicdrive.com/dynamici...ontextmenu.htm the menu just pretty much allows it so that when i right click anywhere on my page a custom menu will appear with links.. now... what i am trying to do is pretty much open the link in a frame that i choose, so instead of opening a new window it would open in my frame, im using my frame MAIN as an example... heres the snippet of coding that i am having problems with: <div id="ie5menu" class="skin0" onMouseover="highlightie5(event)" onMouseout="lowlightie5(event)" onClick="jumptoie5(event)" display:none> <div class="menuitems" href="http://www.google.com">google</div> <div class="menuitems" url="http://dynamicdrive.com/new.htm" target="newwin">What's New?</div> <div class="menuitems" url="http://dynamicdrive.com/hot.htm">What's Hot?</div> <div class="menuitems" url="http://wsabstract.com/cgi-bin/Ultimate.cgi">Message Forum</div> <div class="menuitems" url="http://dynamicdrive.com/faqs.htm">FAQs</div> <div class="menuitems" url="http://dynamicdrive.com/submitscript.htm">Submit</div> <hr> <div class="menuitems" url="mailto:dynamicdrive@yahoo.com">Email Us</div> </div> i change the <div class="menuitems url="http://www.google.com">google</div>(which works by the way) to <div class="menuitems url="http://www.google.com" target="main">google</div> (main is a legit name of one of my frames) however that doesnt seem to work the window still launches in a new window. i have even tried to delete the whole <div> </div> and replace it all with <a href="http://www.google.com" target="main">gogle</a> but that breaks the menu altogether and not only does the link not launch in my frame,but it doesnt launch alltogether.. i dont know what to do.. can anyone help me? I mean... I tried pretty much everything.. maybe the target="" is different in the DIV or maybe someone can even show me yet another way to modify that whole entire snippet and give me an alternative way to launch those links in a frame. thank you in advance, please help me out! I am in charge of an internal training website at work and I want to know if I have any options with my forms. The quiz has been created in a form and it is currently setup when you hit submit your responses are mailed to your supervisor. In order to this the same quiz has to be duplicated 15 times for each supervisor. This also has to be done for each quiz, which of which there are about 20. I want to know if there is a way to create a form an option to chose from various different recipients. Therefore I will only have to create one quiz and they will have an option to chose from the 15 supervisors listed. I know mailto: is not recommended but up to now it has worked fine. All users will be on Internet explorer 6. Any ideas? First it is a pleasure to be participating in this forum, I appreciate this opportunity. Well, I am developing a website with dynamic content, effects and everything. Except that I have a problem. In one of the pages, I put a Photo Gallery. I used one called FancyBox. When navigating through the pages of the site, the effects and content exchanges happen with no problem, but when you go to the page of photos, open an photo and closes, after that, if you change the page will appear in the sidebar and a giant margin below of pages, except the page of photo gallery. you can check the link: http://www.grupoathia.com.br/qwe/ Steps to verify the problem: 1: Open the site 2: Click the tabs to navigate between content models 3: Click on the "Trabalhe Conosco" to check template Gallery 4: Open and close a photo. 5: Go to any other tab. Note that before you open a photo, all were normal, and now, after viewing a photo, they are left with a margin below. Does anyone know what might be happening? I already tried alter the CSS and JS, but not get a result, I am willing to try any possible solution that you recommend. : D Thank you for help right now. Warm regards. ... and sorry for bad english. =P Hi! I would like to konw is there any way we can integrate an IFRAME much like an asp or php include file. For example: The Iframe has no borders, the iframe would have no scrolling, width is 100% of the cell it's located in, 100% height of the cell it's in, and a transparant background. We would also like it so that the conent is displayed throughout the cell of the iframe string - rather than it breaking in between. Do you get my idea? Thanks Ryan I have my first site under my belt, now I am being approached locally here to handle issues I have not yet encountered, I have covered XHTML and CSS and just started JS with Php on the horizon next. I have been asked to incorporate Flash on project and now I am being asked to do a Database project. The way I see it, in the same way that I had no prior experience with JS but was able to use it with the help I got from here and elsewhere, I am thinking I can do the same with flash but with Database in particular, I have no idea what this involves, can anyone simplify what this will involve please and if I should attempt it? Don't get me wrong but I always love a challenge but at the same time I don't wish to tackle a database job if there's no way I can do it, guys? I am trying to create a form where I can check boxes of skills to return results of how many "departments" i have checked have those skills. It would look something like this: Check box - Description of skill1 Check box - Description of skill2 Check box - Description of skill3 SUBMIT BUTTON Department | Skill1 | Skill 2 | Skill 3 | Total -------------------------------------------------- ABC________1_______1______0____2 XYZ ________1_______1______0____2 So I need a code where I can check the boxes that apply, hit the submit button and have a value box display in each department instance if there was a match of not (1 = match 0 = no) So if i checked box skill 1 and skill 2 there would return a 1 under skill 1 and 2 for each department and show the tally of that under the total. Can someone help? thanks! |
|||||||