Learn VBA & Macros in 1 Week!

HTML - Space In Table...

Full Excel VBA Course - Beginner to Expert

Space In Table...	View Content

Ok, so I have a table, with multiple pics in it. One under the other... the issue is in firefox there is a space between the columns of each table.... but its fine in Internet Explorer.

Check my code:

Code:

<!DOCTYPE HTML PUBLIC "-//w3c/DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<style>
</style>
</head>
<body>
<body style="background-image: url(background.jpg); background-repeat: repeat-y; background-color: black;  background-position: center">


<div align="center" id=background>
<table id=titletable width="768" border="0" cellpadding="0" cellspacing="0">
<tr cellpadding="0" cellspacing="0">
<td><img src="images/title1.jpg"/></td><td><img src="images/title2.jpg"/></td><td><img src="images/title3.jpg"/></td><td><img src="images/title4.jpg"/></td><td><img src="images/title5.jpg"/></td> <td><img src="images/title6.jpg"/></td><td><img src="images/title7.jpg"/></td><td><img src="images/title8.jpg"/></td>
</tr>
<tr>
<td colspan="8"><img src="images/banner.jpg"/></td>
</tr>
</table>
</div>

Full Excel VBA Course - Beginner to Expert

White Space Above Table

Similar Tutorials

View Content

I have an image above a table and I want the image to be physically touching the table border, however there are about 5 pixels of white space above the table. I can't figure out how to remove them. Here's the code. Any help would be greatly appreciated.

<img src=logo.jpg>
<table border=1 bordercolor="#3C5581" cellspacing=0 cellpadding=0 width=740>

Space Between Cells In A Table Not Going Away.

Similar Tutorials

View Content

Hello,

I made a goofy little website at adamvonwillis.com and if you look at the home page you will see a gap between the first and second rows. The rows need to be touching. If anyone could look at the code and help me out I would be very greatful! Thank you!

Unwanted Table Space

Similar Tutorials

View Content

Hey; I'm trying to build this menu in a table. Each row has an image, which I'm using for a rollover. Altogether, the table should be 202 x 285 pix.

The problem is, 5 pixels of blank space are being added under every image, (in the same row as the image), and I'm not sure why. Altogether, it's making my table 45 pix too large.

Any help would be appreciated.

HTML:
<div id="menu">
<table border="0" cellpadding="0" cellspacing="0">
<tr><td ><img alt="Home" src="images/regHome.jpeg" /></td></tr>
<tr><td><img alt="Program Information" src="images/regInformation.jpeg" id="Image2" onmouseover="MM_swapImage('Image2','','images/rollOverInformation.jpeg',1)" onmouseout="MM_swapImgRestore()" /></td></tr>
...etc</table></div>

CSS:
#menu
{
margin: 0 auto;

text-align: left;
color: #000000;
font-family:Arial;

position:relative;
float:left;

font-size: 18px;

top:144px;
!top:140px;

height:271px;
!height:100px;
_height:100px;

width:202px;
!width:10px;
_width:10px;
float:left;

background-color:#00FF00;
}

Space Between Rows Of A Table

Similar Tutorials

View Content

I am working on a layout for a website, I'm not new at all to HTML, it's just been a while. I have a banner taking up the first row of the table(colspan=2), and for the 2nd row, I have a menu and a text region. This 2nd row always has a small space between it and the 1st, even if cellspacing=0. Is there any way to do this with a simple <table>??? Someone told me that using a table would be less effective than using <div>, is this true? If so, how would I do this using <div>. Thank you for any suggestions.

Space Between Table Rows In Ie7

Similar Tutorials

View Content

Can anyone tell me why there is a space at the bottom of my page between the images in the middle and the bottom image? The page looks fine in Firefox and I cannot figure out why there is a space in IE7. Any suggestions would be greatly appreciated. Thanks

Frank

http://www.spartafitness.com/home.htm

Get Rid Of White Space At Bottom Of Table?

Similar Tutorials

View Content

On every other page, my table around my content works, but on the main page:

http://www.snowwhitedesign.com

there is a lot of white space below my image.

My entire image is broken down into 3 x 3 images, 9 total in the grid. All images have different heights and widths

I constructed the table by first creating the larger table with the blue border, and then created separate vertical tables within each vertical <td> since the images are of different heights.

Also, how can I get rid of that small border line running right through the middle of my image?

thanks!

1px Space In Table Driving Me Nuts!

Similar Tutorials

View Content

I am hoping someone with "fresh" eyes will be able to spot why I have a 1 pixel space pushing the bottom of my table down. It's a project I inherited, so it's not my code, but it should be obvious to me as to why it's not formatting correctly (but for the life of me, I cant see it). Anyone?

Top part of code (if it's of any use):
Code:

<table border="0" cellpadding="0" cellspacing="0" bordercolor="0">
  <tr>
    <td width="453" valign="top" background="images/homeBackground.jpg" class="BackNoRepeat">&nbsp;</td>
    <td width="742" align="right" valign="top"><table width="742" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td width="300" align="left" valign="top"><table border="0" cellpadding="0" cellspacing="0">
              <tr>
                <td colspan="2"><img src="images/topLogo.jpg" width="300" height="128" /></td>
              </tr>
              <tr>
                <td align="left" valign="top"><img src="images/imgOpening.jpg" width="163" height="124" /></td>
                <td align="right" valign="top"><img src="images/rolloverMenu1.jpg" width="137" height="20" /><br />
                  <a href="recipes.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image15','','images/homeRecipesBTN_ov.jpg',1)"><img src="images/homeRecipesBTN.jpg" alt="Recipes" name="Image15" width="137" height="28" border="0" id="Image15" /></a><br />
                  <a href="nutrition.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image16','','images/homeNutritionBTN_ov.jpg',1)"><img src="images/homeNutritionBTN.jpg" alt="Nutrition" name="Image16" width="137" height="25" border="0" id="Image16" /></a><br />
                  <a href="webstore.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image17','','images/homeWebstore_ov.jpg',1)"><img src="images/homeWebstore.jpg" alt="Web Store" name="Image17" width="137" height="36" border="0" id="Image17" /></a><br />
                  <img src="images/home3.jpg" width="137" height="15" /></td>
              </tr>
            </table></td>
          <td width="442" background="images/mainBackground-right.jpg"><table width="441" border="0" cellpadding="0" cellspacing="0">
              <tr>
                <td width="441" align="left" valign="top"><img src="images/topRight.jpg" width="442" height="71" /></td>
              </tr>
              <tr>
                <td><table width="442" border="0" cellpadding="0" cellspacing="0">
                    <tr>
                      <td width="235"><script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0','width','235','height','135','id','opening animation','align','','src','images/home','quality','high','bgcolor','#FFFFFF','name','opening animation','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','images/home' ); //end AC code
</script>
                        <noscript>
                        <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"  codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="235" height="135" id="opening animation" align="">
                          <param name="movie" value="images/home.swf" />
                          <param name="quality" value="high" />
                          <param name="bgcolor" value="#FFFFFF" />
                          <embed src="images/home.swf" quality="high" bgcolor="#FFFFFF"  width="235" height="135" name="opening animation" align="" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>
                        </object>
                        </noscript></td>
                      <td width="207" rowspan="2"><img src="images/main-top-right1.jpg" width="207" height="181" /></td>
                    </tr>
                    <tr>
                      <td height="47"><img src="images/main-top-right2.jpg" width="235" height="46" /></td>
                    </tr>
                  </table></td>
              </tr>
            </table></td>
        </tr>

this is where the space happens...and then the following code:
Code:

        <tr>
          <td colspan="2"><img src="images/home5.jpg" width="742" height="69"></td>
        </tr>
        <tr>
          <td colspan="2" align="left" valign="top"><table width="742" border="0" cellpadding="0" cellspacing="0">
              <tr>
                <td width="224" align="left" valign="top"><img src="images/home6.jpg" width="224" height="57" /></td>
                <td width="251"><form action="" method="post" >
                    <table width="93%" border="0" align="center" cellpadding="0" cellspacing="0">
                      <tr>
                        <td width="29%" align="right">Username:</td>
                        <td width="34%"><input name="textfield" type="text" size="15"  style="font-size:.75em"/></td>
                        <td width="37%" rowspan="2"><input type="image" name="imageField" src="images/loginBTN.gif" /></td>
                      </tr>
                      <tr>
                        <td align="right">Password:</td>
                        <td><input name="textfield2" type="password" size="15" style="font-size:.75em"" /></td>
                      </tr>
                    </table>
                  </form></td>
                <td width="267" align="right" valign="top"><img src="images/home7.jpg" width="267" height="57" /></td>
              </tr>
            </table></td>
        </tr>
      </table>
      <div id="greenLineBack"></div>
      <div id="footer">&copy; Copyright 2007. All Rights Reserved.<img src="clear.gif" width="50" height="1"/><a href="#">RECIPES</a> | <a href="#">NUTRITION</a> | <a href="#">WEBSTORE </a></div></td>
    <td width="454" valign="top" background="images/mainBackground-right.jpg" class="BackNoRepeat2">&nbsp;</td>
  </tr>
</table>

Extra Space On Web Page With Table

Similar Tutorials

View Content

For some reason, I have a lot of extra space at the top of my page. What could be causing this and how do I fix it?

Vert Space Problem With Table In Ie

Similar Tutorials

View Content

Hi. The following example code displays the way I want it to in Firefox, with the top row about one pixel deep. But in IE 7 and MS email viewers (outlook, outlook express) it doesn't, with the top row being maybe 15 px deep. I've tried coding it all kinds of ways but I can't get the same effect as in Firefox.

Does anyone know how to get round this? (The reaso for using inline style and tables is that it's for a subscriber-only email newsletter. and that's what works.)

Would be grateful for any suggestions !

Thanks

Dedge

********************************

Code:

<TABLE width="520" cellSpacing=0 cellPadding=0 border=1>
	<tr><!--Row to set column widths-->
		<td valign="middle" align="center">
			<IMG src="spacer.gif" width="1"  height="1" alt="">
		</td>
		<td  valign="middle" align="center">
			<img src="spacer.gif" width="256" height="1" alt="">
		</td>
		<td  valign="middle" align="center">
			<IMG src="spacer.gif" width="8" height="1" alt="">
		</td>
		<td  valign="middle" align="center">
			<IMG src="spacer.gif" width="255" height="1" alt="">
		</td>
	</tr>
	<tr>
		<td><IMG src="spacer.gif" width="1"  height="30" alt=""></td>	
		<td style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 13px; LINE-HEIGHT: 15px; PADDING-BOTTOM: 3px; MARGIN: 4px 0px; VERTICAL-ALIGN: middle; WIDTH: 100%; COLOR: #ffffff; PADDING-TOP: 3px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #000066; TEXT-ALIGN: center">Left-Hand Heading</td>	
		<td><IMG src="spacer.gif" width="1"  height="1" alt=""></td>
		<td style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 13px; LINE-HEIGHT: 15px; PADDING-BOTTOM: 3px; MARGIN: 4px 0px; VERTICAL-ALIGN: middle; WIDTH: 100%; COLOR: #ffffff; PADDING-TOP: 3px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #000066; TEXT-ALIGN: center">Right-Hand Heading</td>	
	</tr>
</TABLE>

Table - How To Avoid Space Under Text

Similar Tutorials

View Content

Hi folks,

I'm an amateur webpage designer. I've recently set up a page and am trying to see if there's a solution to something I've noticed when I view my page. In Internet Explorer and icab, it shows the way I would like, but in Safari and Firefox, I see a problem.

My webpage is: http://www.worldwideaccessiblewashrooms.com

At the top, I have the webpage title in a table. In Safari and Firefox, there is more space on the bottom of the text inside the table than on the top. I used a straightforward table html:

<center>
<table bgcolor="#f2e891" border="0" style="border: 3px solid black;">
<tr>
<td><h2>Worldwide Wheelchair Accessible Washrooms</h2></td>
</tr>
</table>
</center>

Is there a way I can change this so that there is equal space above and below the text inside the table box?

Thanks![/url]

Table White-space Problem In Firefox

Similar Tutorials

View Content

Hi,

I created a table with rounded corners and I'm having a white-space problem in the inner bottom and top part of the table while using the MOZILLA FIREFOX browser. The URL below will show you what I'm talking about. I've spent many hours trying to get rid of those white spaces but cant figure out.

http://www.imageenvision.com/test.html

Code:

<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01//EN' 'http://www.w3.org/TR/html4/strict.dtd'>
<html>
    <head>
        <title>TEST</title>
        <link rel="stylesheet"  href="/css_style_sheet.css" type="text/css">
    </head>
<body>


<table align='center' width='500' height='0' border='0' cellspacing='0' cellpadding='0'>
    <tr>
        <td width='0' height='0'><img src='/pics/top_left_rounded_corner.gif' height='9' width='9' border='0'></td>
        <td width='100%' height='0'><img src='/pics/top_middle.gif' height='9' width='100%' border='0'></td>
        <td width='0' height='0'><img src='/pics/top_right_rounded_corner.gif' height='9' width='9' border='0'></td>
    </tr>
    <tr>
        <td colspan='3' height='100' align='center' bgcolor='#F8F8F8'><!--MAIN TABLE STUFF--></td>
    </tr>
    <tr>
        <td width='0' height='0'><img src='/pics/bottom_left_rounded_corner.gif' height='9' width='9' border='0'></td>
        <td width='100%' height='0'><img src='/pics/bottom_middle.gif' height='9' width='100%' border='0'></td>
        <td width='0' height='0'><img src='/pics/bottom_right_rounded_corner.gif' height='9' width='9' border='0'></td>
    </tr>
</table>


</body>
</html>

Thanks in advance for your help.

Kenny Adams
Image Envision

White Space Under Image In A Table For A Banner

Similar Tutorials

View Content

iv been trying to make a header for a new ebay store.
i have dream weaver with a table with 1 row and 2 col in the first column i have the main logo and 3 hotspot buttons, in the 2nd column i have a solid colour image set as the background for that row.
the problem i am having is the 1st column with the logo image has a white space under the image which looks very annoying html code below:

<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td width="1200" height="292">
<img name="MainHeader" src="http://imagehost.vendio.com/a/35060807/view/MainHeader.jpg" width="1200" height="292" border="0" id="MainHeader" usemap="#m_Main20Header" alt="" />
<map name="m_Main20Header" id="m_Main20Header">
<area shape="poly" coords="810,21,964,21,964,55,810,55,810,21" href="javascript:;" title="Terms And Conditions Page" alt="Terms And Conditions Page" />
<area shape="poly" coords="990,21,1144,21,1144,55,990,55,990,21" href="javascript:;" title="Email Us Page" alt="Email Us Page" />
<area shape="poly" coords="630,21,784,21,784,55,630,55,630,21" href="javascript:;" title="About Our Company Page" alt="About Our Company Page" />
<area shape="poly" coords="450,21,604,21,604,55,450,55,450,21" href="javascript:;" title="Frequently Asked Questions Page" alt="Frequently Asked Questions Page" />
</map> </td>
<td background="http://imagehost.vendio.com/a/35060807/view/headerbg.jpg" width="845" height="292" border="0"> </td>
</tr>
</table>

Can't Remove White Space Above Table (noob Question)

Similar Tutorials

View Content

So i'm not very good at this stuff, somehow there is an extra white line below the initial title and the three sections. I know there's a lot of garbage in this code of tags that don't need to be here, this code has been constantly edited and by different people and none of us are experts, so a lot of random tags are left around. Possibly one of them is causing the issue.

To simplify things, in this example of my code I have removed all the text and links and what not that someone that visits the site sees with "data data data" as I believe they are irreverent to this issue.

Any help would be great!!!!

My guess is the issue is in the red section, as this is where the gap is between

Code:

<center>
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="tableborder">
<tr><td width="100%" valign="top">
<div class='thead' align='left' style="padding: 5px;"><b>Title</b></div>
<table width="100%" border="0" cellpadding="0" cellspacing="1">
<!--- Left Section -->
<tr><td class="trow1" width="33%" valign="top"><font color="black"><center><b>Title</b></center></font></center>
 <hr color="#000000"><font face="verdana" color="000000"></center><u></u><font color="black">
     <div style="overflow:auto; width: 310px; height: 276px;"> 
Data Data Data Data....
<br>
      </div> 
      </td>       
<br>
</font></a>
<br>

<!-- Center Section -->
</center></td>
<td class="trow1" width="33%" valign="top"><center>
<font color="black"><b>Title</b></font></center>
<hr color="#000000"><font face="verdana" color="000000"></center><center><u></u><font color="black">
<br>
Data Data Data.....<br></br>

<!-- Right Section -->
</center></div></td>
</i></b></font></a>
</center></td>
<td class="trow2" width="33%" valign="top"><center>
<font color="black"><b>Title</b></font></font></center>
<hr color="#000000">
<center>
<br>
Data Data Data.....
</td></div></table></td></tr>
</center> </center
</table>

Here's a screenshot of the issue on the website:

Space Space Link

Similar Tutorials

View Content

i almost went crazy trying to troubleshoot this one... thought i'd share.

HTML Code:

<style type=text/css>
a:link {font-family:Arial, Helvetica, sans-serif; font-size:12px;}
</style>
<table width="200" border="0" cellspacing="0" cellpadding="0"><tr>
<td width="100" valign="top">
<a href="link">Sample text </a>
<td width="100" valign="top">
<a href="link">Sample text</a>
</td></tr></table>

Turns out a "space" at the end of the link text pushes the text upwards slightly.
Simply remove the space (or add on to the other line) or use the space code [ ]
The css also plays a part, this doesn't appear happen when text is "unformatted"

Need Some Space In First Row Only.

Similar Tutorials

View Content

Hi Experts,
I am facing some problem in the row spaces.
I am new to project and previous programmer used some tool to write HTML code.
now I am not able to understand the HTML part of code.

I don't know why but the first row table border is missing in this.

Here is the code:-

<table class=MsoNormalTable border=0 cellspacing=0 cellpadding=0 style='margin-left:25.0pt margin-bottom:25.0pt;border-collapse:collapse'>" +

"<tr height=25 style='height:19.1pt'> <td width=551 colspan=2 height=25 valign=top style='width:413.2pt;border: none;border-bottom:solid windowtext 1.0pt;padding:0in 5.4pt 0in 5.4pt; height:19.1pt'> Hi " + Item[4] +",<o:p></o:p> <o:p> </o:p> It was a pleasure talking to you.  Based on our discussions I have forwarded your resume to my Business Development Manager (see below) who will be either calling or emailing you very soon with other details.<o:p></o:p>" +
" The job description for this assignment is as follows:<o:p></o:p><o:p> </o:p></td> </tr>" +

"<tr height=34 style='height:25.4pt'><td width=132 height=34 valign=top style='width:99.3pt;border:solid windowtext 1.0pt; border-top:none;padding:0in 5.4pt 0in 5.4pt;height:25.4pt'>Location:<o:p></o:p> <o:p> </o:p></td><td width=619 height=34 valign=top style='width:313.9pt;border-top:none; border-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt; padding:0in 5.4pt 0in 5.4pt;height:25.4pt'>" +Location +"<o:p></o:p></td></tr>" +

"<tr height=34 style='height:25.55pt'><td width=132 height=34 valign=top style='width:99.3pt;border:solid windowtext 1.0pt; border-top:none;padding:0in 5.4pt 0in 5.4pt;height:25.55pt'>Job description:<o:p></o:p><o:p> </o:p></td><td width=619 height=34 valign=top style='width:313.9pt;border-top:none; border-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt; padding:0in 5.4pt 0in 5.4pt;height:25.55pt'> " +DesC +"</td></tr>" +

"<tr height=34 style='height:25.4pt'><td width=132 height=34 valign=top style='width:99.3pt;border:solid windowtext 1.0pt;border-top:none;padding:0in 5.4pt 0in 5.4pt;height:25.4pt'>Duration:<o:p></o:p><o:p> </o:p></td><td width=619 height=34 valign=top style='width:313.9pt;border-top:none;border-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt; padding:0in 5.4pt 0in 5.4pt;height:25.4pt'>" +Duration +"<o:p></o:p></td></tr>" +

"<tr height=34 style='height:25.4pt'><td width=132 height=34 valign=top style='width:99.3pt;border:solid windowtext 1.0pt;border-top:none;padding:0in 5.4pt 0in 5.4pt;height:25.4pt'>Details:<o:p></o:p><o:p> </o:p></td>" +
"<td width=619 height=34 valign=top style='width:313.9pt;border-top:none;border-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt; padding:0in 5.4pt 0in 5.4pt;height:25.4pt'>TBD</td></tr>" +

"<tr height=34 style='height:25.4pt'><td width=132 height=34 valign=top style='width:99.3pt;border:solid windowtext 1.0pt; border-top:none;padding:0in 5.4pt 0in 5.4pt;height:25.4pt'>BDM / Marketing Manager<o:p></o:p></td><td width=619 height=34 valign=top style='width:313.9pt;border-top:none; border-left:none;border-bottom:solid windowtext 1.0pt;border-right:solid windowtext 1.0pt; padding:0in 5.4pt 0in 5.4pt;height:25.4pt'>" + StaffName + " " + basUtilities.DLookup("EXT" , "EmailContact", "FirstName='" + basUtilities.UserID() + "'") + "<o:p></o:p> </td></tr>" +NewColumSkill +"</table>" +

Please help me to fix this.

Space At Top

Similar Tutorials

View Content

Just moved the site to its new server and added the navigation... now suddenly I have some spacing at the top and I need another set of eyes.

http://www.phinfever.com/newsite

Note*: Spacing not visible on IE7... it is on Firefox3

Space At Top

Similar Tutorials

View Content

Hey guys,

Need a little help with...

http://www.netsketched.com/NRG/

There is a space up top that I can't get rid of.

Also, is there a way I can make the layout flow to the bottom regardless of the amount of content?

Too Many Space

Similar Tutorials

View Content

Space Where There Is No Space

Similar Tutorials

View Content

This isn't merely an attempt to sound like something from "The Matrix", but I'm continuing to work on my companies website and for some reason in IE when I place a picture at a certain place the web page give me enough room to scroll the page right. (There isn't anything there, it just has a scroll bar at the bottom and you can scroll the whole thing right leaving it half off the page looking at just background.)

Link:
http://802heaven.analogcafe.net/TTCBeta/mainstage.html

If someone could take a look at that and tell me some ideas for how to fix it that would be GRRRR8.

Thanks.

How Do You Add More Than One Space After Text In A Div

Similar Tutorials

View Content

This must be a really basic question.

Say you have a footer div(or any other div for that matter) and you want say 3 links and a copyright statement, by using the Design GUI in dreamweaver not but working directly with source, so for examaple in your div you have,

copyright 2009 coolffdesign contact us friends links etc...........

Now if i put the cursor directly after say 2009 and try and add more than one space then i cant i can only add one space so the best i could have would be,

copyright 2009 coolffdesign contact us friends links which i obviouly can't use as it is unreadable...

I guess you have to work with css to solve this but shouldn't i at least be able to do this in the design view in DW, what is the best/right way to solve this??

thanks