Is dit mogelijk in html en commentaar?

[kmf]

Ik wil het volgende design gebruiken als basis voor mijn forum, en daarbij rijzen natuurlijk een aantal vragen. Ten eerste, wat vinden jullie ervan?




Ten tweede, is de wijze waarop de contentbox is opgebouwd wel mogelijk in html.
Het lukt me wel om de lagen met achtergrond te plaatsen als ik deze in divjes binnen divjes plaatst, maar zodra de tabel die nodig is voor de description/text/iconen, dan wordt de achtergronddivjes niet meer getoond.
Die descriptions/iconen ook in divjes doen is nogal ondoenlijk, tenminste, dat is mij niet gelukt.
Is er een manier om de achtergrond van de cellen in die tabel transparant te maken? De background:transparant-waarde werkt niet.

[Pelle]

Doe eens wat code plaatsen... want in principe is alles mogelijk natuurlijk

[Woudloper]

Wat Pelle zegt en je kan voor de mogelijkheden van HTML/CSS ook een kijken naar de verschillende inzendingen bij de css Zen Garden: The Beaty in CSS Design. Daar zie je namelijk diverse oplossingen met behulp van CSS op één en dezelfde HTML basis...

[kmf]

De css

Cascading Stylesheet:

.content_img{
    background: url("style_images/<#IMG_DIR#>/cb_bg.png") no-repeat top left;
}

td.td_upperleft{
    background-image: url("style_images/<#IMG_DIR#>/Uleft.png");
    width:117px;
    height:58px;
}
td.td_uppermiddle{
    background-image:url("style_images/<#IMG_DIR#>/Umiddle.png");
    color: #FFF; 
    height:58px;
    width:100%;
    vertical-align:middle;
    text-align: center;
    font-size: 12px;
    font-weight: bold; 
    margin: 0;
}

td.td_upperright{
    background-image: url("style_images/<#IMG_DIR#>/Uright.png");
    width:107px;
    height:58px;
}

td.td_left{
    background-image:url("style_images/<#IMG_DIR#>/Left.png");
    width:29px;
}

td.td_right{
    background-image: url("style_images/<#IMG_DIR#>/Right.png");
    width:19px;
}

.td_bottemleft{
    background-image:url("style_images/<#IMG_DIR#>/Lleft.png");
    width:41px;
    height:38px;
}

td.td_bottommiddle{
    background-image:url("style_images/<#IMG_DIR#>/Lmiddle.png");
    color: #FFF; 
    height:38px;
    width: 100%;
    font-size: 12px;
    font-weight: bold; 
    margin: 0;
}

td.td_bottomright{
    background-image:url("style_images/<#IMG_DIR#>/Lright.png");
    width:27px;
    height:38px;
}

.td_collapsedleft{
    background-image:url("style_images/<#IMG_DIR#>/collapsed_leftt.gif");
    width:92px;
    height:60px;
}

td.td_collapsedmiddle{
    background-image:url("style_images/<#IMG_DIR#>/collapsed_mid.gif");
    color: #FFF; 
    height:60px;
    width: 100%;
    font-size: 12px;
    font-weight: bold; 
    margin: 0;
}

td.td_collapsedright{
    background-image:url("style_images/<#IMG_DIR#>/collapsed_right.gif");
    width:127px;
    height:60px;
}
.forum_cb_descript{
    background:transparant;
    float:left;
}

.forum_stuff
{

    border-bottom: 1px solid #99FF66;
    border-bottom-color:#99FF66;
}

.forum_icon
{
    background:transparant;
}

stukje htmlcode voor de contentbox in kwestie

code:

<TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0>
    <tr>
        <td>    
            <TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0>
                <TR>                        
                      <td class="td_upperleft"> [img]"style_images/orange/spacer.gif"[/img] </td>
                       <td  class="td_uppermiddle">
                      <a href="http://testsite/af/forum//index.php?showforum=134">Headline News</a></td>      
                     <td class="td_upperright">[img]"style_images/orange/spacer.gif"[/img] <a href="javascript:togglecategory(134, 1);"> </a></td>
              </TR>                 
            </table>
        </td>
    </tr>
    <tr>
        <td>    
            <TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0>
                <TR>
                    <TD class="td_left">[img]"style_images/orange/spacer.gif"[/img]  </TD>
                    <TD>        
                        
        
        
    <table cellspacing="0" border ="1px"bordercolor="#FFFFFF">
        <tr> 
            <th colspan="2" width="66%">Forum</th>
            <th align="center" width="6%">Topics</th>
            <th align="center" width="6%">Replies</th>
            <th width="37%">Last Post Info</th>
        </tr>
        
        
        
        
        <tr>            
    <td width="80%">
        <b><a href="http://testsite/af/forum//index.php?showforum=68">Asian Entertainment News</a></b>
        <br /><span class="forumdesc">Mostly TVB news, but other asian entertainment news as well<br />
        Topics: 5924 Replies:27817</span>
    </td>
    <td width="20%">
        [img]"http://testsite/af/forum/html/forumicons/news1_off.gif"><br>

        <a[/img]Myolie &amp; Bosco, last mi...</a>
    </td>
</tr>
<tr> 
            <td class="catend" colspan="5"><!-- no content --></td>
        </tr>

    
    <tr>
        <td>    

            <TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0>
                <TR>
                    <TD class="td_bottemleft">[img]"style_images/orange/spacer.gif"[/img]</TD>
                    <TD class="td_bottommiddle">  </TD>
                    <TD class="td_bottomright">[img]"style_images/orange/spacer.gif"[/img]</TD>
                </TR>

            </table>
        </td>
    </tr>
</TABLE>
</div>

[Yellow|A]

Ik heb genoeg weird spul op het WWW gezien om te zeggen dat je bijna alles wel kunt doen, of goed genoeg kan faken wat eigenlijk net zo goed is. Of jij het op dit moment kan is natuurlijk een heel andere vraag, maar daarvoor heb je fantastische CCS/HTML tutorials / boeken voor.

Divjes veel laten floaten en eventjes zoeken naar wat voorbeelden van standaard CCS layouts. Simpel gezien is jou ontwerp give or take hetzelfde als dit:
http://glish.com/css/3.asp

Het design beoordelen moet je doen bij sitechecksm, maar als snel antwoord omdat Pelle er niks van zegt:
Meh. Niks speciaals. Het ene oog in en het andere oog uit, maar ook niet lelijk

[RM-rf]

athlonkmf schreef op vrijdag 18 februari 2005 @ 13:43:
Ten eerste, wat vinden jullie ervan?

[afbeelding]

Mijn eerlijke mening, gigantische kitsch, erg conservatief en weinig 'swung', geen contrasten binnen het design, niet echt werken met witruimte ..

Mogelijk komt dat door de storende werking van westerse letters, en een japanse designer, die zijn beeld teveel laat bepalen door het japanse schrift , welke geheel andere regels voor spatiering volgt

Groen is sowieso een door mijzelf gehate kleur, het hangt een beetje tusen warm en koud, als kleurwarmte; en het resultaat is dan al snel lauw.

Ten tweede, is de wijze waarop de contentbox is opgebouwd wel mogelijk in html.
Het lukt me wel om de lagen met achtergrond te plaatsen als ik deze in divjes binnen divjes plaatst, maar zodra de tabel die nodig is voor de description/text/iconen, dan wordt de achtergronddivjes niet meer getoond.
Die descriptions/iconen ook in divjes doen is nogal ondoenlijk, tenminste, dat is mij niet gelukt.
Is er een manier om de achtergrond van de cellen in die tabel transparant te maken? De background:transparant-waarde werkt niet.

Een tabel achtergrond is bij default transparant, ergens staat er dus een (css?-)code die de tabellen een kleur geeft..

overigens ik zou je toch aanraden om ofwel een UL , of mogelijk nog beter een DL te gebruiken voor de HTML van die lijst, het is immers een lijst, en minder een tabel.

[Michali]

te veel en te harde schaduw. Staat scheef boven het kader wat er erg rommelig uit ziet. Beetje saai zonder titel/logo oid. Het ziet er te fireworks achtig uit imo. Verder wel leuk als je deze kritiek mee neemt en het af maakt.