Photoshop-Cafe.de :: Dein Photoshop-Forum

Zurück   Photoshop-Cafe.de :: Dein Photoshop-Forum > Fragen zu Adobe Photoshop (Elements), zur Creative Suite und anderen Kreativprogrammen > Hilfestellung, Tipps und Tricks

Hinweise
Aktuelles aus dem PSC
„Kreativ Hallo Du!

Das Thema für den P-S-C 02/2024 ist ⇒ verkehrte Welt. Bis einschließlich 30.04.2024 kannst du ein Bild einreichen.
Hier gehts zum Foto-Monatsthema für März 2024 : ⇒ Kultur.
... und hier findest du die C-C-C für März 2024: ⇒ Glas.
Unterstützung für das PSC

Antwort
 
Themen-Optionen Ansicht
  #1  
Alt 09.02.06, 21:14
Benutzerbild von vektorpixel
vektorpixel vektorpixel ist offline
schmeißt mit Beiträgen
 
Registriert seit: 07/2005
Beiträge: 148
vektorpixel geht den richtigen Weg
Tabellen

Halloooo

Folgendes: Ich bastle mir gerade das Grundgerüst für eine "dynamische" Website. Eine Homepage, die sich der Länge des Textes anpasst. Dafür erstelle ich nun das Tabellengerüst und bin auf eine Frage gestossen.

http://img148.imageshack.us/img148/5673/unbenannt16hm.jpg

Jeweils am Ende einer "Box" wünsche ich einen Abstand. Diesen kann ich allerdings nicht über "cellspacing" definieren, da sonst bei den blauen markierungen auch ein abstand hinkommt. Gibt es eine Variante über CSS vielleicht?

der Code:

PHP-Code:
<table border="1" width="100%" cellpadding="0" cellspacing="0">
<
tr>
<
td height="27" width="100%" background="Bilder/slice.jpg">

</
td>
</
tr>
<
tr >
<
td height="250px" bgcolor="#949494" >
Hier links
</td>
</
tr>
<
tr>
<
td height="27px" width="100%" background="Bilder/slice.jpg">

</
td>
</
tr>
<
tr>
<
td height="70px" bgcolor="#949494">
Besucher stat
</td>
</
tr>
<
tr>
<
td height="27px" width="100%" background="Bilder/slice.jpg">

</
td>
</
tr>
<
tr>
<
td height="120px" bgcolor="#949494">
login felder
</td>
</
tr>
</
table
Danke für eure Tipps oder andere Lösungsvarianten
__________________
Übung macht noch lange kein Meister!
Mit Zitat antworten
  #2  
Alt 09.02.06, 23:27
Benutzerbild von Ylloh
Ylloh Ylloh ist offline
nur eine Yllusion
 
Registriert seit: 02/2006
Ort: Berlin
Beiträge: 9.962
OS: Win 11
Kreativ-Software: PSE 14, Affinity
Ylloh wohnt hier im ForumYlloh wohnt hier im ForumYlloh wohnt hier im ForumYlloh wohnt hier im ForumYlloh wohnt hier im ForumYlloh wohnt hier im ForumYlloh wohnt hier im ForumYlloh wohnt hier im ForumYlloh wohnt hier im ForumYlloh wohnt hier im ForumYlloh wohnt hier im Forum
Also du könntest natürlich ne fest definierte Tabelle mit einer Höhe (etwa 2px) da rein machen, ist aber eventuell nicht ganz so geschickt...

Der Abvstand zwischen den beiden Tabellen rechts und links kommt imho durch das Anzeigen der Tabellenränder, soll das später auch so se? wenn nicht einfach mal border="0" einsetzen. (eventuell in CSS nur der linke Rand weg...)
Mit Zitat antworten
  #3  
Alt 09.02.06, 23:40
Benutzerbild von vektorpixel
vektorpixel vektorpixel ist offline
schmeißt mit Beiträgen
 
Registriert seit: 07/2005
Beiträge: 148
vektorpixel geht den richtigen Weg
Ich habe extra border="1" gesetzt damit man die Tabellen sehen kann. Ich möchte nicht zwischen der Tabelle rechts und der Tabelle links einen Abstand (was mit cellpadding einfach zu realsieren wäre), sondern zwischen den Tabellen oben und unten (linke Seite).

also z.B nach der Tabelle "besucher stat" möchte ich einen Abstand zum nächsten Balken....
__________________
Übung macht noch lange kein Meister!
Mit Zitat antworten
  #4  
Alt 10.02.06, 00:10
Benutzerbild von phoenix
phoenix phoenix ist offline
mother-brain
 
Registriert seit: 06/2005
Ort: Basel
Beiträge: 9.684
OS: Windows 8 x64
Kreativ-Software: CS6 x64
phoenix ist ein Photoshop-Spezialist und hilft wo es gehtphoenix ist ein Photoshop-Spezialist und hilft wo es gehtphoenix ist ein Photoshop-Spezialist und hilft wo es gehtphoenix ist ein Photoshop-Spezialist und hilft wo es gehtphoenix ist ein Photoshop-Spezialist und hilft wo es gehtphoenix ist ein Photoshop-Spezialist und hilft wo es gehtphoenix ist ein Photoshop-Spezialist und hilft wo es gehtphoenix ist ein Photoshop-Spezialist und hilft wo es gehtphoenix ist ein Photoshop-Spezialist und hilft wo es gehtphoenix ist ein Photoshop-Spezialist und hilft wo es gehtphoenix ist ein Photoshop-Spezialist und hilft wo es geht
einen abstand zwischen zwei tabellen?

mach ne zusätzliche tabelle rein mit border=0 und setzt nen spacer.gif rein
__________________
http://photoshop-cafe.de/sig/themen_bewerten.gifhttp://photoshop-cafe.de/sig/bilder_und_schriften.gifhttp://photoshop-cafe.de/sig/tutorials.gifhttp://photoshop-cafe.de/sig/signaturleitfaden.gifhttp://photoshop-cafe.de/sig/forenleitfaden.gifhttp://www.photoshop-cafe.de/sig/stock-galerie.gif

design oder nicht sein

"So, we’ve got a full pot of coffee, half a pack of cigarettes, it’s dark out, and we’re coding. Hit it." - Synthesoft
Mit Zitat antworten
  #5  
Alt 10.02.06, 10:14
Benutzerbild von Ylloh
Ylloh Ylloh ist offline
nur eine Yllusion
 
Registriert seit: 02/2006
Ort: Berlin
Beiträge: 9.962
OS: Win 11
Kreativ-Software: PSE 14, Affinity
Ylloh wohnt hier im ForumYlloh wohnt hier im ForumYlloh wohnt hier im ForumYlloh wohnt hier im ForumYlloh wohnt hier im ForumYlloh wohnt hier im ForumYlloh wohnt hier im ForumYlloh wohnt hier im ForumYlloh wohnt hier im ForumYlloh wohnt hier im ForumYlloh wohnt hier im Forum
Zitat:
Zitat von vektorpixel
Ich habe extra border="1" gesetzt damit man die Tabellen sehen kann. Ich möchte nicht zwischen der Tabelle rechts und der Tabelle links einen Abstand (was mit cellpadding einfach zu realsieren wäre), sondern zwischen den Tabellen oben und unten (linke Seite).

also z.B nach der Tabelle "besucher stat" möchte ich einen Abstand zum nächsten Balken....
ja läßt sich dann wohl nur mit einem extra-tr erledigen
Mit Zitat antworten
  #6  
Alt 10.02.06, 10:28
Benutzerbild von fire-slik
fire-slik fire-slik ist offline
hat sich eingelebt
 
Registriert seit: 02/2006
Beiträge: 78
fire-slik geht den richtigen Weg
Probier es mal damit:
Fügst einfach am Ende jeder "Box" noch zusätzlich mit ein

<tr>
<td width="100%" height="dein Gewünschten Abstand" style="background-image:url(/Bilder/space.gif); background-repeat:repeat">
</td>
</tr>

als spacer.gif machst du dir ein 1x1 pixel gif in deiner gewünschten farbe oder transparent. Sollen die Boxen ganz allein stehen, dann machste das selbe nur mit Tabellen statt Zeilen.

<klugscheiss>
Die bezeichnung PHP-Code ist in diesem Fall etwas deplatziert
</klugscheiss>

grüsse fire
__________________
Der Kopf ist rund, damit das Denken die Richtung aendern kann!

Geändert von fire-slik (10.02.06 um 10:31 Uhr).
Mit Zitat antworten
  #7  
Alt 10.02.06, 12:36
Benutzerbild von vektorpixel
vektorpixel vektorpixel ist offline
schmeißt mit Beiträgen
 
Registriert seit: 07/2005
Beiträge: 148
vektorpixel geht den richtigen Weg
Naja, dann halt mit Spacer. Hab gedacht es gibt noch ne einfachere Variante als den ganzen Code mit unübersichtlichen <tr> und <td> zu übersähn.

Danke für die Hilfe.

Grüssse
__________________
Übung macht noch lange kein Meister!
Mit Zitat antworten
  #8  
Alt 10.02.06, 13:17
Benutzerbild von Ylloh
Ylloh Ylloh ist offline
nur eine Yllusion
 
Registriert seit: 02/2006
Ort: Berlin
Beiträge: 9.962
OS: Win 11
Kreativ-Software: PSE 14, Affinity
Ylloh wohnt hier im ForumYlloh wohnt hier im ForumYlloh wohnt hier im ForumYlloh wohnt hier im ForumYlloh wohnt hier im ForumYlloh wohnt hier im ForumYlloh wohnt hier im ForumYlloh wohnt hier im ForumYlloh wohnt hier im ForumYlloh wohnt hier im ForumYlloh wohnt hier im Forum
hab jetzt noch eine Idee gehabt, würd ich aber per externer CSS definieren.

Da du die Tabellen-Rahmne ja eh ausblendest, kannst du es vielleicht mit dem Code machen:

Code:
<td style=" border-top-width:12px;
  border-top-style:solid;
  border-top-color:white;
 background-color:#dddddd;">blubb</td>
statt white dann halt einfach deine BG-Farbe wählen, sollte eigendlich funktionieren. Du dafst nur nicht border="0" irgendwo in der table zu stehen haben. deshalb würd ich extern für alle tr den wert border="0" eintragen und für tr.rand halt den oberen Rahmen...

Vielleicht klappt es ja so

Gruß
Holger

Geändert von Ylloh (04.02.11 um 20:29 Uhr).
Mit Zitat antworten
  #9  
Alt 10.02.06, 15:23
Benutzerbild von fire-slik
fire-slik fire-slik ist offline
hat sich eingelebt
 
Registriert seit: 02/2006
Beiträge: 78
fire-slik geht den richtigen Weg
Zitat:
Zitat von Ylloh
hab jetzt noch eine Idee gehabt, würd ich aber per externer CSS definieren.

Da du die Tabellen-Rahmne ja eh ausblendest, kannst du es vielleicht mit dem Code machen:

Code:
<td style=" border-top-width:12px;
  border-top-style:solid;
  border-top-color:white;
 background-color:#dddddd;">blubb</td>
statt white dann halt einfach deine BG-Farbe wählen, sollte eigendlich funktionieren. Du dafst nur nicht border="0" irgendwo in der table zu stehen haben. deshalb würd ich extern für alle tr den wert border="0" eintragen und für tr.rand halt den oberen Rahmen...

Vielleicht klappt es ja so

Gruß
Holger
so gehts natürlich auch..... nette Idee

gruss fire
__________________
Der Kopf ist rund, damit das Denken die Richtung aendern kann!

Geändert von Ylloh (04.02.11 um 20:30 Uhr).
Mit Zitat antworten
  #10  
Alt 10.02.06, 19:53
Benutzerbild von vektorpixel
vektorpixel vektorpixel ist offline
schmeißt mit Beiträgen
 
Registriert seit: 07/2005
Beiträge: 148
vektorpixel geht den richtigen Weg
Genau sooo hatte ich mir das vorgestellt, habe aber die CSS Tags nicht gefunden . Nun aber noch eine kleine Frage:

Wieso kann man nicht auch:

HTML-Code:
style="margin-top:12px;"
verwenden? funktionieren tuts jedenfalls nicht im <td> Tag, im <table> hingegen schon....
__________________
Übung macht noch lange kein Meister!
Mit Zitat antworten
Antwort

Lesezeichen


Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist An.
Smileys sind An.
[IMG] Code ist An.
HTML-Code ist Aus.

Gehe zu

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Web-Design HTML Tabellen-Zwischenräume G-sus Hilfestellung, Tipps und Tricks 18 09.11.09 18:08
Tabellen Rahmen pinmoney Hilfestellung, Tipps und Tricks 1 29.06.07 14:23


Alle Zeitangaben in WEZ +2. Es ist jetzt 07:01 Uhr.

Impressum

Kontakt      Photoshop-Cafe      Archiv     Impressum     Nach oben

Powered by vBulletin® Version 3.8.7 (Deutsch)
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
©2005-2020 photoshop-cafe.de

Seite wurde generiert in 0,06493 Sekunden mit 11 Queries