Tabelle Transparent + Abegrundete Ecken!?

FavoriteFly

Haudegen

Dabei seit: 16.12.2010

Beiträge: 618

1

Mittwoch, 5. Januar 2011, 20:39

Siehe www.FavoriteFly.tk
Möchte die weißen Tabellen nur zum Teil durchscheinen lassen, und die Ecken sollen ein wenig abgerundet sein

PS: In HTML bitte

Danke schonmal im Voraus! :evil:

Filezillafreak

König

Dabei seit: 31.01.2010

Beiträge: 930

2

Mittwoch, 5. Januar 2011, 21:28

Du kannst schon CSS3 Eigenschaften zum Abrunden benutzen.

	HTML
1 2 3	border-radius: zahlpx; -moz-border-radius: zahlpx; /* Für Firefox ab 3.5 / -webkit-border-radius: zahlpx; / Für ein anderen Browser der mir jetzt nicht einfällt :rolleyes: */

Dabei ersetzt *zahl* eine Zahl eben in Pixel, wie weit der Abrundungsbereich ist.
Habe es zwar bisher nur auf div-Boxen angewant, was du auch lieber machen solltest, aber es sollte funktionieren.

UbuntuSource - Aktuelle News und Howto's rund um Ubuntu!

Skittles

Moderator

Dabei seit: 14.02.2004

Beiträge: 3 014

3

Mittwoch, 5. Januar 2011, 21:40

Zur Transparenz bietet sich opacity an, ebenfalls eine CSS Level 3 Eigenschaft.

-webkit kann übrigens weggelassen werden, da ebenfalls borde-radius interpretiert wird.

~!__/
..o.o

This is Einkaufswagen.
Copy Einkaufswagen into your signature to help him on his way to world domination.

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »Skittles« (5. Januar 2011, 21:40)

FavoriteFly

Haudegen

Dabei seit: 16.12.2010

Beiträge: 618

4

Donnerstag, 6. Januar 2011, 10:22

Könnte mir das vielleicht Jemand richtig machen? Danke

Lon3

Haudegen

Dabei seit: 24.10.2008

Beiträge: 612

5

Donnerstag, 6. Januar 2011, 10:24

Die Jungs haben dir die Vorlage gegeben, du musst den Ball nur noch versenken.

Filezillafreak

König

Dabei seit: 31.01.2010

Beiträge: 930

6

Donnerstag, 6. Januar 2011, 10:30

Oder du kannst es ja mit .gif-Grafiken versuchen. Ist zwar etwas mehr Arbeit mit den Positionieren und Zeichnen, sollte aber überall laufen.
Seit etwas längerer Zeit gibt es auch chon zahlreich vorgefertigte Möglichkeiten mit Javascript. Beispiel: Nifty Corners
Dies sollte auch beinahe überall laufen, wo Javascript aktiviert ist.

UbuntuSource - Aktuelle News und Howto's rund um Ubuntu!

FavoriteFly

Haudegen

Dabei seit: 16.12.2010

Beiträge: 618

7

Donnerstag, 6. Januar 2011, 10:33

Ich meinte, ob mir jemand den kompletten text geben könnte!
also mit <table> usw..
Die tabelle soll z.b. nur zu 50% erscheinen, hintergrund bild soll also auch zu sehen sein!

Filezillafreak

König

Dabei seit: 31.01.2010

Beiträge: 930

8

Donnerstag, 6. Januar 2011, 10:43

Mach es am besten mit div-Container. Die kannst du relativ und absolut Positionieren, unabhänig vom Dokumentenfluss.
Tabellen sind zur Darstellung von Informationen da (Bsp: Preisliste) und kein Aufbau für eine moderne Webseite.

Versuche es mal mit CSS:

	HTML
1	background-color: transparent;

UbuntuSource - Aktuelle News und Howto's rund um Ubuntu!

FavoriteFly

Haudegen

Dabei seit: 16.12.2010

Beiträge: 618

9

Donnerstag, 6. Januar 2011, 10:52

Zitat von »Filezillafreak«

background-color: transparent;

Ich will den Hintergrund ja nicht komplett durchscheinen lassen, sondern nur zu 50% !!

cccpmik

Foren Gott

Dabei seit: 04.09.2007

Beiträge: 2 999

10

Donnerstag, 6. Januar 2011, 11:17

erweiter doch dein table style= mit folgenden werten:

Spoiler
HTML
1
-webkit-border-radius: 9px;-moz-border-radius: 9px;border-radius: 9px;  filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;

und editiere dein post und mach Spoiler tag um dein html code

Mein kleines Projekt
-Cruel Online-

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »cccpmik« (6. Januar 2011, 11:38)

Filezillafreak

König

Dabei seit: 31.01.2010

Beiträge: 930

11

Donnerstag, 6. Januar 2011, 11:20

Du könntest auch einfach ein Designer beauftragen, anstatt sich unser geheule anzuhöhren.

Was zur Hölle soll das bringen?

	HTML
1	<br style="font-family: Verdana;" />

UbuntuSource - Aktuelle News und Howto's rund um Ubuntu!

cccpmik

Foren Gott

Dabei seit: 04.09.2007

Beiträge: 2 999

12

Donnerstag, 6. Januar 2011, 11:25

und wer nutzt big als html tag? und Iframes und Tabellen für layout und und und...

Mein kleines Projekt
-Cruel Online-

FavoriteFly

Haudegen

Dabei seit: 16.12.2010

Beiträge: 618

13

Donnerstag, 6. Januar 2011, 11:27

Jaja....

Ich habe schon fast 5 beauftragt, alle haben kontakt abgebrochen o.O.
das mit opacity: 0.5; hat Funktioniert, hintergrund scheint jetzt leicht durch, DANKE!
Jetzt brauche ich noch die abgerundeten ecken.

cccpmik

Foren Gott

Dabei seit: 04.09.2007

Beiträge: 2 999

14

Donnerstag, 6. Januar 2011, 11:33

1 editier endlich dein html code.. mach ein SPOILER /SPOILER (mit eckigen klammern) drumherum damit cih nicht nach rechts scrollen muss.
2 nciht NUR opacity nehmen, sondern auch alpha: -moz-opacity usw.. wegen IE,FF,Opera
3 ich habe auch da Border-radius reingeschrieben.. damit werden abgerundete ecken dargestellt, wenn es bei deiner tabelle nicht funktioniert, würde ich auf DIVs umsteigen
4 für 30€ würde ich dir diese Seite mit sauberem CSS(w3c valide), DIVs ohne Tabellen erstellen

inc Rechnung

Mein kleines Projekt
-Cruel Online-

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »cccpmik« (6. Januar 2011, 11:33)

FavoriteFly

Haudegen

Dabei seit: 16.12.2010

Beiträge: 618

15

Donnerstag, 6. Januar 2011, 11:36

Zitat von »cccpmik«

1 editier endlich dein html code.. mach ein SPOILER /SPOILER (mit eckigen klammern) drumherum damit cih nicht nach rechts scrollen muss.
2 nciht NUR opacity nehmen, sondern auch alpha: -moz-opacity usw.. wegen IE,FF,Opera
3 ich habe auch da Border-radius reingeschrieben.. damit werden abgerundete ecken dargestellt, wenn es bei deiner tabelle nicht funktioniert, würde ich auf DIVs umsteigen
4 für 30€ würde ich dir diese Seite mit sauberem CSS(w3c valide), DIVs ohne Tabellen erstellen inc Rechnung

30€? o.O.

cccpmik

Foren Gott

Dabei seit: 04.09.2007

Beiträge: 2 999

16

Donnerstag, 6. Januar 2011, 11:37

ja nur diese Startseite... Ich mein da stecken bestimmt paar stunden arbeit dahinter und 30€ ist gerecht

Mein kleines Projekt
-Cruel Online-

Filezillafreak

König

Dabei seit: 31.01.2010

Beiträge: 930

17

Donnerstag, 6. Januar 2011, 11:55

Man könnte für die Startseite auch 50€ oder sogar 80€ nehmen, je nach Aufwand.

UbuntuSource - Aktuelle News und Howto's rund um Ubuntu!

FavoriteFly

Haudegen

Dabei seit: 16.12.2010

Beiträge: 618

18

Donnerstag, 6. Januar 2011, 12:02

Man.

Es muss doch keine Profi Homepage sein! Halt einfach nur gut aussehen.

cccpmik

Foren Gott

Dabei seit: 04.09.2007

Beiträge: 2 999

19

Donnerstag, 6. Januar 2011, 12:19

dann musst du dich damit außeinander setzen und unsere tipps befolgen, wenn du kein geld ausgeben willst..
ich mein , das ist doch nicht schwer einfach zu sagen

index.html

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <link rel="shortcut icon" href="icon.ico"  type="image/x-icon" />
        <link rel="stylesheet" type="text/css" href="style.css" />
 
        <title>blabla</title>
    </head>

    <body>
   <div class="zentrierterContent"></div>
   
    </body>
</html>

style.css

Cascading Style Sheet

body{
background:url(deinhintergrund.jpg);
}
.zentrierterContent{
background:#545454;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
 filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
margin:auto;
width:90%;
height:auto;
}

und fertig.. und halt ganze zeit divs reinpacken und den divs sagen wie die auszusehen haben..

Mein kleines Projekt
-Cruel Online-

Filezillafreak

König

Dabei seit: 31.01.2010

Beiträge: 930

20

Donnerstag, 6. Januar 2011, 12:20

Dann kostet es wie schon gesagt 30€ für die Startseite.
Oder eine Vorlageseite, die kannst du dann immer wieder bearbeiten für deine Downlaods, etc.
Wenn er ein Copyright ooder ein Backlink einpacken darf wird es vielleicht günstiger.

UbuntuSource - Aktuelle News und Howto's rund um Ubuntu!