zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden obere linke- und untere linke Ecke werden nicht angezeigt

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 18.05.2010, 20:11
GN GN ist offline
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 21.11.2004
Beiträge: 182
GN befindet sich auf einem aufstrebenden Ast
Standard obere linke- und untere linke Ecke werden nicht angezeigt

Hallo,

ich möchte einen Rahmen um DIVs haben.
Leider zeigt er die obere linke- und die untere linke Ecke nicht an???
Ron´s Page
Code:
.innerBox {
	padding-top: 9px;
}

.innerBoxHeader {
	background: #fff url(../img/corner_tr.gif)  100% 0 no-repeat;
	height: 6px;
	overflow: hidden;
}

.innerBoxContent {
	background: #fff;
	font-size: 12px;
	line-height: 15px;
	border-left: 1px solid #dadada;
	border-right: 1px solid #dadada;
	padding: 0 6px;
}

.innerBoxFooter {
	background: #fff url(../img/corner_br.gif)  100% 0 no-repeat;
	height: 6px;
	overflow: hidden;
}
HTML-Code:
        <div class="innerBox">
          <div class="innerBoxHeader">
            <img src="img/corner_tl.gif" width="6" height="6" alt="" />
          </div>

          <div class="innerBoxContent">
            <p>Navigation</p>
          </div>
          <div class="innerBoxFooter">
            <img src="img/corner_bl.gif" width="6" height="6" alt="" />
          </div>
        </div>
Gruß, GN
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 19.05.2010, 12:29
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.086
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard

Hi,

deine Art runde Ecken zu bauen ist imho etwas suboptimal.
Schau mal hier, da sind auch noch zwei Links zu noch einfacheren Runde-Ecken-Tuts.
__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 19.05.2010, 13:04
GN GN ist offline
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 21.11.2004
Beiträge: 182
GN befindet sich auf einem aufstrebenden Ast
Standard

Hi hubspe,

ja die Art mit runden Ecken kenne ich.
Wollte es aber mal wie auf London, United Kingdom - Weather Forecasts and Maps at CNN.com probieren.

Finde ich persönlich halt auch besser!
Ist halt bloß, dass links die Ecken nicht sind wo sie sein sollen.......


VG, GN
Mit Zitat antworten
  #4 (permalink)  
Alt 19.05.2010, 13:12
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.086
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von GN Beitrag anzeigen
Wollte es aber mal wie auf London, United Kingdom - Weather Forecasts and Maps at CNN.com probieren.

Finde ich persönlich halt auch besser!
Ist halt bloß, dass links die Ecken nicht sind wo sie sein sollen.......
diese Methode grenzt für mich an grobem Unfug, um es mal drastisch auszudrücken.

Es werden zu viele Elemente benötigt. Schmuckgrafiken haben im Markup nichts zu suchen, sondern gehören als HG-Grafik ins CSS.
Im Grunde ist das die Umsetzung einer ganz alten Tabellendenke.
__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus
Mit Zitat antworten
  #5 (permalink)  
Alt 19.05.2010, 13:19
GN GN ist offline
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 21.11.2004
Beiträge: 182
GN befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von hubspe Beitrag anzeigen
diese Methode grenzt für mich an grobem Unfug, um es mal drastisch auszudrücken.
okay, ist halt deine Meinung.... aber die Ecken habe ich leider immer noch nicht da, wo sie hin sollen...
Mit Zitat antworten
  #6 (permalink)  
Alt 19.05.2010, 13:24
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Du siehst die img-Elemente nicht, weil sie durch overflow:hidden weggeschnitten werden. Sie sitzen auf der Grundlínie eines gedachten Textes: DOCTYPE-Switch: Unerklärliche Lücken zwischen Elementen
Der Doctype macht den Unterschied aus, der die Bilder auf deiner Vorbildseite sichtbar macht.

Außerdem sehe ich noch "Collapsing Margins".

Sonderlich empfehlenswert finde ich die Methode auch nicht. Solche Bildchen haben im Markup nichts verloren.
edit: Außerdem hast du doch Boxen mit fester Breite. Da ist dieses Ecken-Gestückel gänzlich überflüssig.

Geändert von fricca (19.05.2010 um 13:27 Uhr)
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
Überschrift in rechte untere Ecke in einem Div Proton CSS 8 07.04.2011 01:03
header bleibt nicht fixiert / untere Rahmenlinie wird im IE nicht angezeigt boerdi CSS 2 01.09.2008 15:34


Alle Zeitangaben in WEZ +2. Es ist jetzt 03:37 Uhr.