logo elektroda
logo elektroda
X
logo elektroda
Szukanie Zaawansowane
logo elektroda
REKLAMA
REKLAMA
Adblock/uBlockOrigin/AdGuard mogą powodować znikanie niektórych postów z powodu nowej reguły.

Kilka linijek kodu,kto pomoże zrobić "stopke" ?

cubeacid 01 Sty 2012 15:34 4111 7
REKLAMA
Zgłoś naruszenie prawa
| Nowy temat
  • #1 10333769
    cubeacid
    Poziom 10  
    Posty: 17
    Wszystkiego dobrego w Nowym Roku Webmasterzy (i nie tylko) !

    Mam prośbę :) Nieznam się aż tak na tych CSSach żeby sam coś skonstruować.
    Jak już, to potrafie edytować z szablonu ....Próbowałem "zapożyczyć" z innego ale robił się bałagan na stronie.

    Moja stopka na stronie, którą buduję wygląda tak :

    Kilka linijek kodu,kto pomoże zrobić "stopke" ?

    a chciałbym, żeby wyglądała tak :

    Kilka linijek kodu,kto pomoże zrobić "stopke" ?

    Pomożecie to przerobić ? :)




    To moja stopka.

    CSS:

    Kod: CSS
    Zaloguj się, aby zobaczyć kod





    HTML:

    Kod: text
    Zaloguj się, aby zobaczyć kod
  • REKLAMA
  • Pomocny post
    #2 10342808
    Dragas
    Poziom 26  
    Posty: 1029
    Pomógł: 76
    Ocena: 197
    W css nie jestem pewien czy da się to zrobić, ale najłatwiej jest to zrobić przy użyciu tabel - wszystko będzie trzymało się w kupie.
  • REKLAMA
  • Pomocny post
    #3 10343040
    marcinj12
    Poziom 40  
    Posty: 3404
    Pomógł: 1024
    Ocena: 250
    Podałeś za mały fragment kodu, żeby cokolwiek powiedzieć. Układ stopki zależy od pozostałych elementów strony, i np. pożądanego zachowania (zawsze na dole ekranu, ale nieprzesuwana ze stroną, na dole ekranu i przesuwana ze stroną, na najniższej z możliwych pozycji zależnie od wysokości strony etc). Może lepiej podaj linka do tego szablonu, skąd ta stopka pochodzi i napisz z czym dokładnie masz problem, bo ja widzę jedno zdjęcie z jedną linijką tekstu, a drugie - z 3 kolumnami po 3 wiersze + obrazki.
  • Pomocny post
    #4 10343889
    groncholm
    Poziom 11  
    Posty: 17
    Pomógł: 2
    Ocena: 1
    Możesz zrobić to za pomocą listy np.

    CSS:
    Kod: text Rozwiń Zaznacz wszystko Kopiuj do schowka
    /* Footer */

#footer {
	height: 70px;
	width: 900px;
	margin: 0 auto;
	padding: 0px 0 15px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
}
#footer ul {
	
	margin: 10px;
	padding: 20px 0px 0px 0px;
	list-style: none;
	line-height: normal;
}

#footer li {
	float: left;
}


#footer a {
	display: block;
	height: 20px;
	margin-right: 4px;
	padding: 0px 20px 5px 20px;
	letter-spacing: 1px;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: normal;
	color: #FFFFFF;
	border: none;
}


    i HTML
    Kod: text Rozwiń Zaznacz wszystko Kopiuj do schowka
    
<div id="footer">
				<ul>		
				<li><a href="#">Homepage</a></li>
				<li><a href="#">Blog</a></li>
				<li><a href="#">Photos</a></li>
				<li><a href="#">About</a></li>
				<li><a href="#">Contact</a></li>
				</ul>
	
			<ul>
				<li><a href="#">Homepage</a></li>
				<li><a href="#">Blog</a></li>
				<li><a href="#">Photos</a></li>
				<li><a href="#">About</a></li>
				<li><a href="#">Contact</a></li>
			</ul>
			<ul>
				<li><a href="#">Homepage</a></li>
				<li><a href="#">Blog</a></li>
				<li><a href="#">Photos</a></li>
				<li><a href="#">About</a></li>
				<li><a href="#">Contact</a></li>
			</ul>
</div>
  • REKLAMA
  • Pomocny post
    #5 10344480
    fearnot

    Poziom 12  
    Posty: 60
    Pomógł: 3
    Ocena: 7
    Rozumiem, że chcesz wyśrodkować tekst w stopce?

    Kod: text
    Zaloguj się, aby zobaczyć kod


    przy założeniu, że wysokość wynosi 100px. (piszę z pamięci, bo mi się wysypał dreamweaver przed chwilą)

    Kod: CSS
    Zaloguj się, aby zobaczyć kod


    Gdyby coś nie grało, spróbuj dodać do css dla stopki "overflow:hidden;".
    Konto firmowe:
    Mobly
    Kolejowa, Psary, 42-512
  • REKLAMA
  • #6 10356797
    cubeacid
    Poziom 10  
    Posty: 17
    Dzięki wszystkim za pomoc.
    Sposób Groncholm jest tym o co mi chodzi.
    Mam jednak mały problem :/
    Zmieniam i zmieniam i nie mogę zwiększyć odstępów w poziomie między wierszami.
    Gdzie to sie zmienia ? :|
    Kilka linijek kodu,kto pomoże zrobić "stopke" ?

    groncholm napisał:


    CSS:

    Kod: CSS
    Zaloguj się, aby zobaczyć kod




    html

    Kod: text
    Zaloguj się, aby zobaczyć kod

  • Pomocny post
    #7 10356880
    marcinj12
    Poziom 40  
    Posty: 3404
    Pomógł: 1024
    Ocena: 250
    To jest odległość między poszczególnymi elementami <li>, czyli np. zmieniasz margines między nimi, np. tutaj:
    Kod: CSS
    Zaloguj się, aby zobaczyć kod
  • #8 10356983
    cubeacid
    Poziom 10  
    Posty: 17
    Działa dzięki
| Nowy temat
Zgłoś naruszenie prawa

Podsumowanie tematu

✨ Użytkownik prosi o pomoc w edytowaniu stopki na stronie internetowej, aby uzyskać pożądany wygląd. W odpowiedziach zasugerowano różne metody, w tym użycie tabel do układu, a także CSS z listami do organizacji elementów. Podano konkretne fragmenty kodu CSS i HTML, które mogą pomóc w osiągnięciu zamierzonego efektu, w tym wyśrodkowanie tekstu oraz dostosowanie odstępów między elementami listy. Użytkownik potwierdził, że jedna z metod działa, ale miał problem z regulacją odstępów w poziomie między wierszami, co zostało rozwiązane przez zmianę marginesów w CSS.
Wygenerowane przez model językowy.
REKLAMA