Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 16 days ago.
Improve this question
I'm trying to recreate an album cover into a website and I can't figure out how to line things up like this.
image
I prefer only using HTML but I'm not opposed to CSS : )
I should also mention that I don't really know a ton about HTML, I more just make things for fun, so sorry if I don't understand any questions or certain terms
We can create a table, and then add some styling via CSS:
<style>
td {
border:4px solid red;
padding: 13px;
text-align: center;
text-transform: uppercase;
font-weight: 1000;
font-size: 25px;
font-family: Arial, sans-serif;
}
</style>
<table>
<tr>
<td>Heaven</td>
</tr>
<tr>
<td>Radiation</td>
</tr>
<tr>
<td>Radio</td>
</tr>
<tr>
<td>Television</td>
</tr>
</table>
Related
Closed. This question is not reproducible or was caused by typos. It is not currently accepting answers.
This question was caused by a typo or a problem that can no longer be reproduced. While similar questions may be on-topic here, this one was resolved in a way less likely to help future readers.
Closed 5 years ago.
Improve this question
for class I was given an HTML file and CSS file to edit. The code contains 2 tables and I am supposed style the one shown below. To do this I made a class called "mytable"
<table class=“mytable”>
<caption>My important data</caption>
<tr><th>Column 1</th><th>Column 2</th></tr>
<tr><td>1,1</td><td>1,2 okay</td></tr>
<tr><td>2,1 real wide</td><td>2,2</td></tr>
<tr><td>test</td><td>works?</td></tr>
<tr><td>another test</td><td>still work?</td></tr>
</table>
This is how I declared the class in my css file. It does not work. What am I doing wrong?
.mytable tr { font-style: italic;}
.mytable td { background-color: green; text-align: center; width: 30% }
Working pen solution of your problem here
change your quotes to " " or ' ' as quotes you are using are not valid in html.
Will suggest to change your editor I thing you are using word. Use notepad or Visual Studio Code
<table class="mytable">
<caption>My important data</caption>
<tr><th>Column 1</th><th>Column 2</th></tr>
<tr><td>1,1</td><td>1,2 okay</td></tr>
<tr><td>2,1 real wide</td><td>2,2</td></tr>
<tr><td>test</td><td>works?</td></tr>
<tr><td>another test</td><td>still work?</td></tr>
</table>
.mytable tr { font-style: italic;}
.mytable td { background-color: green; text-align: center; width: 30% }
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 7 years ago.
Improve this question
I have the following CSS:
#Wrapper {
width: 600px;
background: #FFFFFF;
margin: 0 auto;
padding: 5px;
border-radius: 10px;
}
And the following HTML:
<div id="Wrapper">
...
</div>
But for some reason the wrapper's CSS styling does not extend the full length of the HTML.
I'm missing something obvious I'm sure but can't see the wood for the trees right now and pasting all the code would just make my post look a mess.
Any thoughts...?
Use tables for emails to be consistent across all clients.
Then you should read up on CSS use within emails.
margins, border-radius are not acceptable.
http://www.campaignmonitor.com/css/
Closed. This question is not reproducible or was caused by typos. It is not currently accepting answers.
This question was caused by a typo or a problem that can no longer be reproduced. While similar questions may be on-topic here, this one was resolved in a way less likely to help future readers.
Closed 7 years ago.
Improve this question
I've been trying for hours to find a way to remove a text decoration within a TD tag. I've used SPAN CLASS to apply underline and a smaller font size to one portion of my text within a tables TD tag. But when I try to remove it with textdecoration: none either via a CSS class or with SPAN STYLE, it does not work. I tried searching and find some questions about nested SPAN tags, but I am not nesting in this case. I am closing the first span tag before opening the new one.
Is there lack of support with using two SPAN tags inside of one element (in this case being the TD?) or is there some other way to achieve this?
JSFiddle: otzfsvy2
WARNING CONTAINS CONTENT NSFW
http://jsfiddle.net/otzfsvy2/
Any help to help me understand why I can't do it this way and what way would work would be much appreciated.
You are missing > here: <td height='40' width='10'
Working code should be:
.playlistArtist {
font-style:italic;
font-size: 10px;
text-decoration:underline;
font-family: Tahoma;
color: Black;
vertical-align: middle;
font-weight: bold;
}
.noDecoration {
text-decoration: none;
}
.playlist {
font-family: Tahoma;
font-size: 14px;
color: Black;
vertical-align: middle;
font-weight: bold;
}
<table class='playlist' width='455' id='queueList' border='1'>
<col width='40'/>
<col width='365'/>
<col width='40'/>
<tr id='plTrTag_0' bgcolor='FFFFFF'>
<td class='playlist' width='40' height='40'>
<img width='40' height='40' src='http://lh6.ggpht.com/2iOdoyv7t1GgYw5-dJz9Z0facGcvQmw7-I85xs8_qjyKqFe8AesES_fJfDD-_Hmm21lJQYcUoT4HyITVjt_W2P8'></img>
</td>
<td height='40' width='10'>
<span class='playlistArtist'>Kid Rock</span>
<br/><span style='text-decoration:none;'> Bawitdabaw</span>
</td>
<td class='playlist' align='right' width='70px' height='40px'>
<span id='plEntryDur0'>[Dur]</span>
</td>
</tr>
Closed. This question needs details or clarity. It is not currently accepting answers.
Want to improve this question? Add details and clarify the problem by editing this post.
Closed 8 years ago.
Improve this question
This is my code, but the content of the second <td> is located at the bottom of the <td>
Here's what I have so far:
CSS
.TableMarket {
font-family: Tahoma;
width: 800px;
height:800px;
background-color: #9ca4b5;
margin-left: auto;
margin-right: auto;
}
.TableMarket td {
width:400px;
height:200px;
}
HTML
<table class="TableMarket" border="1">
<tr>
<td style="background-color:#00ff90;">
<img src="images/a.PNG" />
</td>
<td style="background-color:#ff6a00;" >
<p>
name....
family.....
age....
</p>
</td>
</tr>
</table>
Here's a JSFiddle to accompany the post: http://jsfiddle.net/WHFMk/
So, you want the text to be at the top of the box?
If so, vertical-align works;
vertical-align: top;
If not, can you clarify on the question; it's a little confusing.
http://jsfiddle.net/A7BrT/
If your question is how to get the cell content at the top, try this:
.TableMarket td {
width:400px;
height:200px;
vertical-align: top
}
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
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.
Closed 8 years ago.
Improve this question
I'm trying to figure out how this plugin work with its view option, but I can't figure out how to remove the space between the to entries.
You can see my problem at www.biketrading.dk.
I hope someone can tell me what to do.
That spacing is defined by margin-bottom in your file : style.css?ver=3.9.1 . You will have to change both of these to the desired spacing.
On line 1319:
.entry-content table, .comment-content table {
font-size: 14px;
line-height: 1.2857142857;
margin-bottom: 24px; <-------- HERE
}
And on line 426:
table {
border-collapse: separate;
border-spacing: 0;
border-width: 1px 0 0 1px;
margin-bottom: 24px; <-------- HERE
width: 100%;
}