logo elektroda
logo elektroda
X
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
  • #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:
    /* 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
    
    <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

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