Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag17.07.2010 um 09:39 (UTC)    
Titel: HTML-Boxen

Hallo zusammen,

Ich suche einen der mir eine HTML-Box erstellt soweit ich weiß ist das für Profis ein Kinderspiel.

Sollte so aussehen



Ig

Maxim
Beitrag17.07.2010 um 22:08 (UTC)    
Titel:

Code:
<div style="border: 1px solid #FBC2C4; background-color: #FAE3E4; padding: 5px; width: 400px; text-align: left; margin: 5px;">INHALT</div>
Beitrag17.07.2010 um 22:29 (UTC)    
Titel:

all-about-the-pc hat Folgendes geschrieben:
Code:
<div style="border: 1px solid #FBC2C4; background-color: #FAE3E4; padding: 5px; width: 400px; text-align: left; margin: 5px;">INHALT</div>


Quelle: www.Poddi.de.tl


die box kann man doch sicher auch positionieren oder ???

LG Grit
______________
MfG Grit

Beitrag17.07.2010 um 22:46 (UTC)    
Titel:

kameraauge hat Folgendes geschrieben:
die box kann man doch sicher auch positionieren oder ???

LG Grit

Selbstredend!

Ich schreibs mal zu Veranschaulichung größer:
Code:

<div
style="
width: XYpx;
height: XYpx;
background: url(Bildadresse) #Farbcode;
border: XYpx solid #Farbcode;
padding: XYpx; /* Innenabstand */
margin: XYpx; /* Außenabstand */
float: left/right; /* Schwimmende Positionierung */
">
Text im Block
</div>

Mit den letzten beiden Codeabschnitten "float" und "margin" kannst du die Box auf deiner Webseite ausrichten.
______________
Rechtschreibfehler sind gewollt und erhöhen die Qualität des Beitrags.
Beitrag18.07.2010 um 00:42 (UTC)    
Titel:

hallo

@ badweb

super Smile...vielen dank für die verständliche hilfe

LG Grit
______________
MfG Grit

Beitrag18.07.2010 um 13:07 (UTC)    
Titel:

Ja aber ich wollte so wie auf dem bild strich oben und unten und ein bild links
Beitrag18.07.2010 um 17:48 (UTC)    
Titel:

pixel-load hat Folgendes geschrieben:
Ja aber ich wollte so wie auf dem bild strich oben und unten und ein bild links


Alles möglich!
Code:
<div style="
width: ??px;
height: ??px;
background: #??????;
border-top: ?px solid #??????;
border-bottom: ?px solid #??????;
">
<img src="Bildadresse" style="float: left;">
Text der Box
</div>


Die Angaben mit ? müssen selbstverständlich noch mit Zahlenangaben bzw. Farbcodes ersetzt werden.
______________
Rechtschreibfehler sind gewollt und erhöhen die Qualität des Beitrags.
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de