HTML - I Need With Something Simple For You - Hard For Me

Can you please help me with this problem. The HTML you are already given (has 2 unordered lists and both of them are in seperate divs) and I have to style them up with CSS with what the assignment wants. So far what I have is this:

ul#menu {

float: left;
width: 6em;
list-style-type: none;
margin: 0;
padding: 0;
background-color: #aac;
border-right: thick solid #44a;
border-left: thick solid #ccf;

}

div#main {

margin-left: 7em;

}

Now the thing is, it's looking alright so far, but there are some problems and things I don't know how to fix. Firstly with the border right and border left things and background color on my unordered list, the left and right borders aren't big enough and the middle part is too big. I want to change this but keep my list items (the middle and 2 borders) the same overall length as I have them now, just to switch proportions.

Also, in the example of the finished product, the list items have a small white space between eachother as to seperate them.. kind of like they are in their own seperate rectangular boxes with borders each on top of eachother, how can I do this?

Thanks for your time! Hope you can help!

I'm looking for a way to have a link to a hard drive - that works both with a Windows machine (not running Resin), and a Unix (Macintosh) machine.

Obviously I can't hard code file:///C:/htmldocs/home_page.html and have it work on a system without a C: drive.

Hello,
Im interested in obtaining a template for an ebay listing. Something that is very well done so that I can use it and change the Headers and buttons etc etc.... Anyone have experience with this?

Hi,

I've been working on this page for quite a while: http://www.mymusiclair.com/supporter
It displays correctly in Chrome, IE, and FF on my hard drive, but once i upload it it displays wrong in everything except IE. I used FrontPage 2003 to make it... any suggestions?


Thanks,
Vicky

hi team,

just wondering what code i would require to make a text box with a search button next to it and having the following characteristics...
* input can be any letter/number (say for eg: 5555)
* onclick sends parent window to www.website.com/5555

thus whatever you enter into the box sends you to a website address with the text box entry at the end.
this is for an internal webpage at our small business.

cheers and any tips appreciated!!

HI,

Can anybody recommend a gadget for Previewing / Thumbnailing HTML templates on my hard drive. I have lots of index.html pages in different folders and I'm looking for a way to flick through them, rather than having to go in and open the files individually.

Hi everyone, I hope I have posted this in the right area. This is my first time posting here. I currently have my main pages listed at the top of my site as graphics (see fussybaby.ca). I would like to potentially remove these graphics and use text links instead - I had the graphics designed for me, so I can't just go in and make new ones, however I'd like to change/rearrange the links and add some new ones.

So my question is: How hard is this to do? Is this something I need to hire someone to do for me?

Thanks in advance for any advice!

A really good article by Lisa Herrod was posted on A List Apart this week...

If you thought that you'd covered all accessibility angles with your graphical design - read this and find out how to cater for members of the Deaf community.

Hey. So I'm pretty good at stuff in general, my problem is that I do not have extensive experience with HTML/CSS so I don't know the best way to do this, or where to look for a way to do this. Basically, I want my layout to be like this:

http://people.virginia.edu/~eee2a/Welcome.html

in that I want there to be gray space on the side and a middle that scrolls.
super simple right? I just don't know how to do it, and I don't know the best keywords to use on google for it.

Thanks.

Hi all,

This is my first post and its so simple that i am a bit embarrassed to post it,

I have created a page with a flash video on it, but the only problem is cant workout how to centre the video, some help would be greatly appreciated,

Here is the code,

http://www.ogeetek.com/dave_test/test.txt

And here is the website

http://www.ogeetek.com/dave_test/test.html

Thanks in advance,

I am designing a page for our store - everything is fine with the code except for one thing: the code for the left and main tables on the page. I am having to write a string of <br /> to create breaks between my merchandise pics and the bottom of the page. In addition, on the left table is a border line dividing the two tables running the length of the page. I know there is an easier way of writing this, but I am at a loss as to how. Any help would be most appreciated. Thanks.

http://piratesisland.leadhoster.com/booty.html

I'm trying to create linked images based off URLs within my XML file.

XML file:

Code:

<?xml version="1.0" encoding="ISO-8859-1"?>
<projects>
	<list>
		<name1>Carrier Management</name1>
		<sharepoint1>https://portal.foorbar.com/sites/default.aspx</sharepoint1>
		<image1>../images/CarrierMgmt.jpg" border="0" alt="Carrier Management"</image1>	
	</list>
	<list>
...

XSL FIle:

Code:

<td>
				&lt;a href='<xsl:value-of select="projects/list/sharepoint1"/>'&gt;
					&lt;img src='<xsl:value-of select="projects/list/image1"/>'&gt;
				&lt;/a&gt;
				
				<br/>
				<center><b>
					<xsl:value-of select="projects/list/name1"/>
				</b></center>
			</td>

It's printing the < and > as text, not rendering then as HTML tags.

Thanks.

I'm trying to create something simple, I know how to do it in flash, but I can't get it in html, which is the way this needs to be done. I've attached a picture with an area in red. The area in red is the only area that needs to scroll, the rest of the image, the book area, needs to be static and not move. Can you help me?

If you look at my page you will see on the left hand side two links to subscribe to my entries and my comments.

I would like the text next to the subscribe image to have both lines indented the same amount. In other words, I want the second line to not wrap underneath the image and instead start at the same place as the first line, just to the right of the image. I know this should be simple but somehow my brain is not finding the solution.

Hi All,

Hopefully someone hear can help me please.
I've created a search box and it displays fine in Firefox but it's not lining up right in IE
Anyone got any ideas what I need to change? You obviously won't see the two images used in the search box here but you will see how the textbox and the "Search" link don't line up. The lines above and below these should join each other.
Here's the code below:
Thanks in advance, much appreciated.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Page</title>
<style>

.SearchBox
{
margins:0px;
padding:0px;
width:300px;
vertical-align:top;
height:26px;
}

INPUT.SearchBarTextbox
{
position:relative;
margins:0px;
border-top: solid 1px #bababa;
border-bottom: solid 1px #b8b8b8;
border-left:0px;
border-right:0px;
height:20px;
padding-top:3px;
color:#888888;
width:210px
}

a.SearchLink
{
color:#0087FF;
height:20px;
font-weight:bold;
padding-top:1px;
padding-bottom:4px;
border-top: solid 1px #bababa;
border-bottom: solid 1px #b8b8b8;
background-color:#fff;
text-decoration:none;
}


</style>

</head>
<body>
<form>
<br />
<div class="SearchBox"><img src="images/SearchBarLeft.gif" align="top" /><input id="Text1" type="text" class="SearchBarTextbox" value="What are you looking for?" /><a href="#" class="SearchLink">Search</a><img src="images/SearchBarRight.gif" align="top"/>
</div>

</form>
</body>
</html>