zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden [XHTML & CSS] Wie formatiere ich meine braccets richtig

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 27.02.2009, 14:31
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 27.02.2009
Ort: Luxemburg
Beiträge: 5
Azunix befindet sich auf einem aufstrebenden Ast
Standard [XHTML & CSS] Wie formatiere ich meine braccets richtig

Hi dudes,

Ich arbeite gerade an einer webseite wo verlangt wird , dass der firmen name zwischen die beiden braccets kommt

Code:
{ und }
Desweiteren soll aber alles auf einer höhe sein d.h

Code:
<braccet> Firmenname  ( teil 1)
                         Firmenname ( teil zwei ) <braccet>
und diese braccets sollen die beiden teile des firmen namen "umkreisen" bzw ... so dass der firmen name ganz drinne is ... hat einer ne ahnung wie ich das realisieren kann
__________________
Kind regards - Azunix | CodeIgniter - Nothing else | private support - send me a private notice
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 27.02.2009, 14:43
Benutzerbild von Gumbo
XHTMLforum-Kenner
 
Registriert seit: 22.08.2004
Ort: Trier
Beiträge: 2.733
Gumbo ist jedem bekanntGumbo ist jedem bekanntGumbo ist jedem bekanntGumbo ist jedem bekanntGumbo ist jedem bekanntGumbo ist jedem bekannt
Standard

Meinst du so etwas:
HTML-Code:
<style type="text/css">
	div {
		position: relative;
		padding: 0 1em;
	}
	div::before,
	div::after {
		position: absolute;
		font-size: 4em;
		line-height: 0.8;
	}
	div::before {
		content: "{";
		top: 0;
		left: 0;
	}
	div::after {
		content: "}";
		top: 0;
		right: 0;
	}
</style>

<div>Firma Max Mustermann<br>
Musterstraße 1<br>
12345 Musterstadt</div>
__________________
Markus Wulftange
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 27.02.2009, 14:50
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 27.02.2009
Ort: Luxemburg
Beiträge: 5
Azunix befindet sich auf einem aufstrebenden Ast
Standard Re:

Hi dudes,

Danke gumbo für dein testbeispiel ... es ist zwar nicht genau das was ich suche aber es kommt sehr nah dran also , dein css beispiel stimmt nur , das ich nur zwei linien hab und diese {} sollen nachher nur alles umschlingen

desweiteren komischerweise sagt mein Netbeans dass deine CSS Syntax falsch ist , wie kommt das? ist das erst ab CSS 3?
__________________
Kind regards - Azunix | CodeIgniter - Nothing else | private support - send me a private notice
Mit Zitat antworten
  #4 (permalink)  
Alt 27.02.2009, 18:39
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.034
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

Du kannst Klassen und spans für die braccets vergeben und denen eine größere Schriftgröße verpassen, sowie die line-height anpassen.

Ungefähr so, ich habs nicht getestet, nur ein Gedanke:

Code:
span.bracc {
font-size: 1.3em;
line-height: 1.3em;
padding: 0;
}

h1 {
font-size: 1em;
line-height: 1em;
padding: 0;
}
Falls das alleine nicht reicht, noch ein wenig mit padding rumspielen. Falls die braccets NICHT im Quelltext erscheinen sollen, als Hintergrundbild der spans anlegen und entsprechend positionieren.
__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte
Mit Zitat antworten
  #5 (permalink)  
Alt 27.02.2009, 18:49
Benutzerbild von Gumbo
XHTMLforum-Kenner
 
Registriert seit: 22.08.2004
Ort: Trier
Beiträge: 2.733
Gumbo ist jedem bekanntGumbo ist jedem bekanntGumbo ist jedem bekanntGumbo ist jedem bekanntGumbo ist jedem bekanntGumbo ist jedem bekannt
Standard

Die ::before- und ::after-Pseudoelemente gibt zwar bereits seit CSS 2.0, wurden damals aber mit nur einem Doppelpunkt geschrieben.

Der Kompatibilität zuliebe solltest du aber auf beide verzichten und stattdessen lieber zwei richtige Elemente nehmen:
HTML-Code:
<span class="brace-left">{</span><span class="brace-right">}</span>
__________________
Markus Wulftange
Mit Zitat antworten
Antwort

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.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
[XHTML & CSS] Zahnarzthomepage » Barrierefrei? StilgarFeyd Site- und Layoutcheck 20 09.12.2006 19:32


Alle Zeitangaben in WEZ +2. Es ist jetzt 17:48 Uhr.