Table content vertical alignment issue in Dreamweaver cs4
Hello,
I can't figure this one out. I made a sample file (code below) to debug my problem.
I have a table inside a table. Both have no cell padding or spacing and top alignment, yet, the text appears to the top but there's a gap between the top of the cell and the text. Has anyone had that problem ? Same issue when I place a picture in the table, even if the pictute is 100px X 100px and the table size the same, there still is a gab between the picture and the top of the table ???
Many thanks,
<body>
<table width="500" border="0" cellspacing="0">
<tr>
<td valign="top" bgcolor="#00FF00">Test</td>
</tr>
<tr>
<td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top"><p>This text is in a table inside the first table</p>
<p>Both tables have no cellspacing and no cellpadding yet the text is not entirely aligned to the top of the cell/table !</p></td>
</tr>
</table></td>
</tr>
</table>
</body>
See this live example of a basic table.
http://alt-web.com/DEMOS/basic-table.html
Content in table cells is effected by heading and paragraph styles.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
Similar Messages
-
Can table cell vertical alignment be defined via CSS?
In a table cell (ie, "td") is there a way to define "valign" via CSS, instead of the table cell proper?
In other words, instead of...
<table>
<tr>
<td valign="top">
...is it possible to do :
<table>
<tr>
<td class="top">
...and somehow let the stylesheet define the vertical alignment?
I'm asking because none of the attribute presets in Dreamweaver CS4 seem to provide for vertical alignment. Everything else on God's green earth seems to be there, but table cell vertical alignment seems to be the ONLY thing CSS forgot about.How about giving the class "top": text-align:center. Or even the tag "td" in your stylesheet. Does that help?
John -
Shift+i issue with Dreamweaver CS4
Hi,
i have an issue with Dreamweaver CS4 when I press shift+i the behavior is similar as cmd+v (a paste action). I checked the keyboard shortcut, but no action set for shift+i .. i don't understand.
Please may you help me!?
thanks
bye
MaxAnother place you can ask is in the forums for dreamweaver:
http://www.adobe.com/support/forums/ -
Vertical Alignment issue in Safari
I have an issue in Safari displaying content of a table cell as if it's middle aligned and not vertically aligned. It works fine in IE and FF, but not in Safari.
I am using a basic CSS setting for the table cell with vertical-align=top. I have also put in in the td tag valign=top and still have the problem where the content is middle aligned and not top aligned.
Has anyone seen something like this and know what I can do to get it to work?Do you have a sample or a screenshot that illustrates this?
Check out the Safari Developer's forum for more help; this is mainly used by people who are Users of Safari vs. Web Developers (who should know the difference between browsers). -
I have a problem. I've browsed through existing solutions and
haven't found anything that works for me.
I am working on a site that has lots of nested tables. The
navigation bar and some other text are in a column on the left (in
a nested table) and the page content is in a table on the right (in
a nested table). However, the image and text in the left column
continue to migrate down whenever I add too much content in the
right column.
This happens only on page where the height of the content in
the right column exceeds the height of the content in the left.
ALL properties for all tables have the vertical alignment set
to "top" not to "default". Any help would be greatly appreciated. I
am attaching the code for my style.css file.
The page in question is located at
http://www.ssc.coop/science/news.html.
Thank you in advance ... Amy
TextYes. I stand corrected. Thanks Murray.
valign="top" is the correct HTML syntax. valign:top is some
invalid hybrid
of HTML & CSS. Regardless, it can't/won't/doesn't work.
Walt
"Murray *ACE*" <[email protected]> wrote
in message
news:[email protected]...
> Actually valign:top is nothing. But it's certainly
invalid!
>
> --
> Murray --- ICQ 71997575
> Adobe Community Expert
> (If you *MUST* email me, don't LAUGH when you do so!)
> ==================
>
http://www.dreamweavermx-templates.com
- Template Triage!
>
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
>
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
>
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
> ==================
>
>
> "Walt F. Schaefer" <[email protected]> wrote
in message
> news:[email protected]...
>>> valign: top;
>>
>> This is invalid CSS. It is HTML. Yu can't use HTML
code in CSS. Change it
>> to vertical-align: top;
>>
>> Walt
>>
>> "AGrover" <[email protected]> wrote
in message
>> news:[email protected]...
>>>I have a problem. I've browsed through existing
solutions and haven't
>>>found
>>> anything that works for me.
>>>
>>> I am working on a site that has lots of nested
tables. The navigation
>>> bar and
>>> some other text are in a column on the left (in
a nested table) and the
>>> page
>>> content is in a table on the right (in a nested
table). However, the
>>> image and
>>> text in the left column continue to migrate down
whenever I add too much
>>> content in the right column.
>>>
>>> This happens only on page where the height of
the content in the right
>>> column
>>> exceeds the height of the content in the left.
>>>
>>> ALL properties for all tables have the vertical
alignment set to "top"
>>> not to
>>> "default". Any help would be greatly
appreciated. I am attaching the
>>> code for
>>> my style.css file.
>>>
>>> The page in question is located at
>>>
http://www.ssc.coop/science/news.html.
>>>
>>> Thank you in advance ... Amy
>>>
>>>
Text
>>>
>>> td {text-align: left;
>>> valign: top;
>>> font-family:tahoma;
>>> font-size:10px;
>>> color:#919191;
>>> line-height:13px;}
>>>
>>> a {text-decoration:underline;
>>> color:#298EAA;}
>>>
>>> body { margin:0px;padding:0px;}
>>>
>>> ul {margin:0; padding:0; list-style:none}
>>> li {background:url(images/a.gif) center left
no-repeat; margin:0 0 0
>>> 0px;
>>> padding:0 0 0 10px; line-height:16px }
>>> li a { color:#54A5BB}
>>>
>>> .usa span { color:#298EAA}
>>> .copy { color:#BABABA}
>>> .copy a { color:#BABABA; text-decoration:none}
>>> .copy a:hover {text-decoration:underline}
>>> .education { color:#757575}
>>> .team span { color:#54A5BB}
>>> .privacy a { color:#54A5BB}
>>>
>>> .white {color:#ffffff; text-decoration:none}
>>> .arrow_right { margin-right:6px;}
>>>
>>> .form { width:205px;
>>> height:29px;
>>> font-family:tahoma;
>>> font-size:10px;
>>> border-style: solid;
>>> border-width: 1px;
>>> border-color:#9E9E9E;
>>> background-color:#ffffff;
>>> color:#919191;
>>> margin-left:0px;
>>> margin-right:0px;
>>> padding-top:8px;
>>> padding-left:8px;}
>>>
>>> .textarea { width:190px;
>>> height:119px;
>>> font-family:tahoma;
>>> font-size:10px;
>>> border-style: solid;
>>> border-width: 1px;
>>> border-color:#9E9E9E;
>>> background-color:#ffffff;
>>> color:#919191;
>>> margin-left:0px;
>>> margin-right:0px;
>>> padding-top:8px;
>>> padding-left:8px;}
>>>
>>> a:hover{text-decoration:none;}
>>> .a:hover{text-decoration:underline;}
>>>
>>
>>
>
> -
Alignment Issues between dreamweaver and browser
Hi
Hoping someone can help, i'm trying to learn how to make
better sites with advanced tools like apDIV's but seem to be
running into an alignment issue. When I make the html file in
dreamweaver I seem to have to off set the images and div tags
inorder for the site to show up aligned properly in firefox,
explorer, etc. I'm thinking there might be a problem in the actual
code causing this but am not good enough yet to find it or the
problem, any ideas or guidence would be greatly accepted. below if
the links work is the difference I see between dreamweaver and when
its launched in a browser.
DreamweaverScreen
BrowserScreen> over a centered frame
You are not using frames - that's a table.
Yes - there's a way to do this, but it will involve your
working in code.
Make your page left aligned by removing any centering.
Then position your layer so that it is properly located over
the table.
Change this -
</head>
to this -
<style type="text/css">
#wrapper { width:760px; margin:0 auto;position:relative; }
/* 760px will display on an 800px screen maximized browser
window without */
/* horizontal scrollbars. */
</style>
</head>
(you may need to adjust this width so that it's consistent
with the width of
your centering table)
change this -
<body ...>
(the ellipsis represents any other attributes that might be
mentioned in the
body tag, and SHOULD NOT BE INCLUDED EXPLICITLY!)
to this -
<body ...>
<div id="wrapper">
and this -
</body>
to this -
<!-- /wrapper -->
</div>
</body>
and see if that helps.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Vinx21" <[email protected]> wrote in
message
news:ge9t3e$92s$[email protected]..
> thanks for the help osgood, I see now what my problem is
and am just
> wondered
> if there was a way to place the absolute layer over top,
in the right
> position,
or will have i have to remake one of the elements a
> different way???
>
> thanks again, dave
> -
FTP Connection Issue in Dreamweaver CS4
I just reinstalled Windows 7 Home Premium 64 bit and of course had to reinstall Design Premium CS4. Up until now Dreamweaver CS4 (Version 10.0 Build 4117) has connected to ftp flawlessly, however ever since I reinstalled I have been receiving the "An FTP error occurred - cannot make connection to host. The remote host cannot be found" error message.
What I have tried so far:
I have double checked that my login information is correct
I have successfully logged in to the ftp server using another ftp client and through a browser
Through Dreamweaver I have tried using passive FTP, secure FTP, firewall and none of those settings make a difference.
I receive the error message whether I click "test" or try to connect through the files panel .
I have checked my firewall settings and Dreamweaver is an allowed program.
I don't have access to another ftp server to check if would work in that situation.
I have uninstalled and reinstalled both Dreamweaver and the entire suite.
Is there anything else that I need to do?
Thanks in advance for any help.This is a maddening issue that's getting press in various forums, here and on Adobe's site, and all sorts of third party blogs, etc. I spent days wrestling with this with no luck, because in CS3, which I"ve been using for years under OS X, Extension Manager is broken (under Mountain Lion, at least). Installed CS4, CS5—nothing worked. The ""can't connect" error message appears instantly, suggesting that DW wasn't even trying to make the FTP connection, which led me to suspect Little Snitch or some other firewall issue, but this wasn't the case. I isolated login items, repaired permissions, booted in Safe Mode—all with no luck. Finally, I tried opening DW from a different user login and FTP connected. This, at least in my case, pointed to something in the user folder. I narrowed it down to the User/Library folder. Creating a new user and copying the Library folder over copied over the problem, as expected. New user was deleted, and I wen tinto the troublemaking User/Library folder to see what I could see. There were old files and folders there from previous installs, including CS3—speciifically in the User/Library/Application Support folder and, of course, in User/Library/Preferences. After deleting thiese, I found no further problems connecting via FTP in DW CS4. I presume that CS5 also would connect now, but I'm not keen to put it to the test. Under CS4, Extension Manager works fine, which is what I was looking to accomplish in upgrading from CS3. Moral of the story: Adobe CS installations do not like legacy files and folder either in User/Library/Application Support or User/Library/Preferences. Deleting these may work for you, too—at least it's another string to the troubleshooting bow, and this one can be a real bear. Good luck to all who have run into this.
-
Tables - Column vertical alignment
Good day for everybody,
I have a table with two columns. The first one has an inputText with 1 line. The second one has an inputText with 3 lines.
So the row height is calculated to fit the multiline object and, by default the inputText of the first line is bottom aligned.
I tried to change the first columns vertical alignment by setting the InlineStyle - vertical-align property (setting it to top or middle) but nothing happend.
So, the question is: How can I change the vertical alignment of the inputText of the first column so it is center or top aligned in its table cell? (Unfortunately I couldn't find this out by myself).
Thanks in advance for any help.
A.GurisattiTry nesting your text in a CellFormatted. You can also try nesting it with in a panelGroup. If you are attempting to algin you text with css there is some browser dependencies in play.
-
Help.
I am working on a high-end Keynote presentation. It was originally a poerpoint file, that I opened in keynote. So far so good. I applied keynote themes, and used bullets etc, looks great on the mac. Move it to the ipad, and the top bullet looks fine, all 1st level bullets below it have a higher vertical alignment, which no longer in alignment with the text. What am I doing to cause this? all spacing etc, is exactly the same.
anybody know a tip or trick to keep this from happening?I answered my own question... with many, many tests.
I FINALLY figured out what the common feature was, that was causing the misalignment of the bullets.
Line spacing.
If you apply line spacing BEFORE a paragraph, it misaligns the bullets... which is WHY it wasn't happening to the 1st bullet in each text box, but only those following....
In the final test I changed the line spacing attribute to AFTER a paragraph, and VOILA! no more misaligned bullets.
It's definitely a bug in the software, since either way it looks fine on the mac, and is only a problem on the iPad.
hope that saves someone else some valuable time!!! -
Issue installing Dreamweaver Cs4 in Windows 7
grettings to everyone:
After I sucessfully Dreamweaver CS4 in Windows 7, when I try
to open it shows a message of side-by-side missconfiguration. I
went to the log viewer and this is the general information for it:
quote:
Activation context generation failed for "C:\Program
Files\Adobe\Adobe Extension Manager CS4\Adobe Extension Manager
CS4.exe". Dependent Assembly
Microsoft.VC80.MFC,processorArchitecture="x86",publicKeyToken="1fc8b3b9a1e18e3b",type="wi n32",version="8.0.50608.0"
could not be found. Please use sxstrace.exe for detailed diagnosis.
I also installed Photosop Cs4 and had no problems with it, it
runs ok.
I would apreciate any help.
ThanksOf course I know Windows 7 is still in beta, It all solved
when I restarted my PC, though it never asked me to do it. -
Table Data Alignment issue in DW CS4
Hi,
I'm creating a web site in DW CS4. I'm trying to align my table that I created for my contact form. I got it like I want it except for one slight issue: my submit button is not aligning with the rest of the form elements. I'm not sure how to add my HTML code here. If you guys can tell me I'll add it. Thanks so much!
FYI:
I figured if I add <td align="right"> and then alternate the next element with <td align="left"> and insert it under the <tr> tag that it would position the elements slightly right of left justified.
ashmic19Validate your code.
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Ftesting0123.weebly.com%2Fcontact- form.html
It looks like you have 2 web documents on your page. Starting on line 56, your code contains multiple <DOC TYPES>, <HTML>, <HEAD> <STYLE> and <BODY> tags. In addition, you have content after a closing </BODY> tag. Not sure if this is caused by you or Weebly.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb -
CSS stylesheet link issue in Dreamweaver CS4
Hello,
In order to make sure that mywebsite always delivers the latest .css changes without users having to refresh their browsers, I did the trick:
link href="css/style.css?version=1" rel="stylesheet" type="text/css"
This works great, but the trick doesn't work so well when previewing a file in Dreamweaver. It doesn't link to the CSS file because of the "?version=1" part.
Do you folks know what I can do to fix this? Will I need ot have two versions of the files, one for working in and one for uploadng?
Thanks,
MikeI don't want my users to have to hit refresh to see my CSS changes.
They won't.
The chapter on Design Time Stylesheets doesn'rt really help me.
Sure it does.
the issue is that dreamweaver isn't linking to the style sheet because of the "version" part of the link.
Remove the version part. SaveAs DesignTime.css.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/ -
Solution to JLabel Vertical Alignment Issue
I spent the last hour messing with all the alignment properties on a JLabel. None seemed to get rid of the small gap above the text in the JLabel. So here is what does work:
JLabel label = new JLabel();
label.setBorder(BorderFactory.createEmptyBorder(-2, 0, 0, 0));
You can make the negative number higher to move the text further up.
Hopefully this saves someone else some time.
DanI spent the last hour messing with all the alignment properties on a JLabel. None seemed to get rid of the small gap above the text in the JLabel. So here is what does work:
JLabel label = new JLabel();
label.setBorder(BorderFactory.createEmptyBorder(-2, 0, 0, 0));
You can make the negative number higher to move the text further up.
Hopefully this saves someone else some time.
Dan -
Dreamweaver CS4 having issues after installing PS CS6 Beta
Hi All,
I'm having issues with Dreamweaver CS4 after installing Photoshop CS6 Beta. I'm getting the follwing erros when trying to open any html file (see attached image).
Once I click OK, the file will open, also now; any copy and paste commands will not work. Anyone else experiencing any problems with other apps after installing this beta version?
Any help and feedback is much appreciated, thanks!Re :Re: Dreamweaver CS4 having issues after installing PS CS6 Beta
Just a thought ...
This may help!
Uninstall the Beta Version of Photoshop CS6 now and then restart your computer and see if that works.
Open the CS4 programs and see if that fixed the problem and it is all working as it should again.
It is worth a try!
All the best. -
<div class="content">
<div> (css attribute float : left)
<img>
</div>
<div> (css attribute float : left)
<table> (I need this table to align vertically with the image.)
(vertical-align : middle doesn't seen to do anything)
</div>
</div>
I've tried encasing the table in another div and set THAT element to vertically align.
What am I missing?
DanaCopy & paste this code into a new, blank document. This layout uses CSS display:table properties to which you can add vertical-alignment.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5 Layout with Display:Table Properties</title>
<style>
body {
font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
font-size:100%;
font-weight:bold;
background: #FFF;
width: 90%;
margin: 45px auto;
display: table;
border: 4px solid #90F;
/**optional rounded borders**/
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
section {
display: table-row;
background: #FFF;
margin: 0;
width: 100%;
aside.one {
width: 33%;
padding: 0 2%;
background: #F60;
color: #FFF;
display: table-cell;
vertical-align: top;
aside.two {
width: 33%;
padding: 0 2%;
background: #9F0;
color: #000;
display: table-cell;
vertical-align: bottom;
aside.three {
width: 33%;
padding: 0 2%;
background: #F09;
color: #FFF;
display: table-cell;
vertical-align: middle;
</style>
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<header>This is header</header>
<section>
<aside class="one">
<p>Aside .one has vertical-align:top. </p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Vestibulum gravida metus eu metus elementum in rhoncus nisi cursus.
Donec hendrerit condimentum ipsum, in sodales dui rhoncus non?
Nulla facilisi. Nulla porta, dolor et suscipit elementum, sem sem viverra
arcu, et aliquam elit leo porttitor urna. Praesent tristique lacus a metus
pharetra quis pharetra sapien laoreet. Nam tempor pharetra magna nec luctus.</p>
</aside>
<aside class="two">
<p>Aside .two has vertical-align:bottom.</p>
</aside>
<aside class="three">
<p>Aside .three has vertical-align:middle.</p>
</aside>
</section>
<footer>This is footer</footer>
</body>
</html>
Here's a screenshot:
Nancy O.
Maybe you are looking for
-
Hi, Can anyone tell me if it is possible to add sub-template in footer of RTF template. Thanks, Swapnesh
-
Uploading data from Interactive form in Webdynpro ABAP
Hello All, I am uploading data from an Offline interactive form to an ABAP WebDynpro application. Form is first downloaded, data is filled and now I am trying to upload the form to another WebDynpro application. Form DataSource is mapped to Context n
-
Acrobat 9 email and Exchange directory
When sending out PDFs for review throught Acrobat 9, acrobat is able to add individuals from the Exchange directory but not groups created in Exchange. For groups created in Outlook there is no problem, Acrobat opens the groups and allows all the ind
-
Ok, I know this sounds like a silly question, but as an iPhone new user I'd like to know how do you connect your earphones to the iPhone. I mean if you can connect them anytime (i.e. while playing music, while on a call, etc.) or if you can only conn
-
Google chrome & Internet explorer is not working in my windows 7 professional "
Hi Team I m facing the issue that , when i sent any screenshot from my gmail account using google chrome & IE , it display that not responding & close the program" as i have clean format my windows 7 & after that still issue is same please help me