| Autor |
Nachricht |
obike
Threadersteller
Dabei seit: 09.08.2009
Ort: Hamburg
Alter: 28
Geschlecht: 
|
Verfasst So 09.08.2009 00:41
Titel [CSS] UL-Tag zerschiesst P-Tag |
  |
|
Hallo beisammen,
wie oben beschrieben liegen die beiden Tag's ein wenig im klinsch.
Ich gebe meine Daten innerhalb eines <P>-Tag's aus welches folgende Eigenschaften hat:
| Code: |
div#content p {
margin-top: 2px;
padding-left: 15px;
padding-right: 15px;
}
|
Wenn jetzt mitten im Text eine Liste auftaucht, ist unterhalb der Liste das Padding futsch.
Das ganze ist in folgendem <div> eingebettet:
| Code: |
div#contentleft {
background-color:#FFFFFF;
width: 500px;
height:auto;
margin-left: 45px;
margin-top: 50px;
margin-bottom: 20px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
float:left;
|
Für ein besseres Verständniss nochmal als Bild anbei. 
[img=http://img18.imageshack.us/img18/3484/ulvsp.th.jpg]
Danke 
|
|
| |
  |
 |
| |
|
|
pixelpapst303
Moderator
Dabei seit: 06.07.2006
Ort: hamburg
Alter: 38
Geschlecht:
|
Verfasst So 09.08.2009 08:33
Titel
|
|
|
ul in p ist nicht xhtml-kompatibel. höchstwahrscheinlich wird das das problem sein. richtiger aufbau wäre
| Code: |
<p>blablabla</p>
<ul><li>blablaliste</li></ul>
<p>blablaweiter</p>
|
|
|
| |
 |
|
choise
Moderator
Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 24
Geschlecht:
|
|
| |
|
|
obike
Threadersteller
Dabei seit: 09.08.2009
Ort: Hamburg
Alter: 28
Geschlecht:
|
Verfasst So 09.08.2009 14:07
Titel
|
|
|
Danke dir!
Ich hatte mir sowas schon gedacht. Dann muss ich das nur noch dem WYSIWYG Editor beibringen 
Gruss
Dennis
|
|
| |
|
|
Smooth-Graphics
Moderator
Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst So 09.08.2009 14:16
Titel
|
|
|
| obike hat geschrieben: | Danke dir!
Ich hatte mir sowas schon gedacht. Dann muss ich das nur noch dem WYSIWYG Editor beibringen |
Mal ehrlich, du verwendest CSS3 für den FF, aber Safari usw. soll nicht daran teilhaben? Zudem ist die Deklaration bei dir ziemlich umständlich:
| Code: |
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari */
border-radius: 10px; /* 10px Radius um alle Elemente für CSS3 final */ |
|
|
| |
|
|
obike
Threadersteller
Dabei seit: 09.08.2009
Ort: Hamburg
Alter: 28
Geschlecht:
|
Verfasst So 09.08.2009 15:41
Titel
|
|
|
Ich arbeite noch nicht so lange mit <div>-Layern, ich bin bis vor einer Woche noch ein Tabellenkind gewesen.
Recht hast du aber, es ist ziemlich umständlich. Ich hatte das bei einem <div> ausprobiert und dann nicht mehr abgeändert, weil ich ehrlich gesagt stinkfaul bin und das dann nur noch kopiert habe.
Das mit dem -webkit-border-radius kannte ich noch nicht, danke dir!
Sehe ich das richtig, das CSS3 final, -moz und -webkit ablöst?
Gruss
Dennis
|
|
| |
|
|
Smooth-Graphics
Moderator
Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst So 09.08.2009 16:07
Titel
|
|
|
| obike hat geschrieben: | | Sehe ich das richtig, das CSS3 final, -moz und -webkit ablöst? |
Der Standard des W3C wird | Code: | | border-radius: 00px; |
lauten. Die bis dahin gängigen Working Drafts müssen vom Browserhersteller mit der jeweiligen Kennzeichnung kommen: -webkit für Safari, -moz für Firefox/Mozilla, -o für Opera
Das liegt auch daran, das bisher die Werte anders interpretiert werden.
So kann man beim Safari 2 Werte angeben um die Radiusgröße zu variieren, beim Firefox geht das jedoch nicht.
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
[HTML,CSS] style-tag vs. class-tag
JS ALT Tag zum TITLE Tag machen
Blink-Tag mit CSS?
CSS scrollen im div tag
[CSS] alt-tag für background-image?
Zwei CSS-Klassen auf einem Tag in E-Mail-Newsletter
|
|
Willkommen auf dem Portal für Mediengestalter
