Forum Pasja Informatyki - Najnowsze z tagiem obramowanie

dodanie obramowania do kadrowanego obrazka

Fri, 06 Aug 2021 11:48:47 +0000

Korzystam z biblioteki cropper.js w celu kadrowania obrazów. Chciałbym żeby skadrowany obraz miał obramowanie np. border: 1px solid black. Ma ktoś pomysł jak to zrobić?

https://ibb.co/F6cX2ZW

Problem, obramowanie, przesuwanie czcionek. SAMOUK

Tue, 07 Nov 2017 07:16:41 +0000

Witajcie.
Proszę was o pomoc i wytłumaczenie zagadnienia. Ogólnie od tygodnia zajmuję się administrowaniem podstrony http://barr.ustrzyki-dolne.pl/ jestem samoukiem, poprzedni tydzień studiowałem poruszanie się po panelu administracyjnym, jednak od dzisiaj chciałem się nauczyć edytować style. Ogólnie udało mi się samemu zmienić wielkość czcionki, rozmieszczanie (WOW!!) ale jestem zablokowany w pewnej kwestii, każdą aktualność chciałem wyróżnić, nie wszystkie z osobna ale hurtowo, żeby w nagłówku, tytule albo cały artykuł w dziale aktualności był obramowany. Chciałem też żeby menu było jak maksymalnie jak to możliwe wyrównane do prawej. Kod jaki mam w stylach własnych to

@charset "UTF-8";

/* NAZWA MOTYWU */

/* styl treści artykułów */
.content_tresc .tresc p
{
color: #303030;
font-size: 10px;
font-family: Noto Sans, sans-serif;
}

/* ------------------------------- */
/* MENU */
.mainMenu .block a.menu-level-1 {
color: #000;
font-weight: lighter;
padding: 13px 6px 11px 6px;
display: block;
height: 25px;
vertical-align: right;
line-height: 25px;
white-space: nowrap;
text-transform: uppercase;
font-family: 'Noto Sans', sans-serif;
font-size: 105%;
text-align: right;
text-shadow: 0px 0px;
border-left: 11px solid white !important;
}

/* ------------------------------- */
/* AKTUALNOŚCI */
.zajawka > a .title {
display: block;
font-family: 'Noto Sans', sans-serif;
font-weight: normal;
font-size: 110%;
border-width: thick;
border-style:double_solid;
border-color:black;
line-height: 80%;
}

/* ------------------------------- */
/* KOLOR ZAZNACZENIA */
a:focus, input:focus, button:focus, select:focus, textarea:focus, *[onclick]:focus, *[tabindex]:focus {
outline: 2px solid #5a7e41 !important;
background-clip: padding-box;
transition: outline 0.15s ease, box-shadow 0.15s ease;
z-index: 1;
}
/* MENU */
.sub-block-menu {
border-color:#5a7e41!important;
}

Zaznaczam, że wcześniej nie miałem w ogóle styczności z jakim kolwiem językiem programowania, jestem samoukiem. Może jakieś uwagi? Co sami byście zmienili tam na stronie i dlaczego. Mam nadzieję, że post mieści się w ramy regulaminu. Liczę na waszą pomoc.

Obramowanie tabeli css

Wed, 02 Aug 2017 15:59:42 +0000

Witam!

Mam problem z obramowaniem tabeli, gdy nie wpisuję wierszy do tabeli to nie wyświetla mi się obramowanie tabeli gdy wpiszę choćby jedną to mam niepełne obramowanie, nie rozumiem dlaczego: https://jsfiddle.net/adriansikora344/ek8gy2qq/

Podobno lepiej przejść na border-collapse: separate ale czy tu tkwi problem ?

Obramowanie / cień czcionki

Tue, 23 May 2017 22:20:04 +0000

No cześć.

Tworzę "sobie" proste menu na stronę WWW i natknąłem się na mały "problem".

Ciężko mi wyjaśnić o co chodzi, ale spróbuję - po najechaniu na element tekst w nim ma zmienić kolor na inny i zrobić to od lewej do prawej strony. I teraz - wszystko działa, ale pozostaje białe, jednopikselowe "obramowanie" po starej czcionce. Problem rozwiązuje dodanie zeropikselowego cienia do "nowego elementu".

Pytanie - skąd się bierze "stare" obramowanie i dlaczego naprawia to text-shadow z 0px wartościami?

Kod: http://codepen.io/tls01/pen/NjobVX

(text-shadow jest zakomentowane; usuńcie komentarz, żeby zobaczyć różnicę)

Lub "lokalnie", w poście:

	<body>
		<nav class="container navigation">
			<ul>
				<li><a href="#" data="ELEMENT 1">ELEMENT 1</a></li>
				<li><a href="#" data="ELEMENT  2">ELEMENT 2</a></li>
				<li><a target="_blank" href="#" data="ELEMENT 3">ELEMENT 3</a></li>
				<li><a href="#" data="ELEMENT 4">ELEMENT 4</a>
			</ul>
		</nav>
	</body>

body {

	background: black;
	background-size: cover;
	font-family: 'Open Sans', sans-serif;
}

.container {
	width: 1200px;
	margin: 0 auto;
}
.navigation {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	margin-top: 40px;
}
.navigation > ul {
	list-style: none;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-around;
	width: 100%;
	margin: 0;
	padding: 0;
}
.navigation > ul > li > a {
	text-decoration: none;
	text-transform: uppercase;
	padding: 20px;
	position: relative;
	color: #FFF;
	letter-spacing: 1px;
	font-weight: 400;
	font-size: 1.1em;
}
.navigation > ul > li > a:before {
	content: attr(data);
	position: absolute;
	overflow: hidden;
	white-space: nowrap;
	max-width: 0;
	color: #39BC54;
	border-bottom: 2px solid #39BC54;
  /* text-shadow: -0px 0 black, 0 0px black, 0px 0 black, 0 -0px black; */
	transition: max-width .2s linear;
}
.navigation > ul > li > a:hover:before {
	max-width: 100%;
}

Mam nadzieję, że udało mi się wyjaśnić, o co chodzi.

Jak zaokrąglić rogi tabeli?

Wed, 04 May 2016 11:12:29 +0000

Cześć,

Chciałabym zaokrąglić rogi tabeli.

Czy jest może na to jakiś sposób?

Próbowałam dodając border-radius, jednak wtedy zaokrągla się tylko obrazek w tle, a nie obramowanie.

HTML:

<table id="menuglowne">
    <tr>
      <td>Tekst1</td>
      <td>Tekst2</td>
      <td>Tekst3</td>
      <td>Tekst4</td>
      <td>Tekst5</td>
</tr>
</table>

CSS:

table {
  border: 7px solid;
  background-image: url(http://mylabel.pl/sites/default/files/blekit%20paryski.jpg); 
	width: 200px; 
    position: relative; left:12px;}
td {
	font-size: 30px; 
      border: 7px solid #000000;
	padding: 30px;}

http://cssdeck.com/labs/yvv8yfyj

Obramowanie tekstu css

Sat, 02 May 2015 10:53:56 +0000

Witajcie,

Drodzy mili, proszę powiedzcie mi jak zrobić obramowanie tekstu, które z prawego boku wygląda tak dziwnie (taka strzałeczka jak na zdjęciu)? Chciałbym by obramowanie wyglądało normalnie (tak jak niżej), a "wysuwało się" dopiero po najechaniu i tak właśnie wyglądało. Jakigo kodu użyć?

Pozdrawiam