View previous topic :: View next topic |
Author |
Message |
identity
Joined: 08 Mar 2004 Posts: 16 Location: Zagreb
|
Posted: 25.12.2004 10:15 Post subject: Pomoc: forum bez tablica u css-u |
|
|
Jel moguce napraviti forum bez tablica cisto u css-u. Na netu nisam nasao nigdje primjer, a svi eksperimenti su mi propali.
Ono sto bi htio jest:
- da su sva polja (cell) jednako visoka (najveći problem)
- tekst da je vertikalno pozicioniran na sredinu
- 5 polja u redu, 20-ak redova
- razmak izmedju polja 1px
Pokusao sam to dobiti na nekoliko načina i nije išlo. Ako dobijem da radi u FireFoxu ne radi u MSIE i obrnuto. Poludit cu polako. thnx
p.s.
evo jednog od zadnjih eksperimenata. radi samo u FireFoxu
Code: |
#container { display: table; }
.row { display: table-row;}
.ikona, .forum, .tema, .lastpost {display: table-cell;}
.ikona {width: 30px; text-align: center; vertical-align: middle;}
.forum {width: 470px; text-align: left; vertical-align: middle;}
.tema {width: 50px; text-align: center; vertical-align: middle;}
.lastpost {width: 190px; text-align: right; vertical-align: middle;}
-----------------------------------------------
| | | | |
-----------------------------------------------
|
|
|
|
Back to top |
|
|
maratz mi3.crew
Joined: 24 Nov 2003 Posts: 1207 Location: ZAG
|
|
Back to top |
|
|
identity
Joined: 08 Mar 2004 Posts: 16 Location: Zagreb
|
Posted: 25.12.2004 18:01 Post subject: |
|
|
i am really going to start hating IE ... a taman sam se ponadao da cu uspjet citav site bez tablica napravit .. smrc |
|
|
Back to top |
|
|
Sulien
Joined: 04 Jan 2004 Posts: 2905 Location: Zagreb
|
Posted: 25.12.2004 19:59 Post subject: |
|
|
marac wrote: | Uostalom, postovi i jesu neka vrsta tabličnog prikaza. |
E vidiš, to se sam sa sobom ne mogu dogovoriti -- da li su forum postovi tabular ili list data? Meni se više čini ovo drugo, a opet, ponekad mi se čini ovo prvo
Ja mislim da je, kako sad stvari stoje s browserima, rađenje foruma kompletno u css-u potpuno nezahvalno... ali ja ću unatoč tome ipak napraviti tableless forum pošto programiram jedan svoj , i taj neće biti tako kompliciran i bolesno funkcionalan kao phpBB ili drugi (što znači da će ga biti lakše layoutati) |
|
|
Back to top |
|
|
red
Joined: 03 May 2004 Posts: 919 Location: Zabok
|
Posted: 25.12.2004 20:09 Post subject: |
|
|
Sulien wrote: | ... ali ja ću unatoč tome ipak napraviti tableless forum pošto programiram jedan svoj , i taj neće biti tako kompliciran i bolesno funkcionalan kao phpBB ili drugi (što znači da će ga biti lakše layoutati) |
...i onda ćeš opet biti darežljiv i pokloniti ga mitrijevcima |
_________________ Get busy living, or get busy dying. |
|
Back to top |
|
|
identity
Joined: 08 Mar 2004 Posts: 16 Location: Zagreb
|
Posted: 25.12.2004 20:14 Post subject: |
|
|
Sulien wrote: | ali ja ću unatoč tome ipak napraviti tableless forum pošto programiram jedan svoj , i taj neće biti tako kompliciran i bolesno funkcionalan kao phpBB ili drugi (što znači da će ga biti lakše layoutati) |
e ak uspijes to napraviti .. svaka ti cast .. ja sam dva dana proveo radeci to i nisam uspio ... |
|
|
Back to top |
|
|
Sulien
Joined: 04 Jan 2004 Posts: 2905 Location: Zagreb
|
Posted: 25.12.2004 21:47 Post subject: |
|
|
red wrote: | ...i onda ćeš opet biti darežljiv i pokloniti ga mitrijevcima |
koji već imaju postavljen fully functional phpBB ?? no
mislio sam ga poklonit BESTovcima... ali oni neće da ja gubim vrijeme na to, "pa ima ih besplatnih za skinut"... da, ali nema većeg gušta napravit nešto sam |
|
|
Back to top |
|
|
aesqe
Joined: 18 Sep 2003 Posts: 48 Location: zagreb
|
Posted: 11.01.2005 02:15 Post subject: |
|
|
Code: | <!DOCTYPE html PUBLIC "-//W3C/DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<style type="text/css">
div
{
border: 1px solid black;
}
.topic
{
position:absolute;
z-index:1;
left: 12px;
top: 27px;
border-color: red;
padding: 5px;
background: grey;
}
.topicreply
{
clear:both;
background: #EEEEEE;
}
.forumtitle
{
background: #DDDDDD;
}
.categorytitle
{
background: #EEEEEE;
}
.topictitle
{
background: #DDEEEE;
}
/*******************/
.postcontainer
{
background: #FFEEEE;
clear:both;
border-color: #FFDD66;
}
.userdata
{
width: 100px;
float:left;
text-align:center;
background: #FFEEEE;
}
.textcontainer
{
margin-left: 100px;
text-align:left;
background: #FF0000;
border-color: blue;
}
.date
{
background: #EFEFEF;
}
.posttext
{
background: #FF0000;
}
.postfooter
{
clear:both;
background: #DDFFFF;
}
.postfooterleft
{
float:left;
background: #FFEEEE;
width: 100px;
margin-left: -100px; /* ie5win fudge begins */
voice-family: "\"}\"";
voice-family:inherit;
margin-left: -50px;
}
html>body .postfooterleft
{
margin-left: -100px;/* ie5win fudge ends */
}
</style>
</head>
<body>
<div class="topic">
<div class="topicreply"><a href="#">Reply to this topic</a></div>
<div class="forumtitle">Forum: <strong><a href="#">Test forum</a></strong></div>
<div class="categorytitle">Category: <a href="#"><strong>Test category</strong></a></div>
<div class="topictitle">Topic: <strong><a href="#">Test topic</a></strong></div>
<div style="clear:both;"> </div>
<div class="postcontainer">
<div class="userdata">
<img src="test.png" alt="avatar image" width="50" height="50" border="0" />
<br />
<br />
User
<br />
<span class="forumadmin">Admin</span><br />
<span class="forumgroupmember">Group</span><br />
Member since: 06.24.2004.<br />
Posts: 6
</div>
<div class="textcontainer">
<div class="date">
Posted on: 24.06.2004. @ 22:25:15
</div>
<div class="posttext">
<div>
test
</div>
</div>
<div class="postfooter">
<div class="postfooterleft">
</div>
[<a href="#">www</a>] [<a href="#">icq</a>] [<a href="#">aim</a>] [<a href="#">msn</a>]
</div>
</div>
</div>
<div style="clear:both;"> </div>
<div class="postcontainer">
<div class="userdata">
<img src="test.png" alt="avatar image" width="50" height="50" border="0" />
<br />
<br />
User
<br />
<span class="forumadmin">Admin</span><br />
<span class="forumgroupmember">Group</span><br />
Member since: 06.24.2004.<br />
Posts: 6
</div>
<div class="textcontainer">
<div class="date">
Posted on: 24.06.2004. @ 22:25:15
</div>
<div class="posttext">
<div>
<p>test</p>
<br />
<br />
<br />
<br />
<br />
<p> </p>
<br />
<br />
<br />
<br />
<br />
<br />
<p>test</p>
</div>
</div>
<div class="postfooter">
<div class="postfooterleft">
</div>
[<a href="#">www</a>] [<a href="#">icq</a>] [<a href="#">aim</a>] [<a href="#">msn</a>]
</div>
</div>
</div>
<div style="clear:both;"> </div>
<div class="topicreply"><a href="#">Reply to this topic</a></div>
</div>
</body>
</html> |
ovako to izgleda kod mene. nije 100% kako bi svi vjerovatno htjeli da izgleda/funkcionira, nije bez malo 'varanja', ali ja sam skoro pa zadovoljan
no svejedno se uzdam u suliena, mora se to moc sa css-om izvuc do kraja kako treba. |
_________________ -_-_-_-__oops, missed one-_-_--again_-
::skyphe:: : ::breed:: |
|
Back to top |
|
|
sime Guest
|
|
Back to top |
|
|
sime Guest
|
Posted: 01.02.2005 23:06 Post subject: |
|
|
Ups, mislia sam da je zadnji PunBB tableless, izgleda da nije. Svejedno je najbolji (meni). |
|
|
Back to top |
|
|
i72852
Joined: 25 Feb 2004 Posts: 81
|
Posted: 02.02.2005 16:41 Post subject: |
|
|
hm... može mi netko malo objasnit zasto se izbjegavaju tablice??
zasto se ide prema tome da se ne koriste?? |
|
|
Back to top |
|
|
red
Joined: 03 May 2004 Posts: 919 Location: Zabok
|
Posted: 02.02.2005 17:50 Post subject: |
|
|
72852 wrote: | hm... može mi netko malo objasnit zasto se izbjegavaju tablice??
zasto se ide prema tome da se ne koriste?? |
Blah, bilo bezbroj puta na forumu, srčaj.
+
http://www.alistapart.com/articles/journey/ |
_________________ Get busy living, or get busy dying. |
|
Back to top |
|
|
sime Guest
|
|
Back to top |
|
|
|