Formge tabeller med Rubrik, beskrivning och bild

Jag kanske missförstod dig på fråga 1. Men om du bara ville ha hjälp med att styla img elementet i css ska du skriva så här i head tagen elle ri din css fil:

<style type="text/css">
img.imgpuff
{
padding:3px;
border: 1px solid #E0E0E0;
display:block;

background-color:#FFF;
width:280px;
height:50px;
background-image: url('../img/common/ajax/loading1.gif');
background-repeat:no-repeat;
background-position: 50% 50%; 
}
</style>

Kanske missförstod fråga 2 oxå men om du bara vill ha olika paddings på olika <td> elemnts så kan du skriva så här till exempel!

<style type="text/css">
td.padded1
{ 
padding-top:1px; 
padding-right:1px; 
padding-bottom:1px; 
padding-left:1px; 
}

td.padded2
{ 
padding-top:100px; 
padding-right:100px; 
padding-bottom:100px; 
padding-left:100px; 
}

td.padded3
{ 
padding-top:10px; 
padding-right:10px; 
padding-bottom:10px; 
padding-left:10px; 
}
</style>

Sen skriver du bara:

<table cellspacing="10" class="paddedTable" border=1>
<TR>
<TD class="padded1"> <h4 class="h4Normal" margin-left="10">Produkt</h4></TD>
<TD class="padded1"> <h4 class="h4Normal" margin-left="10">Puff med produkt</h4></TD>
<TD class="padded1"><h4 class="h4Normal" margin-left="10">Något vi säljer</h4></TD>
</TR>
<TR>
<TD class="padded2"><p>Ta med familjen på en resa till blablabla och blablbla. Stockholms skärgård är full av blablabla och oavsett väder kan ni blabla och blablabla.</p></TD>
<TD class="padded2"><p>Beskrivning av produkten blablablablaa aaa aaa beskrivning av produkteeeen.</p></TD>
<TD class="padded2"><p>Beskrivning av produkten blablablablaa aaa aaa beskrivning av produkteeeen.</p></TD>
</TR>
<TR>
<TD class="padded3"> <img src="http://test.com/test/wp-content/uploads/2010/05/bild.jpg" alt="" title="" width="280" height="200" class="imgpuff" /> </TD>
<TD class="padded3"> <img src="http://test.com/test/wp-content/uploads/2010/05/bild.jpg" alt="" title="" width="280" height="200" class="imgpuff" /> </TD>
<TD class="padded3"><img src="http://test.com/test/wp-content/uploads/2010/05/bild.jpg" alt="" title="" width="280" height="200" class="imgpuff" /></TD>
</TR>
</TABLE>

Oooh du förstod mig alldeles utmärkt! TACK! @--',---

Det är på det viset att jag köpt ett theme där det finns en sorts hitlist som består av olika delar, jag vill ha den som ser ut som det du just hjälpte mig med.

Jag har css koden, vilka php/html-kod behöver jag skriva för att kunna infoga
detta på vilken wordpress-sida som helst?

#featuresContainer
{
width: 960px;
padding-left: 0px;
padding-right: 0px;
margin: 0px;

overflow: hidden;
background-color: #FFF;
margin-top: 20px;
margin-bottom: 20px;

}

#featuresContainer .wrapper
{
width: 319px;
height: 150px;
border-right: 1px solid #eeeeee;
margin-top: 10px;
float: left;
position: relative;
overflow: hidden;
}

#featuresContainer .title
{
font: normal 22px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #3399CC;
margin-left: 16px;
}

#featuresContainer .text
{
font: 11px Verdana;
color: #555;
line-height: 140%;
display: block;
margin-left: 16px;
margin-right: 20px;
margin-top: 5px;
margin-bottom: 8px;
}

#featuresContainer .image
{

padding:3px;
border: 1px solid #E0E0E0;
display:block;

background-color:#FFF;
width:280px;
height:50px;
background-image: url('../img/common/ajax/loading1.gif');
background-repeat:no-repeat;
background-position: 50% 50%;          

}

Ännu mer hjälp:

På startsidan vill jag kunna lägga rad efter rad med såna här "puffar"..
Just nu förstår jag inte varför det är ett sådant enormt gap mellan de olika
tabellerna.. Varför?!

Antingen om du/någon annan kan hjälpa mig med att köra en exakt kopia och
använda css-koden jag bifogade nyss, eller så vill jag ha svar på hur jag får ned storleken på brödtexten.. Kan jag maxa höjden på den cellen i tabellen? Så att man
max kan ha tre rader text?

Jag längtar efter svar :)

Tabort alla <p> och <br> tags som inte behövs:

<p class="beskrivning">Beskrivning av produkten blablablablaa aaa aaa beskrivning av produkteeeen.</p> 
</TD>
</TR>
<TR>
<td> <img src="http://test.com/test/wp-content/uploads/2010/05/bild.jpg" alt="" title="" width="280" height="200" class="imgpuff" /> </td> 
<td> <img src="http://test.com/test/wp-content/uploads/2010/05/bild.jpg" alt="" title="" width="280" height="200" class="imgpuff" /> </td> 
<td><img src="http://test.com/test/wp-content/uploads/2010/05/bild.jpg" alt="" title="" width="280" height="200" class="imgpuff" /></td> 
</TR> 
</TABLE>
<table class="puff" cellspacing="10" class="paddedTable" border=1> 
<TR>
<TD class="padded2">
<h4 class="h4Normal" margin-left="5">Sommarhelg i Skara</h4> 
<p class="puff">Ta med familjenKASJLAJ sdflkjsdlfj sdflksjdfsdf sdlfkjsdfj sdlfksjdf  sdlfksdf på en resa till</p> 
</TD>
<TD class="padded2"> 
<h4 class="h4Normal" margin-left="5">Sommarhelg i Skara</h4> 
<p class="beskrivning">Beskrivning av produkten blablablablaa aaa aaa beskrivning av produkteeeen.</p> 
</TD>
<TD class="padded2">
<h4 class="h4Normal" margin-left="5">Sommarhelg i Skara</h4> 
<p class="beskrivning">Beskrivning av produkten blablablablaa aaa aaa beskrivning av produkteeeen.</p> 
</TD> 
</TR>
<TR>
<td> <img src="http://test.com/test/wp-content/uploads/2010/05/bild.jpg" alt="" title="" width="280" height="200" class="imgpuff" /> </td> 
<td> <img src="http://test.com/test/wp-content/uploads/2010/05/bild.jpg" alt="" title="" width="280" height="200" class="imgpuff" /> </td> 
<td><img src="http://test.com/test/wp-content/uploads/2010/05/bild.jpg" alt="" title="" width="280" height="200" class="imgpuff" /></td> 
</TR> 
</TABLE>

LimeS skrev:

Kan jag maxa höjden på den cellen i tabellen? Så att man
max kan ha tre rader text?

Det är nog enklare att begränsa antalet tecken som får läggas till när du lägger till nya "puffar". Det går enkelt att fixa i php/javascript!

Hur då?

Så här kan javascriptet på adminsidan se ut: http://www.plus2net.com/javascript_tutorial/textarea-counter.php

Sen kan du kolla längden med hjälp av strlen. T.ex såhär:

if(strlen($_POST["input namn"]) < 50){
//posta inlägget
} else {
//posta inte inlägget
}

Okej, jag förstår.

Jag har fortfarande problem med ett fett mellanrum mellan mina tabeller,
varför blir det såhär?

Jag har redan svarat på frågan du har massor av <p>, <br> tags som inte behövs. Om du tar bort dem så försvinner mellanrummet!

Åh, jag ursäktar, infogade den kod du citerade i och med att du sa det första gången, trodde du hade modifierat den :)

Nu har jag uppdaterat men det blir inte bättre :/

Jag hade modifierat den och du har inte infogat den på din sida. Du har fortfarande samma <br> och <p> tags kvar!

Okej, nu har jag tagit bort allt jag hade där, och lagt in den kod du modifierat.
(varför bara halva första tabellen? nå, jag la in två tabeller efter varann)

Fortfarande fel. Jag förstår verkligen inte.. Det finns ju ingen <br/> kvar, och de
<p> som finns måste väl vara där..?

Du har fortfarande kvar massor av br och p tags.

<table class="puff" cellspacing="10" class="paddedTable" border=1> 
<TR> 
<TD class="padded2">
<h4 class="h4Normal" margin-left="5">Sommarhelg i Skara</h4> 
<p class="puff">Ta med familjenKASJLAJ sdflkjsdlfj sdflksjdfsdf sdlfkjsdfj sdlfksjdf  sdlfksdf på en resa till</p> 
</TD> 
<TD class="padded2"> 
<h4 class="h4Normal" margin-left="5">Sommarhelg i Skara</h4> 
<p class="beskrivning">Beskrivning av produkten blablablablaa aaa aaa beskrivning av produkteeeen.</p> 
</TD>
<TD class="padded2">
<h4 class="h4Normal" margin-left="5">Sommarhelg i Skara</h4> 
<p class="beskrivning">Beskrivning av produkten blablablablaa aaa aaa beskrivning av produkteeeen.</p> 
</TD>
</TR> 
<TR>
<td> <img src="http://test.com/test/wp-content/uploads/2010/05/bild.jpg" alt="" title="" width="280" height="200" class="imgpuff" /> </td> 
<td> <img src="http://test.com/test/wp-content/uploads/2010/05/bild.jpg" alt="" title="" width="280" height="200" class="imgpuff" /> </td> 
<td><img src="http://test.com/test/wp-content/uploads/2010/05/bild.jpg" alt="" title="" width="280" height="200" class="imgpuff" /></td> 
</TR> 
</TABLE>
<br>
<table class="puff" cellspacing="10" class="paddedTable" border=1> 
<TR> 
<TD class="padded2">
<h4 class="h4Normal" margin-left="5">Sommarhelg i Skara</h4> 
<p class="puff">Ta med familjenKASJLAJ sdflkjsdlfj sdflksjdfsdf sdlfkjsdfj sdlfksjdf  sdlfksdf på en resa till</p> 
</TD> 
<TD class="padded2"> 
<h4 class="h4Normal" margin-left="5">Sommarhelg i Skara</h4> 
<p class="beskrivning">Beskrivning av produkten blablablablaa aaa aaa beskrivning av produkteeeen.</p> 
</TD>
<TD class="padded2">
<h4 class="h4Normal" margin-left="5">Sommarhelg i Skara</h4> 
<p class="beskrivning">Beskrivning av produkten blablablablaa aaa aaa beskrivning av produkteeeen.</p> 
</TD>
</TR> 
<TR>
<td> <img src="http://test.com/test/wp-content/uploads/2010/05/bild.jpg" alt="" title="" width="280" height="200" class="imgpuff" /> </td> 
<td> <img src="http://test.com/test/wp-content/uploads/2010/05/bild.jpg" alt="" title="" width="280" height="200" class="imgpuff" /> </td> 
<td><img src="http://test.com/test/wp-content/uploads/2010/05/bild.jpg" alt="" title="" width="280" height="200" class="imgpuff" /></td> 
</TR> 
</TABLE>

Det där är inte den aktuella koden. Jag har inga som helst br-taggar kvar.
Vilka <p> är onödiga? <p class="beskrivning">? Ska allt sånt bort?

Jag fick just reda på från annan källa att jag har "<br>
<br>
<br>
<br>
<br>
<p></p><br>"
före varje tabell, men jag ser dem inte! Förlåt så jättemycket, jag måste ha verkat
supertrög!

Men jag ser dem inte! HTML-läget i wordpress, och jag ser dem ändå inte.
Åh, nu blev jag helt deppig!

Saken är härmed biff och löst! Konstigt men sant. Man lär sig något nytt varje dag. Tack för hjälpen, radera gärna denna underbart förvirrade tråd :D