CSS kod, zvyraznění obrázku barevně Od: michalll* 25.12.09 00:13 odpovědí: 1 změna: 25.12.09 15:22
Pošlu tady CSS kod mé stránky a dokázal by mi někdo poradit, jak obrázky které na stránce jsou, aby když jsou odkazové, aby byly ohraničeny barevným proužkem? Díky/* styl 4-1 */body { padding: 0px; margin: 0px; FONT-FAMILY: Lucida Grande, Verdana, Arial, Sans-Serif; font-size: 12px; line-height: 16px; background: #2F2F2F; color: #FFFFFF;}A:link, A:active, A:visited { COLOR: #CACACA; TEXT-DECORATION: none}A:hover { COLOR: #CACACA; TEXT-DECORATION: underline;}ul, ol { margin-top: 0px;}li{ margin-left: 10px;}p { MARGIN: 0px; PADDING: 0px; PADDING-BOTTOM: 10px;}img{ border: 0px;}input{ font-size: 10px;}form { clear: both; margin: 0px;}#page { width: 950px; margin: 0 auto; BACKGROUND-COLOR: #2F2F2F;}#border-left { display: block; width: 950px;}#border-right { display: block; width: 950px;}#inside { display: block; padding: 0px; margin: 0px; width: 950px;}#items{ float: left; width: 699px; z-index: 10; padding: 10px; padding-bottom: 15px; background: #2F2F2F url( svetu.cz/... top left repeat-x;}#items2{ float: left; width: 699px; z-index: 10; padding: 10px; padding-top: 15px; padding-bottom: 10px; background: #2F2F2F url( svetu.cz/... top left repeat-x;}#menu { float: right; border-left: 1px #3B3B3B solid; border-bottom: 1px #3B3B3B solid; width: 210px; background: #E67701 url( svetu.cz/... top left repeat-x; color: #4F1C17; padding: 5px; margin-top: 8px; overflow: hidden;}#menu h4{ FONT-WEIGHT: bold; font-size: 13px; text-align: left; margin-top: 5px; margin-bottom: 2px;}#menu_rozdel{ padding: 10px; padding-top: 5px; padding-bottom: 5px;}#menu_rozdel_mene{ padding: 10px; padding-top: 2px; padding-bottom: 2px;}#menu A:link, #menu A:active, #menu A:visited { COLOR: #4F1C17; TEXT-DECORATION: none}#menu A:hover { COLOR: #FFFFFF; TEXT-DECORATION: underline;}div#profil{ min-height: 65px; border: 1px solid #3B3B3B; font-size: 10px; margin-bottom: 5px; margin-right: 2px; padding: 3px; line-height: 130%; background: #E67701; overflow: hidden;}img#profil{ border: 2px solid #2F2F2F; margin: 0px; margin-right: 3px;}#profil_avatar{ width: 75px; height: 75px; background-color: #2F2F2F; border: 1px #2F2F2F solid;}.itembody{ clear: both; margin: 0px; padding: 5px; padding-top: 5px; LINE-HEIGHT: 150%; FONT-SIZE: 1.0em;}.img-left{ float: left; margin: 5px 10px 5px 0; }.img-right{ float: right; margin: 5px 0 5px 10px; }.img-center{ margin: 5px auto;}h1, h2{ float: left; width: 100%; margin: 0px; padding-top: 3px; padding-left: 3px; height: 25px; FONT-SIZE: 17px;FONT-FAMILY:"Verdana CE", "Verdana", "Arial CE", "Arial", "Helvetica CE", "Helvetica", "Sans-Serif"; LINE-HEIGHT:24px; FONT-WEIGHT: bold; color: #FFFFFF;}h2.itemtitle{ float: left; width: 100%; margin: 0px; padding-top: 3px; padding-left: 3px; border-bottom: 1px #FFFFFF solid; height: 25px; FONT-SIZE: 17px;FONT-FAMILY:"Verdana CE", "Verdana", "Arial CE", "Arial", "Helvetica CE", "Helvetica", "Sans-Serif"; LINE-HEIGHT:24px; FONT-WEIGHT: bold; color: #FFFFFF;}.iteminfo{ clear: both; PADDING-BOTTOM: 0.5em; padding-left: 3px; FONT-SIZE: 0.8em; MARGIN-TOP: 3px; MARGIN-BOTTOM: 0px; TEXT-ALIGN: left;}.iteminfo2{ clear: both; BORDER-TOP: #FFFFFF 1px solid; BORDER-BOTTOM: #FFFFFF 1px solid; PADDING: 3px; padding-top: 2px; FONT-SIZE: 0.8em; COLOR: ; TEXT-ALIGN: right;}.pokracovani_clanku{ text-align: right; padding-top: 5px; padding-right: 10px; padding-bottom: 10px;}#footer { display: block; width: 950px; height: 15px; text-align: left; FONT-SIZE: 0.8em; clear: both; margin: 0px; padding: 3px; padding-bottom: 0px;}/*kalendar*/#kalendar{ border-collapse: collapse; border: 1px solid #3B3B3B; margin-top: 10px; font-size:10px; text-align: center; color: #000000; background-color: #ffffff;}#kalendar a:link, #kalendar a:visited, #kalendar a:active, #kalendar a:hover { color: #4F1C17; TEXT-DECORATION: underline;}#kalendar_outside{ BACKGROUND-COLOR: #3B3B3B; color: #ffffff; font-size:11px; padding: 1px;}#kalendar_dny{ color:#3B3B3B; LINE-HEIGHT:12px;}#kalendar_akt{ BACKGROUND-COLOR: #3B3B3B;}/*end kalendar*//*hodnoceni*/#hodnoceni{ width: 99%; clear: both; BACKGROUND-COLOR: #E67701; color:#4F1C17; border: 1px #3B3B3B solid; font-size: 12px; margin-left: 3px; padding-left: 5px; text-align: left; line-height: 200%;}#hodnoceni_znamky{ float: left; margin-left: 5px; margin-right: 20px; color: #ffffff; text-align: center; word-spacing: 5px;}#hodnoceni_znamky A:link, #hodnoceni_znamky A:active, #hodnoceni_znamky A:visited{ color: #ffffff;}#hodnoceni_text{ font-size: 10px; color: #ffffff; margin-left: 4px;}/*komentare a anketa*/.anketa{ width: 99%; clear: both; BACKGROUND-COLOR: #E67701; color:#4F1C17; border: 1px #4F1C17 solid; font-size: 12px; margin-left: 3px; padding-left: 5px; text-align: left; line-height: 200%;}.anketa A:link, .anketa A:active, .anketa A:visited { COLOR: #FFFFFF; TEXT-DECORATION: none}.anketa_v_menu { width: 95%; clear: both; BACKGROUND-COLOR: #E67701; color:#4F1C17; border: 1px #4F1C17 solid; margin: 0px; font-size: 10px; padding-left: 3px; text-align: left; line-height: 200%;}#anketa_radek{ clear: both; margin-bottom: 2px;}#anketa_text{ padding-top: 3px;}#anketa_graf{ float: left; margin-top: 5px;}#anketa_graf2{ float: left;}#komentar_ram { clear: both; background-color: #ffffff; color: black; border: 1px solid #3B3B3B; margin-top: 5px; margin-bottom: 5px;}#komentar_titulek, #komentar_titulek a:link, #komentar_titulek a:visited, #komentar_titulek a:active{ background-color: #E67701; color: #ffffff; padding: 3px;}#komentar_titulek a:hover{ TEXT-DECORATION: underline;}#komentar_datum{ float: left; font-size: 10px;}#komentar_odpoved{ font-size: 12px;}#komentar_stred{ clear: both; border-top: 1px solid #3B3B3B;}#komentar_odkaz, #komentar_odkaz a:link, #komentar_odkaz a:visited, #komentar_odkaz a:active{ font-size: 10px; color: #E67701; line-height: 10px; padding-top: 3px; padding-left: 2px;}#komentar_text{ padding: 5px; text-align: justify;}#komentar_avatar{ float: left; border: 2px solid #E67701; margin-right: 2px}#komentar_end{ clear: both; line-height: 1px;}#komentar select{ margin-top: 2px; margin-bottom: 5px;}#komentar_novy{ width: 99%; clear: both; BACKGROUND-COLOR: #E67701; color:#4F1C17; border: 1px #3B3B3B solid; font-size: 12px; text-align: left; padding: 3px; margin-bottom: 3px; margin-left: 3px;}#komentar_novy a:link, #komentar_novy a:visited, #komentar_novy a:active{ color:#4F1C17;}#souvisejici_clanky{ padding-left: 10px; clear: both;}#souvisejici_clanky li{ list-style-type: square;}#linkovani, #linkovani a:link{ atext-align: center; font-size: 1em;}#linkovani a img { position: relative; top: 2px; margin-left: 5px; margin-right: 5px; border: 0px;}/*galerie*/.galerie-nahled{ float: left;}.galerie-nahled img, #galerie-seznam a img, #galerie-menu a img { padding: 5px; text-align: center; margin: 5px; background: #FFF; border: 1px solid #3B3B3B;}.galerie-nahled a:hover img, #galerie-seznam a:hover img, #galerie-menu a:hover img { border: 2px solid #3B3B3B; margin: 4px;}#galerie-obrazek{ border: 2px solid #E67701; padding: 5px;}#galerie{ clear: both; padding-top: 5px;}#galerie-zobrazeni{ clear: both;}#galerie-seznam{ margin: 10px 5px 0px 0px; float: left; width: 340px; border: 1px solid #3B3B3B; background: #E67701; height: 120px;}#galerie-vypis{ margin: 5px 5px 5px 0px; float: left; width: 128px; border: 1px solid #3B3B3B; background: #E67701; height: 143px;}#galerie-vypis-nazev{ font-size: 7pt; line-height: 110%; text-align: center;}#galerie-resume{ padding-top: 3px; padding-bottom: 3px; font-size: 7pt; line-height: 110%;}#galerie-nadpis{ font: 12pt "Helvetica Neue", "Lucida Grande", Helvetica, Arial, sans-serif; font-weight: bold; padding-top: 5px;}#galerie-popis{ font-style: normal; font-size: 8pt; padding-top: 5px; padding-right: 3px; text-align: justify; line-height: 10pt;}#galerie-nabidka{ margin-bottom: 10px;}
1 odpověď na otázku
Řazeno dle hodnocení
0 x
Přihlásit se k odběru odpovědí z této otázky:
Neneseme odpovědnost za správnost informací a za škodu vzniklou jejich využitím. Jednotlivé odpovědi vyjadřují názory jejich autorů a nemusí se shodovat s názorem provozovatele poradny Poradte.cz. Používáním poradny vyjadřujete souhlas s personifikovanou reklamou, která pomáhá financovat tento server, děkujeme.