Autor |
Nachricht |
ma1973
Threadersteller
Dabei seit: 17.02.2006
Ort: borken
Alter: 51
Geschlecht:
|
Verfasst Mo 12.04.2010 13:02
Titel css > 4 gleiche spalten ... |
|
|
Hallo ich möchte eine 4 spaltige Tabelle mit css umsetzen.
soweit so gut:
Code: |
..
#colum4 {
margin-top: 15px;
width:243px;
right:10px;
float: right;
}
#colum3 {
margin-top: 15px;
width:243px;
float: right;
}
#colum2 {
margin-top: 15px;
width:243px;
float: right;
}
#colum1 {
margin-top: 15px;
width:243px;
float: right;
}
..
|
jetzt möchte ich aber auch erreichen das ein Abstand zw. den Spalten liegt,
und habe mit margin und padding gespielt .. aber es klappt nicht
was ist hier falsch , kann mir jemand helfen?
Zuletzt bearbeitet von ma1973 am Mo 12.04.2010 13:02, insgesamt 1-mal bearbeitet
|
|
|
|
|
Kash
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Mo 12.04.2010 13:06
Titel
|
|
|
Zuerst ist Deine Herangehensweise nicht gut.
Entweder du benützt von vornherein <table> zum Aufbau des HTMLMarkups, oder zumindest die CSS Spezifikation für Tabellen
http://www.css4you.de/tableproperty.html
Desweiteren kann ich keine Padding Angaben in deinen Kaskaden erkennen.
|
|
|
|
|
Anzeige
|
|
|
ma1973
Threadersteller
Dabei seit: 17.02.2006
Ort: borken
Alter: 51
Geschlecht:
|
Verfasst Mo 12.04.2010 13:14
Titel
|
|
|
hallo ....
ich möchte doch gar nicht mit einer Tabelle arbeiten ...
sondern möchte das was ich vorher mit einer Tabelle erstellt habe mit
css umsetzen.
hier ist der html tag zum css:
Code: |
..
<div id="colum1">
<h1>Marken...</h1>Colum 1<br />
Lorem ipsum dolor sit amet, consectetuer
adipiscing elit.
</div>
<div id="colum2">
<h1>» GRATIS AKTIONEN...</h1>(Colum 2)<br />
Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Aenean commodo ligula
eget dolor.
</div>
<div id="colum3">
<h1>» EINKAUFEN...</h1>
(Colum 3)<br />
Lorem ipsum dolor sit amet, consectetuer
adipiscing elit.
</div>
<div id="colum4">
<h1>» SIE FINDEN UNS...</h1>(Colum 4)<br />
Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Aenean commodo ligula
eget dolor.
</div>
..
|
|
|
|
|
|
Kash
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Mo 12.04.2010 13:18
Titel
|
|
|
Gut, dann hatte ich Dich falsch verstanden.
Aber wenn Du keine Paddingwerte einsetzt, kann auch kein Innenabstand erstellt werden.
Zeig doch nochmal die Kaskaden mit deinen Padding Angaben.
Im Übrigen hättest Du Deine Boxen auch mit nur einer Klasse aufbauen können.
Denn jetzt hat jede Box eine unterschiedliche ID aber die selben Eigenschaften.
Ebenso hättest Du das auch kürzen Schreiben können.
Zuletzt bearbeitet von Kash am Mo 12.04.2010 13:20, insgesamt 1-mal bearbeitet
|
|
|
|
|
seal
Dabei seit: 31.07.2005
Ort: Pfalz
Alter: 41
Geschlecht:
|
|
|
|
|
ma1973
Threadersteller
Dabei seit: 17.02.2006
Ort: borken
Alter: 51
Geschlecht:
|
Verfasst Mo 12.04.2010 13:26
Titel
|
|
|
... doch mach ich ja .... aber nach try and error
im prinzip steht ja alles ... aber ich möcht das zwischen den spalten
ein abstand xy liegt.
Code: |
...
#colum4 {
margin-top: 15px;
padding-left: 5px;
padding-right: 5px;
width:243px;
right:10px;
float: left;
}
#colum3 {
margin-top: 15px;
padding-right: 5px;
width:243px;
float: right;
}
#colum2 {
margin-top: 15px;
padding-right: 5px;
width:243px;
float: right;
}
#colum1 {
margin-top: 15px;
padding-left: 5px;
width:243px;
float: right;
}
..
|
|
|
|
|
|
escaPe
Dabei seit: 10.09.2007
Ort: <? include("home.htm") ?>
Alter: 112
Geschlecht:
|
Verfasst Mo 12.04.2010 13:44
Titel
|
|
|
padding ist immernoch der innere Abstand von Inhalt zu Rand und nicht der außen Abstand
dafür benötigst du "margin".
Zuletzt bearbeitet von escaPe am Mo 12.04.2010 13:45, insgesamt 1-mal bearbeitet
|
|
|
|
|
Kash
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Mo 12.04.2010 14:15
Titel
|
|
|
Code: | #colum4 {
margin: 15px 5px 0 5px;
width:243px;
right:10px;
float: left;
} |
Zuletzt bearbeitet von Kash am Mo 12.04.2010 14:15, insgesamt 1-mal bearbeitet
|
|
|
|
|
|
|
|
Ähnliche Themen |
gleiche ID´s in Website
gleiche höhe für divs?
[Illustrator CS] Gleiche Abstände
SQL: Gleiche Artikel zusammenfassen.
Gleiche Schriftarten auf 2 Rechnern
Wie gleiche Anzeige bei Browsern
|
|