Re: [OT] HTML Tabelle -> CSS

[Michelle Konzack <linux4michelle@tamay-dogan.net>]

Am 2008-10-08 12:22:59, schrieb Bjoern Meier:
> hi,
> 
> Am 2. Oktober 2008 21:50 schrieb Michelle Konzack
> <linux4michelle@tamay-dogan.net>:
> > Es gibt hier nur ein  Problem:  Wenn  ich  in  "createBoxContainer"  die
> > breite verändere muß ich alles ändern...  Ebenso  kann  ich  NICHT  100%
> > angeben.
> 
> Du kannst nur dann Prozent angaben machen, wenn zumindest die Wurzel
> in der CSS (das wäre dann Body) mit einem fixen Wert belegt sind. Wenn
> Du das nicht willst, dann bau wenigstens einen Content-Container. Ich
> mein, das entbehrt ja nicht einer gewissen Logik: 100% von was ..
> Erdbeeren? Also, wenn du ein Parent-Object mit fixen Werten angeben
> hast, kannst du natürlich mit Prozentabgaben arbeiten.

Das Gerüst für die angezeigten Boxen ist:

----[ STDIN ]-----------------------------------------------------------
    <div class="createBoxFRAME">
      <div class="createBoxHEAD">
        <div class="createBoxHEADleft"></div>
        <div class="createBoxHEADcenter">External Links</div>
        <div class="createBoxHEADright"></div>
      </div>
      <div class="createBoxBODYborder">
      <div class="createBoxContent">
<a href="http://www.vallendor.com/";>My Hoster<br />Vallendor EDV-Service</a>
      </div>
      </div>
    </div>
------------------------------------------------------------------------

Und die (gekürzte) CSS

----[ STDIN ]-----------------------------------------------------------
.createBoxFRAME {
	width:			120px;
	border:			0px;
}
.createBoxHEAD {
	height:			16px;
	border:			0px;
}
.createBoxHEADleft {
	width:			16px;
	height:			16px;
	border:			0px;
	background-image:	url(/?what=image&where=g&section=corners&name=16x16.corner.round.left.png);
	background-repeat:	no-repeat;
	background-position:	0px 0px;
	float:			left;
}
.createBoxHEADcenter {
	width:			88px;
	height:			16px;
	border:			0px;
	background-color:	darkblue;
	color:			white;
	font-size:		11px;
	font-weight:		bold;
	font-style:		italic;
	text-align:		left;
	text-valign:		middle;
	padding:		0px;
	float:			left;
}
.createBoxHEADright {
	display:		table-cell;
	width:			16px;
	height:			16px;
	border:			0px;
	background-image:	url(/?what=image&where=g&section=corners&name=16x16.corner.round.right.png);
	background-repeat:	no-repeat;
	background-position:	0px 0px;
}
.createBoxBODY {
	border:			1px;
	border-style:		solid;
	border-color:		darkblue;
	background-color:	lightgrey;
}
.createBoxContent {
	border:			0px;
	font-size:		11px;
	font-weight:		bold;
	font-style:		italic;
	text-align:		left;
	padding:		0px;
}
------------------------------------------------------------------------

Was ich nun loswerden will ist  das  "width: 88px;"  in  der  Definition
".createBoxHEADcenter".  Der rest funktioniert perfect...

Dazu sei gesagt, das  ich  bereits  auf  der  Debian-Webseite  CSS  code
geklaut habe sonst hätte ich das ganze nicht in 2x zwei Wochen geschaft.

So, die Webseite selber ist

  +-------------------------------------+
  | +---+-------------------------+---+ |
  | |IMG|          TITEL          |IMG| |
  | +---+-------------------------+---+ |
  +-------------------------------------+
  | +--------------------------+------+ |
  | |          BODYmitte       | BODY | | <- Kann auch "Bl Bm" oder "Bm"
  | |                          |rechts| |    oder "Bl Bm Br" sein wobei
  | +--------------------------+------+ |    links und rechts eine feste
  +-------------------------------------+    Breite ist und die "mitte"
  | +---------------------------------+ |    sich dynamisch anpaßt.
  | |            COPYRIGHT            | |
  | +---------------------------------+ |
  +-------------------------------------+

Das würde dann einer SEITEN Tabelle (mit drei Zellen übereinander)  und
drei CONTENT Tabellen entsprechen.

Anm:  Ich habe  hier  "display: table"  und  respectiv  table-(row|cell)
      verwendet.

Der Link zur CSS ist hier:  (wenn ich die Seite abgeladen habe)

    <http://www.tamay-dogan.net/?what=css&where=s&name=standard>

> Sehr gute Seite zum Thema css: http://www.css4you.de

Kannte ich garnicht...

Mal sehn, vieleicht schaffe ich es, die neue Webseite in  den  kommenden
Tagen abzuladen...

Thanks, Greetings and nice Day/Evening
    Michelle Konzack
    Systemadministrator
    24V Electronic Engineer
    Tamay Dogan Network
    Debian GNU/Linux Consultant


-- 
Linux-User #280138 with the Linux Counter, http://counter.li.org/
##################### Debian GNU/Linux Consultant #####################
Michelle Konzack   Apt. 917                  ICQ #328449886
+49/177/9351947    50, rue de Soultz         MSN LinuxMichi
+33/6/61925193     67100 Strasbourg/France   IRC #Debian (irc.icq.com)

Attachment: signature.pgp
Description: Digital signature