Texte und Bilder

jadmanx

wenn ich einen ein bild dem text hinzufüge ist der text genau neben dem bild ohne abstand...
wie kann ich das im css anpassen ?

wenn ich ein bild uploade wo kann ich die standard grösse des vorschaubildes anpassen ?

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Jeriko

CSS: Dem entsprechenden img-Tag margin: 0 10px 0; zuweisen. Das würde einem Seitenabstand von 10 Pixeln auf beiden Seiten entsprechen. Für Abstände oben und unten die 0er ändern.

HTML: Dem entsprechenden imgTag hspace="10" zuweisen. Das würde auch einem Seitenabstand von 10 Pixeln auf beiden Seiten entsprechen. Für Abstände oben und unten vspace verwenden.

Gruß Jeriko

jadmanx

hilfe...
gibts ein programm das mit den css dateien umgehen kann ?

Code

/* 


Theme Name: Ragi Red


Theme URI: http://www.webmasterfind.de/blog/2006/02/05/wordpress-theme-ragi-red-1


Version: 2.0


Description: This template with two sidebars was developed by Alexander Raganitsh from <a href="http://www.webmasterfind.de/blog/">Webmasterfind.de</a>. This template is only for Wordpress 2.0. Now you can change the sidebars in your Admin-panel.


Author: Raganitsh Alexander


Author URI: http://www.webmasterfind.de/


*/


body          { color: #29303b; font-size: 0.9em; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 1.3em; background: #fff0b7; text-align: center; margin: 0; padding: 0 }


a    { color: #f00; text-decoration: none }


a:visited  { color: #FF0000 }


a:hover {


    color: #753206;


    text-decoration:underline;


}


input, textarea 


     { background: #fff0b7; padding: 2px; border: solid 1px #ff0000 }
/* Layout */
#rap 


      { font-size: 0.9em; font-family: "Trebuchet MS", Georgia, Arial, serif; text-align: left; margin: 0 auto; width: 900px; border-right: 2px solid #f33; border-left: 2px solid #f00 }
#container       { background-color: white }
#header        { background: #fff url("img/top.jpg") no-repeat center top; margin: 0 auto; padding: 0; width: 900px; height: 143px; border-width: 0 }
#main 


      { width: 700px; float: left }


#content          { text-align: justify; width: 500px; float: right; overflow: hidden }
#content2    { margin: 10px; width: 690px; float: left }
#sidebarlinks       { color: #333; font-size: 1em; margin-left: 3px; padding: 0 8px 10px; width: 170px; float: left }
#sidebar         { color: #333; font-size: 1em; margin: 0 3px 0 0; padding: 0 8px 10px; width: 170px; float: right }
.clearer { margin: 0; padding: 0; height: 0; clear: both }


/* Typo Design */
a img { border: none; }


acronym, abbr   { border-bottom: 1px dotted #f00 }


acronym, abbr, span.caps {


    cursor: help;


    letter-spacing: .07em;


}


code {


    font-size: 1em;


    font-style: italic;


}


blockquote    { font-style: italic; background: #FFF0B7 url("img/blockquote.gif") no-repeat left top; margin: 15px 20px 0; padding: 0 0 0 40px }






cite {


    font-size: 0.9em;


    font-style: normal;


}


img {


    border: none;


}


h3 {


    margin: 0;


    padding: 0;


    font-size:1.3em;


}


p {


    margin: 0 0 1em;


    padding: 0;


    line-height: 1.5em;


}
h1, h2, h3, h4   { font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; letter-spacing: 1px }


hr    { border-top: 1px solid #f00 }


/* Header Design */


#header h1 


     { font-size: 1.9em; font-weight: bold; text-align: left; margin: 0; padding: 20px 20px 0 }


#header h1 a 


 { color: white; text-decoration: none }


#header h1 a:hover 


{


    color:#F7F3ED;


}


#header #desc


    { color: white; font-size: 1.1em; font-style: italic; font-weight: bold; text-align: left; margin: 0; padding: 8px 20px 0; width: 250px; float: left }
#header .suchfeld { text-align: right; margin-top: 48px; margin-right: 18px }
#topnav { font-size: 0.9em; font-family: Verdana, Arial, sans-serif; text-align: right; list-style: none; margin: 0 auto; padding: 5px 20px 0 0 }
#topnav li { font-weight: bold; list-style: none; display: inline; margin: 0; padding: 0 }
#topnav li a:link, #topnav li a:visited { color: white; text-decoration: none }
#topnav li a:hover, #topnav li a:active { color: #dfebf8 }
/* Sidebar Design */
#sidebarlinks h2 { color: #ff0000; font-size: 1em; font-weight: bold; background-color: #fff0b7; background-image: url("img/sidenav_bottom.jpg"); background-attachment: scroll; background-position: center top; text-align: center; margin: 10px 0 0; padding: 4px 2px 0; height: 22px; border-style: solid solid dashed; border-width: 1px; border-color: #ff0000 }
#sidebar h2    { color: #FF0000; font-size: 1em; font-weight: bold; background-color: #FFF0B7; background-image: url("img/sidenav_bottom.jpg"); background-position: center top; text-align: center; margin: 8px 0 0; padding: 2px 2px 0; height: 20px; border-style: solid solid dashed; border-width: 1px; border-color: #FF0000 }


#sidebar ul, #sidebarlinks ul      { font-size: 1em; background-color: #FFF0B7; background-repeat: no-repeat; background-attachment: scroll; background-position: center bottom; list-style-type: none; margin: 0; padding: 5px 5px 1em; border-style: solid; border-width: 1px; border-color: #dfebf8 #FF0000 #FF0000 }


#pagenav


{


    list-style:none;


}


#sidebar ul li, #sidebarlinks ul li {


    margin: 0.1em 0 0 0;


    padding: 0;


}


#sidebar ul li a, #sidebarlinks ul li a {


    text-decoration: none;


    border:none;


}


#sidebar ul li a:link, #sidebarlinks ul li a:link  { color: #FF0000 }


#sidebar ul li a:visited, #sidebarlinks ul li a:visited  { color: #FF0000 }


#sidebar ul li a:hover, #sidebar ul li a:active, #sidebarlinks ul li a:hover, #sidebarlinks ul li a:active {


    color: #990000;


}


#sidebar ul ul, #sidebarlinks ul ul {


    list-style-type: none;


    padding: 5px;


    margin: 0;


    font-size: 1em;    


    background:none;


    border:none;


}


#sidebar ul ul li, #sidebarlinks ul ul li 


{


    margin:0;


    padding:0;


    padding-left:10px;


    margin-left:10px;


    background:url(img/subcat_bullet.gif) no-repeat left;


}


/* Post, Pages Content Design */


#content ul   { list-style-type: none; margin-left: 0; padding-left: 0 }


#content ul li  { background: url("img/subcat_bullet.gif") no-repeat 0 4px; padding-left: 1.5em }


.post , .page


      { text-align: justify; margin: 5px 0 0 }
.post-info, .page-info 


{


    font-size:0.85em;


    font-family: Verdana, Arial, Sans-Serif;


    margin:0;


    padding:0;


    color:#333;


}


.page-info 


{


    text-align:center;    


}


.post-info a


{


    color:#990000;


}


.post-info a:hover 


{


    color:#000;


}


.post-content, .page-content     { font-size: 12px; font-family: Verdana, Arial, serif; margin: 3px 0; padding: 10px 0 5px; border-top: 1px solid #f00 }


.page-content  { }


.post-title, .page-title  { font-size: 1.3em; font-family: Georgia, Arial, Serif; font-weight: bold; margin: 0 }
.meldung  { font-size: 1.3em; font-weight: bold; margin-left: 0 }
.page-title 


{


    font-size:1.6em;


    font-weight:normal;


}


#content .page-title a, .post-title a:link, .post-title a:visited, .post-title a:hover, .post-title a:active


{


    text-decoration:none;


    color:#FF0000;


}


.post-date      { color: #f00; font-size: 0.8em; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: 500; line-height: 1em; background: #fff0b7; text-align: center; margin: 3px 10px 0 0; padding: 8px 3px; width: 55px; float: left }


.post-footer 


        { background-color: transparent; border-bottom: 1px solid #f00 }


/* Footer Design */


#footer     { color: #999; font-size: 0.8em; text-align: center; margin: 0 auto; padding: 7px 0; width: 880px; clear: both; border-top: 1px solid #f00 }


#footer a   { color: #FF0000; border: none }






/* Comment Design */


.commentlist {


    font-size:1em;


    font-weight:normal;    


}


#commentform 


  { margin: 0 0 0 20px }


#commentform textarea  { width: 80% }


#commentform p   { font-size: 0; margin: 0 0 5px }


#comments,#respond   { color: #FF0000; font: 0.9em verdana, helvetica, sans-serif; text-transform: uppercase; margin: 3em 0 1em 20px }


.commentlist li 


    { background-color: #fff0b7; margin: 5px 0; padding: 10px; border: solid 1px #ff0000 }


.commentlist .alt 


{






}
/* Design for Singles Page ala Archive, Links */


#content2 .links   { width: 145px; float: left }
#content2 .toplinks { width: 270px; float: left }
#content2 .links li, #content2 .rechts li, #content2 .mitte li, #content2 .toplinks li, #content2 .toprechts li     { background-image: url("img/subcat_bullet.gif"); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 5px; list-style-type: none; list-style-position: inside; margin-left: -25px; padding-left: 0.8em }
#content2 .rechts  { cursor: pointer; list-style-type: none; margin: 0; top: 0; width: 145px; float: right }
#content2 .toprechts { width: 270px; float: right }
#content2 .mitte    { margin-left: 70px; top: 0; width: 145px; float: left }
/* Content Images Design */
.center { text-align: center }
img.centered { display: block; margin-right: auto; margin-left: auto }
img.alignright  { display: inline; margin: 0 0 2px 7px; padding: 4px; float: right }
img.alignleft  { display: inline; margin: 0 7px 2px 0; padding: 4px; float: left }
#alignright { display: inline; margin: 2px 0 2px 7px; float: right }
#alignleft { display: inline; margin: 2px 7px 2px 0; float: left }

Alles anzeigen

SuMu

Zitat von jadmanx

hilfe...
gibts ein programm das mit den css dateien umgehen kann ?

das kann jeder einfache editor:
phaseV
weaverslave
wordpad
toptstyle

http://www.drweb.de/htmltools/index.shtml

Monika

Zitat von Jeriko

..............
HTML: Dem entsprechenden imgTag hspace="10" zuweisen. Das würde auch einem Seitenabstand von 10 Pixeln auf beiden Seiten entsprechen. Für Abstände oben und unten vspace verwenden.
Gruß Jeriko

bitte dies nicht verwenden,
ist doch soooooooooooooooooooooooooooooo uralt....

obiges hilft doch schon, wozu dann sowas kaputtes verwenden :(

lg

jadmanx

wo und was muss ich in den css schreiben um bilder im artikel immer rechtsbündig mit etwas abstand zum text anzuzeigen ?:confused:

Monika

Zitat von jadmanx

wo und was muss ich in den css schreiben um bilder im artikel immer rechtsbündig mit etwas abstand zum text anzuzeigen ?:confused:

gar nichts steht schon drin
img.alignright

Du lädst ein Bild hoch, fügst es in den Artikel ein und schreibst dann dazu

<img class="alignright" src="......

lg

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Texte und Bilder

Jetzt mitmachen!